.elementor-161 .elementor-element.elementor-element-a5e15d4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:160px;--padding-right:160px;--z-index:99;}.elementor-161 .elementor-element.elementor-element-cda9a6e{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-161 .elementor-element.elementor-element-2e9ad89{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-161 .elementor-element.elementor-element-2e9ad89.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-161 .elementor-element.elementor-element-7b44aff{--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-161 .elementor-element.elementor-element-7b44aff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-161 .elementor-element.elementor-element-2d3b578 .elementor-button{background-color:#FFFFFF00;font-size:0.9em;font-weight:400;letter-spacing:1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:0.5px 0.5px 0.5px 0.5px;border-color:#FFFFFF00;padding:12px 15px 12px 15px;}.elementor-161 .elementor-element.elementor-element-2d3b578 .elementor-button:hover, .elementor-161 .elementor-element.elementor-element-2d3b578 .elementor-button:focus{background-color:var( --e-global-color-4b3705e );color:var( --e-global-color-98e1d94 );border-color:var( --e-global-color-4b3705e );}.elementor-161 .elementor-element.elementor-element-2d3b578 .elementor-button-content-wrapper{flex-direction:row;}.elementor-161 .elementor-element.elementor-element-2d3b578 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-161 .elementor-element.elementor-element-2d3b578 .elementor-button:hover svg, .elementor-161 .elementor-element.elementor-element-2d3b578 .elementor-button:focus svg{fill:var( --e-global-color-98e1d94 );}.elementor-161 .elementor-element.elementor-element-f56f3dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF00;border-radius:0px;}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a, .elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-menu-toggle{color:var( --e-global-color-ffa8c91 );fill:var( --e-global-color-ffa8c91 );}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown{background-color:#F9F6EEED;}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a:hover,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a:focus,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a.highlighted,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-menu-toggle:hover,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-menu-toggle:focus{color:var( --e-global-color-c25713d );}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a:hover,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a:focus,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-ffa8c91 );background-color:#FFFFFF00;}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown .elementor-item, .elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Fraunces Variable tff", Sans-serif;font-size:2.5em;font-weight:300;}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-nav-menu--dropdown a{padding-top:23px;padding-bottom:23px;}.elementor-161 .elementor-element.elementor-element-f56f3dd div.elementor-menu-toggle{color:var( --e-global-color-98e1d94 );}.elementor-161 .elementor-element.elementor-element-f56f3dd div.elementor-menu-toggle svg{fill:var( --e-global-color-98e1d94 );}.elementor-161 .elementor-element.elementor-element-f56f3dd div.elementor-menu-toggle:hover, .elementor-161 .elementor-element.elementor-element-f56f3dd div.elementor-menu-toggle:focus{color:var( --e-global-color-98e1d94 );}.elementor-161 .elementor-element.elementor-element-f56f3dd div.elementor-menu-toggle:hover svg, .elementor-161 .elementor-element.elementor-element-f56f3dd div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-98e1d94 );}.elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-menu-toggle:hover, .elementor-161 .elementor-element.elementor-element-f56f3dd .elementor-menu-toggle:focus{background-color:#FFFFFF00;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-161 .elementor-element.elementor-element-2e9ad89{--width:7%;}.elementor-161 .elementor-element.elementor-element-7b44aff{--width:93%;}}@media(max-width:1366px) and (min-width:768px){.elementor-161 .elementor-element.elementor-element-2e9ad89{--width:9%;}.elementor-161 .elementor-element.elementor-element-7b44aff{--width:91%;}}@media(max-width:1200px) and (min-width:768px){.elementor-161 .elementor-element.elementor-element-2e9ad89{--width:10%;}.elementor-161 .elementor-element.elementor-element-7b44aff{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-161 .elementor-element.elementor-element-2e9ad89{--width:10%;}.elementor-161 .elementor-element.elementor-element-7b44aff{--width:90%;}}@media(max-width:880px) and (min-width:768px){.elementor-161 .elementor-element.elementor-element-2e9ad89{--width:11%;}.elementor-161 .elementor-element.elementor-element-7b44aff{--width:89%;}}@media(max-width:1366px){.elementor-161 .elementor-element.elementor-element-a5e15d4{--padding-top:10px;--padding-bottom:10px;--padding-left:60px;--padding-right:60px;}.elementor-161 .elementor-element.elementor-element-2e9ad89{--justify-content:center;}.elementor-161 .elementor-element.elementor-element-2e9ad89.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-161 .elementor-element.elementor-element-684de91{text-align:start;}}@media(max-width:1200px){.elementor-161 .elementor-element.elementor-element-a5e15d4{--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}}@media(max-width:1024px){.elementor-161 .elementor-element.elementor-element-a5e15d4{--padding-top:10px;--padding-bottom:10px;--padding-left:32px;--padding-right:32px;}}@media(max-width:880px){.elementor-161 .elementor-element.elementor-element-a5e15d4{--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-161 .elementor-element.elementor-element-a5e15d4{--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-161 .elementor-element.elementor-element-cda9a6e{--padding-top:7px;--padding-bottom:7px;--padding-left:15px;--padding-right:15px;}.elementor-161 .elementor-element.elementor-element-2e9ad89{--width:32%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-161 .elementor-element.elementor-element-7b44aff{--width:68%;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;}}/* Start custom CSS for container, class: .elementor-element-cda9a6e *//* Transición suave para el estado inicial */
.elementor-161 .elementor-element.elementor-element-cda9a6e {
    transition: background-color 0.4s ease-in-out !important;
}

/* Color de fondo cuando se hace scroll (después de 200px) */
.elementor-161 .elementor-element.elementor-element-cda9a6e.elementor-sticky--effects {
    background-color: rgb(250, 244, 235, 0.85) !important; /* Cambia el #1a1a1a por tu color hexadecimal */
    
    box-shadow: 0px 0px 15px 0px rgb(113, 105, 92, 0.3)!important;
    border-radius:500px!important;
}


.elementor-161 .elementor-element.elementor-element-cda9a6e.contenedorfijo.elementor-sticky--effects {
    padding: 0px 15px 0px 15px;
}


/* 1. ESTADO INICIAL - ARRIBA (LOGO GRANDE) */
.elementor-161 .elementor-element.elementor-element-cda9a6e .wp-image-1634 {
    width: 100% !important; /* <-- CAMBIA ESTO: Pon el tamaño grande que quieres al inicio */
    max-width: 100% !important;
    transition: width 0.4s ease-in-out !important;
}

/* 2. ESTADO AL HACER SCROLL - ABAJO (LOGO PEQUEÑO) */
.elementor-161 .elementor-element.elementor-element-cda9a6e.elementor-sticky--effects .wp-image-1634 {
    width: 70% !important; /* <-- CAMBIA ESTO: Pon el tamaño pequeño al que se debe encoger */
    
}/* End custom CSS */
/* Start custom CSS *//* ========================================== */
/* 1. TEXTO "MENÚ" Y COLOR DEL BOTÓN          */
/* ========================================== */

/* Contenedor del botón hamburguesa/cerrar */
.elementor-161 .elementor-menu-toggle {
    display: flex;
    align-items: center;
    width: auto !important;
    padding: 15px 15px; /* Ajusta a tu gusto */
    position: relative;
    z-index: 9999; /* Asegura que el botón siempre esté por encima del menú */
    transition: color 0.3s ease; /* Transición suave de color */
    color: #1a1a1a !important;
}



/* CAMBIO DE COLOR CUANDO EL MENÚ ESTÁ ABIERTO (Para fondo claro) */
/* 1. Cambia el color de la palabra "Menú" */
.elementor-161 .elementor-menu-toggle.elementor-active {
    color: #1a1a1a !important; /* PON AQUÍ EL COLOR OSCURO QUE QUIERAS */
}

/* 2. Cambia el color de tu SVG personalizado (La "X") */
.elementor-161 .elementor-menu-toggle.elementor-active svg path {
    fill: #1a1a1a !important; /* PON AQUÍ EL MISMO COLOR OSCURO */
    
    /* Nota: Si tu SVG usa líneas en lugar de relleno, borra la línea de arriba y usa esta: */
    /* stroke: #1a1a1a !important; */
}


/* ========================================== */
/* 2. ANIMACIÓN Y PANTALLA COMPLETA (BLOQUEO) */
/* ========================================== */

/* Contenedor principal del submenú */
.elementor-161 .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    
    /* Bloqueo estricto contra el JavaScript de Elementor */
    height: 100vh !important; 
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    
    background-color: #ffffff; /* COLOR DE FONDO DEL MENÚ DESPLEGADO */
    z-index: 9998;
    
    /* Layout para centrar los enlaces */
    display: flex !important; 
    flex-direction: column;
    justify-content: center;
    
    /* ESTADO CERRADO: Transparente y ligeramente ampliado */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important; 
    transform: scale(1.05) !important; 
    
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease !important;
}

/* ESTADO ABIERTO: Transición a visible */
.elementor-161 .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu--dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
}

/* Asegurar que la lista de enlaces interna se adapte al contenedor */
.elementor-161 .elementor-nav-menu--dropdown ul {
    height: 100% !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================== */
/* 3. ICONOS SOFT LUXURY Y MICRO-INTERACCIONES*/
/* ========================================== */

/* Ajustar el tamaño base de los iconos */
.elementor-161 .elementor-menu-toggle svg {
    width: 28px;
    height: 28px;
    transition: transform 0.2s ease; /* Transición para el clic */
}

/* Transición ultra suave para las líneas internas del SVG */
.elementor-161 .elementor-menu-toggle svg path {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: left center; /* Punto de anclaje para la animación */
}

/* EL TERCER ESTADO: Dinamismo al pasar el ratón (Hover) */
/* La línea corta se expande elegantemente */
.elementor-161 .elementor-menu-toggle:hover svg .line-mid {
    transform: scaleX(1.6); 
}

/* EFECTO CLIC: Pequeño "hundimiento" al pulsar el botón */
.elementor-161 .elementor-menu-toggle:active svg {
    transform: scale(0.9);
}

/* CORRECCIÓN DE COLOR PARA ICONOS DE LÍNEA (STROKE) */
/* Cambia el color del trazo (stroke) en lugar del relleno (fill) al abrir el menú */
.elementor-161 .elementor-menu-toggle.elementor-active svg path {
    stroke: #1a1a1a !important; /* PON AQUÍ EL COLOR OSCURO PARA EL ASPA */
    fill: none !important;
}

/* Asegurar que el aspa tenga una pequeña animación al aparecer */
.elementor-161 .elementor-menu-toggle.elementor-active svg {
    animation: rotateIn 0.5s ease forwards;
}

@keyframes rotateIn {
    from { transform: rotate(-90deg) scale(0.5); opacity: 0; }
    to { transform: rotate(0) scale(1); opacity: 1; }
}/* End custom CSS */