/*
Theme Name:   Anasanar Theme
Theme URI:    
Description:  
Author:       The DigitaLab
Author URI:   https://thedigitalab.es
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Tags:         
Text Domain:  
*/

:root {
    --spc: max(1.5rem, 5vw);
    --spc-xs: max(1.125rem, 2.7778vw);
    --spc-mod: max(1.875rem, 6vw);
    --spc-inhead: calc((100vh / 100vw) * 25vw);
    --grid-gap: max(0.625rem, 1.389vw);
    --esq-roma: max(5px, 0.6vw);
    --trazo-txt: max(1px, 0.15vw);
}
/* ===== HEADER / NAV ===== */

#desk-nav-list ul.sub-menu {
    width: 100%;
    display: flex !important;
    flex-flow: column;
    margin-left: 1em !important;
    position: relative;
}
#desk-nav-list .sub-menu li>a {
    padding-left: 0;
}

/* ===== Estilos en Texto ===== */

.marco > .e-con-inner,
.marco > img,
.contorno {
    outline: var(--trazo-txt) solid var(--e-global-color-9f32e87);
    outline-offset: calc(var(--trazo-txt) * 2);
    padding: 0;
    border-radius: var(--esq-roma);
}
.resaltado {
    background: var(--e-global-color-9f32e87);
    padding: 0 .25em;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}
.cond {
    font-family: var( --e-global-typography-1593870-font-family ), Sans-serif;
    font-size: var( --e-global-typography-50a27f9-font-size );
    font-weight: 600;
}
.intro {
    font-family: var(--e-global-typography-dbcb901-font-family), Sans-serif;
    font-style: var(--e-global-typography-dbcb901-font-style);
    font-size: var(--e-global-typography-dbcb901-font-size);
}

/* ===== LAYOUT ===== */

.sec-head {
    padding: 0;
}
.caja-head {
    padding: calc(1.25 * var(--spc)) var(--grid-gap) 0;
}
.caja-bottom {
    padding: 0 var(--grid-gap) 0;
}
.sec {
    padding: var(--grid-gap) var(--grid-gap) 0;
}
.caja-col {
    padding: 0;
    grid-row-gap: var(--grid-gap);
    grid-column-gap: var(--grid-gap);
}
.mod, .mod-grid, .mod-flex, .celda {
    border-radius: var(--esq-roma);
}
.mod {
    padding: 0;
    grid-row-gap: var(--grid-gap);
    grid-column-gap: var(--grid-gap);
}
.mod-flex, .mod-grid {
    padding: var(--spc-mod);
    grid-template-rows: auto;
    grid-column-gap: var(--grid-gap);
}
.celda {
    padding: var(--spc-xs) var(--grid-gap);
}
.mod-opin:before {
    content: "";
    width: 58%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 21%;
    background: var( --e-global-color-d4d8ad7 );
}
#opin .swiper {
    width: calc(100% - (var(--spc) * 1.5));
}
#opin .elementor-swiper-button {
    border-radius: var(--esq-roma);
    background-color: var(--e-global-color-secondary);
    opacity: 1;
    padding: var(--spc-xs) 0;
}
#opin .elementor-swiper-button svg {
    width: var(--sp);
    height: var(--spc);
}
#opin .swiper .elementor-swiper-button-prev {
    left: 0;
}
#opin .swiper .elementor-swiper-button-next {
    right: 0;
}
@media (max-width: 480px) {
    .caja-head {
        padding-top: 5.0625rem;
    }
    .mod-opin:before {
        width: 100%;
        left: 0;
    }
}

/* ===== FORMULARIOS ===== */


/* === Newsletter Form Footer === */
.signup-form-content {
    margin-top: var(--grid-gap);
    font-size: var(--e-global-typography-text-font-size);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: end;
    gap: var(--grid-gap) 1em;
}
.form-foot .signup-form-content > div:first-child {
    width: auto;
    min-width: 100%;
}
.form-foot .signup-form-content > div:nth-child(2) {
    width: calc(70% - 0.5em) !important;
}
.form-foot .signup-form-content > div:last-child {
    width: calc(29% - 0.5em);
} 
#subscribe-form label,
#subscribe-form input,
#subscribe-form input::placeholder {
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    line-height: 1;
    color: var(--e-global-color-d4d8ad7);
}
#subscribe-form label {
    padding-bottom: 0.25em;
    font-size: 0.9em;
    font-weight: 300;
}
#subscribe-form input {
    padding: 0.25em 0.5em;
    font-weight: 500;
    border: var(--trazo-txt) solid var(--e-global-color-d4d8ad7);
    background: transparent;
}
#subscribe-form input::placeholder {
    font-weight: 300;
    color: #ccc;
}
#subscribe-form.form-lp input::placeholder {
    color: #606060;
}
#subscribe-form input[type=submit] {
    width: 100%;
    background-color: var(--e-global-color-618fba4);
}
#subscribe-form.form-lp input[type=submit] {
    background-color: var(--e-global-color-primary);
}
#subscribe-form input[type=submit]:hover {
    background-color: var(--e-global-color-9f32e87);
}

.form-lp .submit-wrapper {
    width: 50%;
}
.form-lp .required a {
    color: var(--e-global-color-text);
}