.elementor-485 .elementor-element.elementor-element-0d02f23{--display:flex;--min-height:280px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-485 .elementor-element.elementor-element-229e2e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-485 .elementor-element.elementor-element-14f8547{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-1d24646{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-485 .elementor-element.elementor-element-08d8887{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-485 .elementor-element.elementor-element-0d00b17 .elementor-menu-toggle{margin:0 auto;}.elementor-485 .elementor-element.elementor-element-f5bff3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-485 .elementor-element.elementor-element-0fc6d3c{--display:flex;}@media(min-width:768px){.elementor-485 .elementor-element.elementor-element-0d02f23{--content-width:100%;}.elementor-485 .elementor-element.elementor-element-229e2e2{--width:20%;}.elementor-485 .elementor-element.elementor-element-14f8547{--width:15%;}.elementor-485 .elementor-element.elementor-element-08d8887{--width:40%;}.elementor-485 .elementor-element.elementor-element-f5bff3d{--width:25%;}}/* Start custom CSS for button, class: .elementor-element-deb2bff *//*************************************************
 * BOTÓN MULTICOLOR CARNAVALERA – ESCRITORIO
 *************************************************/

.header-carnavalera .elementor-button {
    background: linear-gradient(90deg, #FF006C, #FFD700, #00C8FF, #00FF6A) !important;
    background-size: 300% 100% !important;

    color: #ffffff !important;
    padding: 16px 42px !important;

    font-size: 20px !important;
    font-weight: 900 !important;

    border-radius: 20px !important;
    border: none !important;

    box-shadow: 0 6px 20px rgba(0,0,0,0.25) !important;

    text-transform: uppercase !important;
    letter-spacing: 1px !important;

    transition: all .35s ease !important;
}

/* Hover: animación de gradiente + levitar */
.header-carnavalera .elementor-button:hover {
    background-position: 100% 0 !important;
    transform: translateY(-4px) scale(1.04);
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-1d24646 *//*************************************************
 * REDES SOCIALES CARNAVALERA – ESCRITORIO
 *************************************************/

/* Wrapper limpio y con separación */
.header-carnavalera .elementor-social-icons-wrapper {
    display: flex !important;
    gap: 14px !important;
}

/* Cada icono */
.header-carnavalera .elementor-social-icon {
    width: 55px !important;
    height: 55px !important;

    background: #003F8A !important; /* azul corporativo */
    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.35) !important;

    transition: transform .25s ease,
                background .25s ease,
                box-shadow .25s ease !important;
}

/* Iconos dentro – color blanco */
.header-carnavalera .elementor-social-icon i,
.header-carnavalera .elementor-social-icon svg {
    color: #FFFFFF !important;
    font-size: 24px !important;
}

/* Hover – amarillo carnavalero */
.header-carnavalera .elementor-social-icon:hover {
    transform: translateY(-4px) scale(1.12);
    background: #FFD700 !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.45) !important;
}

/* Hover – icono cambia a azul */
.header-carnavalera .elementor-social-icon:hover i,
.header-carnavalera .elementor-social-icon:hover svg {
    color: #003F8A !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0d00b17 */@media (min-width: 769px) {

  /*************************************************
 * MENÚ FUTURISTA CARNAVALERA (ADAPTADO)
 *************************************************/

/* Reset total */
.header-carnavalera .elementor-nav-menu a,
.header-carnavalera .elementor-nav-menu .elementor-item {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Estilo base de texto */
.header-carnavalera .elementor-nav-menu .elementor-item {
    position: relative !important;
    display: inline-block !important;
    
    padding: 10px 28px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    
    transition: color .35s ease !important;
    text-transform: none !important;
}

/* ---- SLIDE FUTURISTA ---- */
.header-carnavalera .elementor-nav-menu .elementor-item::before {
    content: "" !important;
    position: absolute !important;

    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 0% !important;
    height: 80% !important;

    border-radius: 10px !important;

    background: linear-gradient(90deg, #00C2FF, #0080FF) !important;
    box-shadow: 0 0 18px rgba(0, 140, 255, 0.55) !important;

    opacity: 0 !important;
    transition: width .35s ease, opacity .35s ease !important;

    z-index: -1 !important;
}

/* Hover activado */
.header-carnavalera .elementor-nav-menu .elementor-item:hover::before {
    width: 100% !important;
    opacity: 1 !important;
}

/* Texto hover */
.header-carnavalera .elementor-nav-menu .elementor-item:hover {
    color: #FFD700 !important;
}

}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-69f6269 *//* =======================================
   LOGO CARNAVALERA – ESTILO VISUAL
   ======================================= */

.header-carnavalera img {
    height: 180px !important;  /* tamaño ideal en escritorio */
    width: auto !important;
    object-fit: contain !important;

    /* sombra bonita del logo */
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.35));

    /* animación suave */
    transition: transform .25s ease, 
                filter .25s ease;
}

/* Hover del logo */
.header-carnavalera img:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 10px 18px rgba(0,0,0,0.45));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d02f23 *//* ============================================
   HEADER CARNAVALERA — Fondo + Borde (ESCRITORIO)
   ============================================ */
.header-carnavalera {
    background-image: url("https://carnavalera.com/wp-content/uploads/2025/11/Untitled-design-1.jpg") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    
    /* altura mínima visual */
    min-height: 280px !important;

    /* borde inferior amarillo */
    border-bottom: 6px solid #FFD700 !important;

    /* que el contenido quede centrado verticalmente */
    display: flex !important;
    align-items: center !important;
}


/* =========================
   HEADER — MÓVIL
   ========================= */
@media (max-width: 768px) {
    .header-carnavalera {
        min-height: 200px !important;
        padding: 10px !important;
    }
}


/*************************************************
 * HEADER CARNAVALERA — VISUAL MÓVIL
 *************************************************/
@media (max-width: 768px) {
    
    /* Ajuste general del contenedor */
    .header-carnavalera {
        padding-top: 15px !important;
        padding-bottom: 20px !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    /* Logo centrado */
    .header-carnavalera img {
        height: 120px !important;
        margin: 0 auto 15px auto !important;
    }

    /* Botón hamburguesa centrado */
    .header-carnavalera .elementor-menu-toggle {
        margin: 0 auto 20px auto !important;
        transform: scale(1.4) !important;
        color: white !important;
    }

    /* Redes sociales centradas */
    .header-carnavalera .elementor-social-icons-wrapper {
        justify-content: center !important;
        margin: 15px auto !important;
    }

    /* Botón contáctanos centrado */
    .header-carnavalera .elementor-button {
        margin: 15px auto 0 auto !important;
        width: 80% !important;
        display: block !important;
        text-align: center !important;
    }

    /* Borde inferior amarillo más grueso */
    .header-carnavalera {
        border-bottom: 8px solid #FFD700 !important;
    }
}/* End custom CSS */
/* Start custom CSS *//*************************************************
 * MENÚ MÓVIL FUTURISTA CARNAVALERA (IGUAL A PC)
 *************************************************/
@media (max-width: 768px) {

    /***************
     * CAJA DROPDOWN
     ***************/
    nav.elementor-nav-menu--dropdown {
        background: rgba(0, 40, 110, 0.92) !important;
        border: 2px solid #FFD700 !important;
        border-radius: 14px !important;
        padding: 14px 12px !important;
        box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
        margin-top: 10px !important;
        animation: dropdownFadeMobile .35s ease !important;
    }

    @keyframes dropdownFadeMobile {
        0% { opacity: 0; transform: translateY(-10px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    /**************************
     * ESTILO BASE DE LOS ITEMS
     **************************/
    nav.elementor-nav-menu--dropdown .elementor-item {
        position: relative !important;
        display: block !important;
        width: 100% !important;

        padding: 14px 22px !important;
        margin: 6px 0 !important;

        font-size: 18px !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
        text-align: center !important;

        border-radius: 12px !important;

        transition: color .35s ease !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    /*********************************
     * SLIDE FUTURISTA — IGUAL AL PC
     *********************************/
    nav.elementor-nav-menu--dropdown .elementor-item::before {
        content: "" !important;
        position: absolute !important;

        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 0% !important;
        height: 80% !important;

        background: linear-gradient(90deg, #00C2FF, #0080FF) !important;
        box-shadow: 0 0 18px rgba(0, 140, 255, 0.55) !important;

        border-radius: 12px !important;

        opacity: 0 !important;
        transition: width .35s ease, opacity .35s ease !important;

        z-index: -1 !important;
    }

    /**************************
     * HOVER FUTURISTA — PC
     **************************/
    nav.elementor-nav-menu--dropdown .elementor-item:hover {
        color: #FFD700 !important;
    }

    nav.elementor-nav-menu--dropdown .elementor-item:hover::before {
        width: 100% !important;
        opacity: 1 !important;
    }
}

/* Quitar fondos por defecto en items del menú móvil */
nav.elementor-nav-menu--dropdown .elementor-item,
nav.elementor-nav-menu--dropdown .elementor-item a {
    background: transparent !important;
    box-shadow: none !important;
}


/* Más espacio y centrado limpio */
nav.elementor-nav-menu--dropdown .elementor-item {
    padding: 14px 0 !important;
    margin: 10px 0 !important;
}/* End custom CSS */