.elementor-33121 .elementor-element.elementor-element-0b3b9e5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-33121 .elementor-element.elementor-element-0b3b9e5:not(.elementor-motion-effects-element-type-background), .elementor-33121 .elementor-element.elementor-element-0b3b9e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-33121 .elementor-element.elementor-element-0b3b9e5 .trx_addons_bg_text{z-index:0;}.elementor-33121 .elementor-element.elementor-element-0b3b9e5 .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-33121 .elementor-element.elementor-element-0b3b9e5 .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.elementor-33121 .elementor-element.elementor-element-0b3b9e5.e-con{--align-self:center;}.elementor-33121 .elementor-element.elementor-element-6f55fa9{--display:flex;--min-height:0px;--flex-direction:row;--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;--justify-content:space-around;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0%;--margin-bottom:0%;--margin-left:3%;--margin-right:3%;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-33121 .elementor-element.elementor-element-567471e{--display:flex;--min-height:0vh;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:100;}.elementor-33121 .elementor-element.elementor-element-567471e .trx_addons_bg_text{z-index:0;}.elementor-33121 .elementor-element.elementor-element-567471e .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-33121 .elementor-element.elementor-element-567471e .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.elementor-widget-image .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-33121 .elementor-element.elementor-element-ea195ca img{width:100%;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec .trx_addons_bg_text{z-index:0;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec.e-con{--align-self:center;}.elementor-33121 .elementor-element.elementor-element-b342b30 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-33121 .elementor-element.elementor-element-b342b30.elementor-element{--align-self:flex-end;}.elementor-33121 .elementor-element.elementor-element-cc46e33{width:auto;max-width:auto;}.elementor-33121 .elementor-element.elementor-element-cc46e33.elementor-element{--align-self:flex-end;}.elementor-33121 .elementor-element.elementor-element-c9f9a58{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33121 .elementor-element.elementor-element-c9f9a58 .trx_addons_bg_text{z-index:0;}.elementor-33121 .elementor-element.elementor-element-c9f9a58 .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-33121 .elementor-element.elementor-element-c9f9a58 .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.elementor-33121 .elementor-element.elementor-element-c9f9a58.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33121 .elementor-element.elementor-element-f1d8d71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-33121 .elementor-element.elementor-element-f1d8d71.elementor-element{--align-self:center;}.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-33121 .elementor-element.elementor-element-6f55fa9 .trx_addons_bg_text{z-index:0;}.elementor-33121 .elementor-element.elementor-element-6f55fa9 .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-33121 .elementor-element.elementor-element-6f55fa9 .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.trx-addons-layout--edit-mode .trx-addons-layout__inner{background-color:transparent;}.trx-addons-layout--single-preview .trx-addons-layout__inner{background-color:transparent;}@media(max-width:1024px){.elementor-33121 .elementor-element.elementor-element-cc46e33 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-33121 .elementor-element.elementor-element-6f55fa9{--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;}}@media(max-width:767px){.elementor-33121 .elementor-element.elementor-element-0b3b9e5{--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;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:3%;--margin-right:3%;}.elementor-33121 .elementor-element.elementor-element-567471e{--width:50%;--flex-direction:row;--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;--justify-content:center;--align-items:center;}.elementor-33121 .elementor-element.elementor-element-ea195ca{padding:0px 0px 0px 20px;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec{--width:50%;--flex-direction:row;--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;--justify-content:flex-end;--align-items:center;}.elementor-33121 .elementor-element.elementor-element-cc46e33{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-33121 .elementor-element.elementor-element-cc46e33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 0px;}.elementor-33121 .elementor-element.elementor-element-cc46e33.elementor-element{--align-self:center;}.elementor-33121 .elementor-element.elementor-element-c9f9a58{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33121 .elementor-element.elementor-element-6f55fa9{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(min-width:768px){.elementor-33121 .elementor-element.elementor-element-0b3b9e5{--width:100%;}.elementor-33121 .elementor-element.elementor-element-567471e{--width:20%;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec{--width:50%;}.elementor-33121 .elementor-element.elementor-element-c9f9a58{--width:20%;}.elementor-33121 .elementor-element.elementor-element-6f55fa9{--width:94%;}}@media(max-width:1024px) and (min-width:768px){.elementor-33121 .elementor-element.elementor-element-567471e{--width:40%;}.elementor-33121 .elementor-element.elementor-element-bc7c2ec{--width:60%;}}/* Start custom CSS for wp-widget-maxmegamenu, class: .elementor-element-b342b30 *//* 1. LIMPIEZA Y POSICIONAMIENTO */
.mega-menu-link {
    position: relative !important;
    text-decoration: none !important;
    background: none !important; /* Quita fondos del plugin */
    color: #F4ECE4 !important; /* Crema logo */
    transition: color 0.4s ease !important;
}

/* 2. CREACIÓN DE LA LÍNEA (Pseudo-elemento) */
/* Usamos ::before para evitar conflictos con otros iconos del plugin */
.mega-menu-link::before {
    content: '' !important;
    position: absolute !important;
    bottom: 5px !important; /* Ajusta la altura de la línea */
    left: 50% !important;
    width: 0 !important;
    height: 1px !important;
    background-color: #C5A47E !important; /* Dorado */
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
}

/* 3. HOVER: EXPANSIÓN DE LA LÍNEA */
.mega-menu-item:hover > .mega-menu-link::before,
.mega-menu-item.mega-current-menu-item > .mega-menu-link::before {
    width: 70% !important; /* Qué tan larga es la línea */
}

/* 4. HOVER: CAMBIO DE COLOR DE TEXTO */
.mega-menu-item:hover > .mega-menu-link {
    color: #C5A47E !important;
    background: none !important;
}

/* 5. ELIMINAR EFECTOS POR DEFECTO DEL PLUGIN */
#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link:focus {
    background: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1d8d71 *//* 1. EL CONTENEDOR DEL H2 (Reset de caja) */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title {
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #F4ECE4 !important; /* El borde siempre es crema */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. EL ENLACE INTERNO (Donde vive el texto) */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title a {
    display: block !important;
    padding: 14px 30px !important; /* Aquí definimos el tamaño real del botón */
    color: #F4ECE4 !important; /* Texto crema */
    text-decoration: none !important;
    font-family: serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: color 0.4s ease !important;
}

/* 3. EL EFECTO HOVER (Inversión total) */
/* Cuando pasamos el mouse sobre el H2... */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title:hover {
    background-color: #F4ECE4 !important; /* El fondo se llena de crema */
    transform: translateY(-4px) !important; /* Salto elegante */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important; /* Sombra visible */
}

/* ...el texto del enlace cambia a oscuro */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title:hover a {
    color: #382223 !important; /* Marrón oscuro Hacienda */
}

/* 4. ALINEACIÓN DEL WIDGET */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 {
    text-align: right !important; /* Lo empuja a la derecha del header */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9f9a58 *//* ESTILO BASE (Ghost) */
.elementor-33121 .elementor-element.elementor-element-c9f9a58 .elementor-button {
    background-color: transparent !important;
    color: #F4ECE4 !important; /* Crema logo */
    border: 2px solid #F4ECE4 !important; /* Borde más grueso para que se note */
    border-radius: 0px !important;
    padding: 14px 30px !important; /* Un poco más grande */
    font-family: serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    transition: all 0.4s ease-in-out !important; /* Transición más rápida pero suave */
    box-sizing: border-box !important;
}

/* EFECTO HOVER (Inversión Sólida) */
.elementor-33121 .elementor-element.elementor-element-c9f9a58 .elementor-button:hover {
    background-color: #F4ECE4 !important; /* Se llena de crema */
    color: #382223 !important; /* Texto oscuro Hacienda */
    border-color: #F4ECE4 !important;
    transform: translateY(-3px) !important; /* Micro-salto hacia arriba */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important; /* Sombra suave para destacar */
}/* End custom CSS */
/* Start custom CSS for wp-widget-maxmegamenu, class: .elementor-element-b342b30 *//* 1. LIMPIEZA Y POSICIONAMIENTO */
.mega-menu-link {
    position: relative !important;
    text-decoration: none !important;
    background: none !important; /* Quita fondos del plugin */
    color: #F4ECE4 !important; /* Crema logo */
    transition: color 0.4s ease !important;
}

/* 2. CREACIÓN DE LA LÍNEA (Pseudo-elemento) */
/* Usamos ::before para evitar conflictos con otros iconos del plugin */
.mega-menu-link::before {
    content: '' !important;
    position: absolute !important;
    bottom: 5px !important; /* Ajusta la altura de la línea */
    left: 50% !important;
    width: 0 !important;
    height: 1px !important;
    background-color: #C5A47E !important; /* Dorado */
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
}

/* 3. HOVER: EXPANSIÓN DE LA LÍNEA */
.mega-menu-item:hover > .mega-menu-link::before,
.mega-menu-item.mega-current-menu-item > .mega-menu-link::before {
    width: 70% !important; /* Qué tan larga es la línea */
}

/* 4. HOVER: CAMBIO DE COLOR DE TEXTO */
.mega-menu-item:hover > .mega-menu-link {
    color: #C5A47E !important;
    background: none !important;
}

/* 5. ELIMINAR EFECTOS POR DEFECTO DEL PLUGIN */
#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link:focus {
    background: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1d8d71 *//* 1. EL CONTENEDOR DEL H2 (Reset de caja) */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title {
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #F4ECE4 !important; /* El borde siempre es crema */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. EL ENLACE INTERNO (Donde vive el texto) */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title a {
    display: block !important;
    padding: 14px 30px !important; /* Aquí definimos el tamaño real del botón */
    color: #F4ECE4 !important; /* Texto crema */
    text-decoration: none !important;
    font-family: serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: color 0.4s ease !important;
}

/* 3. EL EFECTO HOVER (Inversión total) */
/* Cuando pasamos el mouse sobre el H2... */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title:hover {
    background-color: #F4ECE4 !important; /* El fondo se llena de crema */
    transform: translateY(-4px) !important; /* Salto elegante */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important; /* Sombra visible */
}

/* ...el texto del enlace cambia a oscuro */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 .elementor-heading-title:hover a {
    color: #382223 !important; /* Marrón oscuro Hacienda */
}

/* 4. ALINEACIÓN DEL WIDGET */
.elementor-33121 .elementor-element.elementor-element-f1d8d71 {
    text-align: right !important; /* Lo empuja a la derecha del header */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9f9a58 *//* ESTILO BASE (Ghost) */
.elementor-33121 .elementor-element.elementor-element-c9f9a58 .elementor-button {
    background-color: transparent !important;
    color: #F4ECE4 !important; /* Crema logo */
    border: 2px solid #F4ECE4 !important; /* Borde más grueso para que se note */
    border-radius: 0px !important;
    padding: 14px 30px !important; /* Un poco más grande */
    font-family: serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    transition: all 0.4s ease-in-out !important; /* Transición más rápida pero suave */
    box-sizing: border-box !important;
}

/* EFECTO HOVER (Inversión Sólida) */
.elementor-33121 .elementor-element.elementor-element-c9f9a58 .elementor-button:hover {
    background-color: #F4ECE4 !important; /* Se llena de crema */
    color: #382223 !important; /* Texto oscuro Hacienda */
    border-color: #F4ECE4 !important;
    transform: translateY(-3px) !important; /* Micro-salto hacia arriba */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important; /* Sombra suave para destacar */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f55fa9 *//* 2. ESTADO SCROLL (Café #382223 sobre blanco) */
/* Esta regla se activa cuando el #header-maestro entra en modo sticky */

#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 a, 
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 i,
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 .elementor-item,
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 .elementor-nav-menu a,
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 .elementor-sub-item,
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 .elementor-button {
    color: #382223 !important;
    fill: #382223 !important;
    border-color: #382223 !important;
}

/* Forzado para el texto interno del botón en scroll */
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 .elementor-button .elementor-button-text,
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 .elementor-button i {
    color: #382223 !important;
}

/* Cambio del Logo a Café en scroll */
#header-maestro.elementor-sticky--effects .elementor-33121 .elementor-element.elementor-element-6f55fa9 img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(1239%) hue-rotate(314deg) brightness(96%) contrast(90%) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b3b9e5 *//* 1. CONTROL DE FONDO Y STICKY */
.elementor-33121 .elementor-element.elementor-element-0b3b9e5 {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 9999 !important;
    background-color: transparent !important;
    transition: all 0.4s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important; /* Apila para que no peleen horizontalmente */
}

.elementor-33121 .elementor-element.elementor-element-0b3b9e5.elementor-sticky--effects {
    position: fixed !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.1) !important;
}



/* 4. EFECTO SCROLL (Cuando bajamos) */
.elementor-33121 .elementor-element.elementor-element-0b3b9e5.elementor-sticky--effects {
    background-color: #FFFFFF !important;
}

/* Cambiamos Logos y Textos a Café en Scroll */
.elementor-33121 .elementor-element.elementor-element-0b3b9e5.elementor-sticky--effects img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(1239%) hue-rotate(314deg) brightness(96%) contrast(90%) !important;
}

.elementor-33121 .elementor-element.elementor-element-0b3b9e5.elementor-sticky--effects i,
.elementor-33121 .elementor-element.elementor-element-0b3b9e5.elementor-sticky--effects a {
    color: #382223 !important;
}/* End custom CSS */