.elementor-293 .elementor-element.elementor-element-a537211{--display:flex;--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-293 .elementor-element.elementor-element-a537211:not(.elementor-motion-effects-element-type-background), .elementor-293 .elementor-element.elementor-element-a537211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(232deg, #302820 47%, #252018 100%);}.elementor-293 .elementor-element.elementor-element-0db4179{--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-293 .elementor-element.elementor-element-0db4179.e-con{--flex-grow:0;--flex-shrink:0;}.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-293 .elementor-element.elementor-element-c2815e7{--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-293 .elementor-element.elementor-element-c2815e7.e-con{--flex-grow:0;--flex-shrink:0;}.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-293 .elementor-element.elementor-element-70be4b5 .elementor-menu-toggle{margin-left:auto;}.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;}.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main .elementor-item{color:#E6E6E6;fill:#E6E6E6;padding-left:12px;padding-right:12px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed .elementor-item:before,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-underline .elementor-item:after,
					 .elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-overline .elementor-item:before,
					 .elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-double-line .elementor-item:before,
					 .elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--dropdown a:hover,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--dropdown a:focus,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-b291704 );}.elementor-293 .elementor-element.elementor-element-70be4b5 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-70be4b5 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-70be4b5 div.elementor-menu-toggle:hover, .elementor-293 .elementor-element.elementor-element-70be4b5 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-70be4b5 div.elementor-menu-toggle:hover svg, .elementor-293 .elementor-element.elementor-element-70be4b5 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-cb3aff3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-293 .elementor-element.elementor-element-3187485 .elementor-button{background-color:#BBA998B8;font-family:"Jost", Sans-serif;font-weight:500;border-radius:0px 0px 0px 0px;}.elementor-293 .elementor-element.elementor-element-3f5c565 .elementor-repeater-item-411aed0.elementor-social-icon{background-color:#BBA998;}.elementor-293 .elementor-element.elementor-element-3f5c565 .elementor-repeater-item-5b8a0dd.elementor-social-icon{background-color:#BBA998;}.elementor-293 .elementor-element.elementor-element-3f5c565 .elementor-repeater-item-29c34f7.elementor-social-icon{background-color:#BBA998;}.elementor-293 .elementor-element.elementor-element-3f5c565{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-293 .elementor-element.elementor-element-3f5c565 .elementor-social-icon{--icon-padding:0.4em;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-underline .elementor-item:after,
					 .elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-overline .elementor-item:before,
					 .elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-double-line .elementor-item:before,
					 .elementor-293 .elementor-element.elementor-element-70be4b5 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-293 .elementor-element.elementor-element-70be4b5 .elementor-nav-menu--main .elementor-item{padding-left:7px;padding-right:7px;}}@media(max-width:767px){.elementor-293 .elementor-element.elementor-element-0db4179{--width:33%;}.elementor-293 .elementor-element.elementor-element-c2815e7{--width:44%;}.elementor-293 .elementor-element.elementor-element-3187485 .elementor-button{font-size:12px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-293 .elementor-element.elementor-element-a537211{--content-width:99%;}.elementor-293 .elementor-element.elementor-element-0db4179{--width:11%;}.elementor-293 .elementor-element.elementor-element-c2815e7{--width:74%;}}@media(max-width:1366px) and (min-width:768px){.elementor-293 .elementor-element.elementor-element-c2815e7{--width:83%;}}@media(max-width:1024px) and (min-width:768px){.elementor-293 .elementor-element.elementor-element-0db4179{--width:124.672px;}}/* Start custom CSS for container, class: .elementor-element-a537211 *//* ==========================================
   1. ESTADO INICIAL (ARRIBA - GRADIENTE OSCURO)
   ========================================= */

/* Configuramos el contenedor principal */
.elementor-293 .elementor-element.elementor-element-a537211 {
    /* El color claro está de base siempre, oculto por ahora */
    background-color: #F7F3EC !important; 
    background-image: none !important;
    position: relative;
    transition: box-shadow 0.4s ease !important;
}

/* Creamos una capa superior con el gradiente oscuro usando ::before */
.elementor-293 .elementor-element.elementor-element-a537211::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(232deg, #302820 47%, #252018 100%);
    opacity: 1;
    transition: opacity 0.4s ease-in-out; /* Animación fluida de la opacidad */
    z-index: 0;
    pointer-events: none;
}

/* Aseguramos que los logos y el menú no queden atrapados detrás del gradiente */
.elementor-293 .elementor-element.elementor-element-a537211 > * {
    position: relative;
    z-index: 1;
}

/* Ocultar logo de scroll por defecto */
.elementor-293 .elementor-element.elementor-element-a537211 .logo-scroll {
    display: none !important;
}

/* Mostrar logo normal por defecto */
.elementor-293 .elementor-element.elementor-element-a537211 .logo-normal {
    display: block !important;
}

/* Transición suave para que el color del texto del menú también cambie fluido */
.elementor-293 .elementor-element.elementor-element-a537211 .elementor-nav-menu a {
    transition: color 0.4s ease-in-out !important;
}


/* ==========================================
   2. ESTADO EN SCROLL (DESPUÉS DE LOS 50PX)
   ========================================= */

.elementor-293 .elementor-element.elementor-element-a537211.elementor-sticky--effects {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Desvanecemos el gradiente suavemente dejando ver el color claro de fondo */
.elementor-293 .elementor-element.elementor-element-a537211.elementor-sticky--effects::before {
    opacity: 0 !important;
}

/* Ocultar logo normal y mostrar el de scroll */
.elementor-293 .elementor-element.elementor-element-a537211.elementor-sticky--effects .logo-normal {
    display: none !important;
}
.elementor-293 .elementor-element.elementor-element-a537211.elementor-sticky--effects .logo-scroll {
    display: block !important;
}

/* Cambiar color de los enlaces del menú al color oscuro */
.elementor-293 .elementor-element.elementor-element-a537211.elementor-sticky--effects .elementor-nav-menu a {
    color: #252018 !important; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3187485 *//* Fija el widget al centro y al borde derecho de la pantalla */
.elementor-293 .elementor-element.elementor-element-3187485 {
    position: fixed !important;
    right: 0 !important;
    top: 50% !important;
    /* Centra exactamente el botón y lo gira 180 grados para que se lea de abajo hacia arriba */
    transform: translateY(-50%) rotate(180deg) !important;
    z-index: 9999 !important;
    width: auto !important;
}

/* Convierte el texto del botón a modo vertical */
.elementor-293 .elementor-element.elementor-element-3187485 .elementor-button {
    writing-mode: vertical-rl !important;
    padding: 25px 12px !important; /* Ajusta este padding (arriba/abajo - izquierda/derecha) a tu gusto */
    display: flex;
    align-items: center;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-3f5c565 *//* 1. Fija el widget al centro y al borde izquierdo */
.elementor-293 .elementor-element.elementor-element-3f5c565 {
    position: fixed !important;
    left: 15px !important; /* Separación del borde izquierdo de la pantalla */
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;
    width: auto !important;
}

/* 2. Obliga a los iconos a apilarse verticalmente (en columna) */
.elementor-293 .elementor-element.elementor-element-3f5c565 .elementor-social-icons-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Espacio entre cada icono */
}

/* 3. Efecto suave al pasar el ratón */
.elementor-293 .elementor-element.elementor-element-3f5c565 .elementor-social-icon {
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.elementor-293 .elementor-element.elementor-element-3f5c565 .elementor-social-icon:hover {
    transform: scale(1.1); /* Hace que el icono crezca un poquito */
    opacity: 0.7;
}/* End custom CSS */