.elementor-kit-11{--e-global-color-primary:#141414;--e-global-color-secondary:#00983A;--e-global-color-text:#141414;--e-global-color-accent:#FCD116;--e-global-color-06cd2e6:#FFFFFF;--e-global-color-da1ec41:#F6F6F6;color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-size:1.1rem;line-height:1.6em;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-secondary );font-size:1.1rem;font-weight:500;color:var( --e-global-color-06cd2e6 );border-radius:5px 5px 5px 5px;padding:15px 25px 15px 25px;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-06cd2e6 );border-radius:5px 5px 5px 5px;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-primary );}.elementor-kit-11 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-11 h1{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:4.5rem;font-weight:600;line-height:1.05em;}.elementor-kit-11 h2{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:3.6rem;font-weight:600;line-height:1.1em;}.elementor-kit-11 h3{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:2.5rem;font-weight:500;line-height:1.15em;}.elementor-kit-11 h4{color:var( --e-global-color-primary );font-size:2.3rem;font-weight:500;line-height:1.25em;}.elementor-kit-11 h5{color:var( --e-global-color-primary );font-size:1.85rem;font-weight:400;line-height:1.35em;}.elementor-kit-11 h6{color:var( --e-global-color-primary );font-size:1.5rem;font-weight:600;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0%;--container-default-padding-right:3%;--container-default-padding-bottom:0%;--container-default-padding-left:3%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11 h1{font-size:2rem;}.elementor-kit-11 h2{font-size:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --e-gv-bcb318c:20px; --e-gv-1f52643:20px; --e-gv-b862619:1600px; --espaciado-elementos:20px; --amarillo:#FCD116; --negro:#141414; --verde:#00983A; --blanco:#ffffff; --Gris:#F6F6F6; }
/* Start custom CSS */#asl-storelocator.asl-cont.asl-template-5 .sl-main-cont .asl-panel-inner {
    padding: 30px !important;
}
/* =======================================================
   SISTEMA DE DISEÑO NU-STYLE: NOMBRES ACTUALIZADOS
   ======================================================= */

:root {
    --side-padding: 5%; /* Amplitud lateral PC */
    --side-padding-mobile: 6%; /* Amplitud lateral Móvil */
    --transition-nu: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 1. SECCIÓN HERO (El primer impacto) */
.seccion-hero {
    padding-top: clamp(6rem, 12vh, 12rem) !important;
    padding-bottom: clamp(4rem, 8vh, 8rem) !important;
    padding-left: var(--side-padding) !important;
    padding-right: var(--side-padding) !important;
    width: 100% !important;
}

/* 2. SECCIÓN TÍTULO (Cabecera de contenido) */
.seccion-titulo {
    padding-top: clamp(5rem, 10vh, 10rem) !important;
    padding-bottom: 2rem !important;
    padding-left: var(--side-padding) !important;
    padding-right: var(--side-padding) !important;
    width: 100% !important;
}

/* 3. SECCIÓN POST-TÍTULO (Contenido que fluye tras el título) */
.seccion-post-titulo {
    padding-top: 0 !important;
    padding-bottom: clamp(5rem, 10vh, 10rem) !important;
    padding-left: var(--side-padding) !important;
    padding-right: var(--side-padding) !important;
    width: 100% !important;
}

/* 4. SECCIÓN AMPLIA (Bloques independientes sin título arriba) */
.seccion-amplia {
    padding-top: clamp(5rem, 10vh, 10rem) !important;
    padding-bottom: clamp(5rem, 10vh, 10rem) !important;
    padding-left: var(--side-padding) !important;
    padding-right: var(--side-padding) !important;
    width: 100% !important;
}

/* --- ADAPTACIÓN MÓVIL SÍNCRONA --- */
@media (max-width: 767px) {
    .seccion-hero, 
    .seccion-titulo, 
    .seccion-post-titulo, 
    .seccion-amplia {
        padding-left: var(--side-padding-mobile) !important;
        padding-right: var(--side-padding-mobile) !important;
        box-sizing: border-box !important;
    }

    .seccion-hero {
        padding-top: 5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .seccion-titulo {
        padding-top: 4.5rem !important;
        padding-bottom: 1.2rem !important;
    }

    .seccion-post-titulo {
        padding-top: 0 !important;
        padding-bottom: 4.5rem !important;
    }

    .seccion-amplia {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }
}/* End custom CSS */