.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-21ee76c:#333333;--e-global-color-1840b82:#CD9E51;--e-global-color-a4abee9:#B37E25;--e-global-color-a4643fd:#FFFFFF;--e-global-color-08fa093:#00000000;--e-global-color-8a83bdf:#BC7D17;--e-global-color-81b82b9:#666666;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.wa__btn_popup .wa__btn_popup_icon {
    width: 50px;
    height: 50px;
}

/* Logo amarillo en scroll */
.img-logo.logo-scroll {
    width: 70% !important;
}

/* ============================================
   ESTADO NORMAL (arriba) - línea blanca
   ============================================ */
#menu-1-52ef18b .elementor-item::after {
    background: #ffffff;
}

/* ============================================
   ESTADO SCROLL - línea #333333
   ============================================ */
body.header-scrolled #menu-1-52ef18b .elementor-item::after {
    background: #333333;
}

/* ============================================
   Márgenes items (sin logo)
   ============================================ */
#menu-1-52ef18b .menu-item:not(.menu-item-69) {
    margin-top: 32px;
}

body.header-scrolled #menu-1-52ef18b .menu-item:not(.menu-item-69) {
    margin-top: 25px;
}

/* ============================================
   Ancho del logo en scroll
   ============================================ */
body.header-scrolled #menu-1-52ef18b .menu-item-69 {
    width: 160px;
}

/* ============================================
   Resto de tu CSS (sin cambios)
   ============================================ */
ul#menu-1-52ef18b {
    align-items: flex-start;
}

#menu-1-52ef18b .menu-item-69 {
    margin-top: 0;
    align-self: center;
}

#menu-1-52ef18b .elementor-item {
    padding-bottom: 10px;
}

#menu-1-52ef18b .elementor-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    transition: transform 0.3s ease, background 0.3s ease;
}

#menu-1-52ef18b .elementor-item:hover::after {
    transform: scaleX(1);
}

#menu-1-52ef18b .menu-item-69 .elementor-item::after {
    display: none;
}

@media screen and (max-width: 1023px) {
  .menu-item-69 {
    display: none !important;
  }
}/* End custom CSS */