@charset "UTF-8";
@import url(uxicons.css);

:root{
    --gamma-dark-purple:#1e1a34;
    --gamma-dark-purple-rgb:30,26,52;
    --gamma-russian-violet:#201547;
    --gamma-russian-violet-rgb:32,21,71;
    --gamma-slate-blue:#7d55c7;
    --gamma-slate-blue-rgb:125,85,199;
    --gamma-dark-violet:#9b26b6;
    --gamma-dark-violet-rgb:155,38,182;
    --gamma-mexican-pink:#e31c79;
    --gamma-mexican-pink-rgb:227,28,121;
    --gamma-process-cyan:#41b6e6;
    --gamma-process-cyan-rgb:65,182,280;
    --gamma-tiffany-blue:#7ce0d3;
    --gamma-tiffany-blue-rgb:124,224,211;
    --gamma-cadet-gray:#a2aaad;
    --gamma-cadet-gray-rgb:162,170,173;
    /* --zeta-font:"Industry",sans-serif; */
    --zeta-font-size:1rem;
    --nav-width:250px;
    --nav-minified-width:70px;
    --header-height:90px;
    --input-height:70px;
}

::-webkit-scrollbar{
    width:5px;
}

::-webkit-scrollbar-track{
    background-color:#fff;
}

::-webkit-scrollbar-thumb{
    background-color:var(--gamma-slate-blue);
}

::selection{
    background-color:var(--gamma-dark-purple);
    color:#fff;
}

figure{
    margin:0;
    padding:0;
}

form fieldset{
    margin:0;
    padding:0;
    position:relative;
    display:flex;
    align-items:center;

    &:first-of-type{
        & > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        & select,
        & textarea{
            border-top:0;
        }
    }
}

form fieldset::before,
form fieldset::before{
    content:"";
    width:30px;
    height:30px;
    display:none;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:var(--gamma-slate-blue);
    font-family:"uicons-regular-rounded"!important;
    font-size:1rem;
    color:#fff;
    line-height:0;
    position:absolute;
    right:1rem;
    top:1rem;
    z-index:1;
}

form fieldset.required::before,
form fieldset.required::before{
    content:"\f95e";
    display:flex;
}

form fieldset > label{
    width:60px;
    height:calc(60px + 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
}

form fieldset > label > span{
    font-size:1.5rem;
    line-height:0;
    color:var(--zeta-theme-color-text);
    transition:color 0.3s ease-in-out;
}

form fieldset:has(input ~ button) > button{
    width:55px;
    height:55px;
    position:absolute;
    top:10px;
    right:10px;
}

form fieldset:has(input ~ button) > button span{
    margin-left:0;
}

form fieldset:has(input ~ button) > input{
    padding-right:70px;
}

form fieldset:has(.checkbox){
    padding:0.5rem 0;;
}

form fieldset:has(.checkbox) > span,
form fieldset:has(.radio) > span{
    margin-left:1rem;
    font-weight:500;
}

form fieldset input:disabled::placeholder{
    color:rgb(84, 84, 84);
}

form fieldset > input[type="file"]{
    display:none;
}

form fieldset > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
form fieldset > select,
form fieldset > textarea{
    /*padding:0 calc(1.5rem + 30px) 0 1rem;*/
    height:calc(60px + 1rem);
    border:0;
    background-color:#fff;
    border-top:1px solid #eee;
    border-radius:0;
    position:relative;
    z-index:0;
}

form fieldset:has(label) > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
form fieldset:has(label) > select,
form fieldset:has(label) > textarea{
    padding-left:60px;
}

form fieldset:has(label) > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus ~ label > span,
form fieldset:has(label) > select:focus ~ label > span{
    color:var(--gamma-mexican-pink);
}

form fieldset > textarea{
    padding:1rem;
    resize:none;
}

form fieldset:has(label) > textarea:focus ~ label > span{
    color:var(--gamma-mexican-pink);
}

/*form fieldset:last-child:has(button){
    padding:.75rem 0 0 0;
}*/

form h5{
    margin:1rem 0;
    display:flex;
    align-items:center;
}

form h5 span{
    margin-right:0.5rem;
    font-size:1.1rem;
    color:var(--gamma-mexican-pink);
    line-height:0;
}

button{
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background-color:var(--gamma-dark-violet);
    font-size:1.2rem;
    color:#fff;
    position:relative;
    z-index:0;
}

button::before{
    content:"";
    display:block;
    width:0;
    height:inherit;
    background-color:var(--gamma-russian-violet);
    border-radius:inherit;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    transition:width 0.3s ease-in-out;
}

button > span{
    margin-left:0.5rem;
    font-size:1.5rem;
    line-height:0;
}

button.icon{
    width:50px;
    height:50px;
}

button.icon > span{
    margin-left:0rem;
}

button:hover,
button:active{
    color:#fff!important;
}

button:hover::before,
button:active::before{
    width:100%;
}

button.mexican{
    background-color:var(--gamma-mexican-pink);
}

button.mexican::before{
    background-color:var(--gamma-dark-violet);
}

button.dark{
    background-color:var(--gamma-dark-purple);
}

button.dark::before{
    background-color:var(--gamma-slate-blue);
}

button.slate{
    background-color:var(--gamma-slate-blue);
}

button.slate::before{
    background-color:var(--gamma-process-cyan);
}

button:disabled{
    background-color:var(--gamma-cadet-gray);
    cursor:no-drop
}

button:disabled::before{
    background-color:transparent;
}

.checkbox,
.radio{
    width:25px;
    height:25px;
    border:1px solid #eee;
    border-radius:3px;
    background-color:#f4f7f9;
    position:relative;
    cursor:pointer;
    transition:background-color 0.3s ease-in-out;
    display:inline-flex;
}

.radio{
    border-radius:50%;
}

.checkbox::after,
.radio::after{
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    border-radius:inherit;
    background-color:var(--gamma-mexican-pink);
    position:absolute;
    top:4px;
    left:4px;
}

.checkbox:not(.slider)::after,
.radio::after{
    transform:scale(0);
    transition:transform 0.2s ease-in-out;
}

.checkbox:not(.slider).active::after,
.radio.active::after{
    transform:scale(1);
}

.checkbox.slider{
    width:60px;
    height:30px;
    border-radius:15px;
}

.checkbox.slider::after{
    content:"";
    display:block;
    width:32px;
    height:32px;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 0 15px rgba(0,0,0,0.1);
    position:absolute;
    top:-1px;
    left:-1px;
    transition:left 0.3s ease;
}

.checkbox.slider.active{
    background-color:var(--gamma-mexican-pink);
}

.checkbox.slider.active::after{
    left:32px;
}

.checkbox > input[type="checkbox"],
.radio > input[type="radio"]{
    display:none;
}

.right-align{
    text-align:right;
}

.center-align{
    text-align:center;
}

.procedure-forms .form-process{
    display:none;
}

.procedure-forms .form-process.current{
    display:block;
}

.header{
    margin-bottom:1.5rem;
    padding:0 1.15rem;

    & h2{
        margin-bottom:0;
        font-weight:700;
    }

    & p.breadcrumb{
        margin-bottom:0;
        display:flex;
        align-items:center;

        & span{
            margin-right:0.4rem;
            font-size:1.3rem;
            line-height:0;
            color:var(--gamma-mexican-pink);
        }
    }
}

.owl-theme .owl-dots button{
    display:inline-block;
    width:auto;

    &::before{
        background-color:transparent;
    }
}