.elementor-5750 .elementor-element.elementor-element-322847f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5750 .elementor-element.elementor-element-322847f > .elementor-background-overlay{opacity:0.5;}.elementor-5750 .elementor-element.elementor-element-84ee994 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.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-5750 .elementor-element.elementor-element-ff3f515{margin-top:0px;margin-bottom:0px;}@media(min-width:768px){.elementor-5750 .elementor-element.elementor-element-4f1113f{width:25%;}.elementor-5750 .elementor-element.elementor-element-00af92f{width:75%;}}@media(max-width:767px){.elementor-5750 .elementor-element.elementor-element-322847f{z-index:99;}.elementor-5750 .elementor-element.elementor-element-4f1113f{width:66%;}.elementor-5750 .elementor-element.elementor-element-8409811 > .elementor-widget-container{margin:10px 0px 0px -74px;}.elementor-5750 .elementor-element.elementor-element-8409811{text-align:center;}.elementor-5750 .elementor-element.elementor-element-8409811 img{width:19%;}.elementor-5750 .elementor-element.elementor-element-00af92f{width:30%;}.elementor-5750 .elementor-element.elementor-element-00af92f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5750 .elementor-element.elementor-element-eb77ca9 > .elementor-widget-container{margin:0px 32px 0px 0px;}}/* Start custom CSS for image, class: .elementor-element-8409811 */.img_logo_movil {
    transition: transform 0.3s ease, height 0.3s ease;
    transform-origin: left center; /* se encoge desde la izquierda */
}

/* Cuando hay scroll */
.header_menu2.scrolled .img_logo_movil {
    transform: scale(0.5); /* ajusta el tamaño aquí */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb77ca9 */.mobile-container{
 
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-322847f */.header_menu2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent; /* Fondo inicial */
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.header_menu2.scrolled {
    background: WHITE;
    backdrop-filter: blur(6px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}



/* Color normal (cuando está arriba) */
.topnav a.icon {
  color: white;
  font-size: 24px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

/* Cuando el header hace scroll */
.header_menu2.scrolled .topnav a.icon {
  color: black !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0150d76 *//* ============================= */
/* MENÚ GENERAL — INICIAL */
/* ============================= */

.menu-casalola {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: transparent;
    padding: 32px 0;

    opacity: 1;
    transform: translateY(0);

    transition:
        background 0.35s ease,
        box-shadow 0.35s ease,
        padding 0.35s ease,
        opacity 0.45s ease,
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Menú inicial al hacer scroll */
.menu-casalola.scrolled {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    padding: 20px 0;
    transform: translateY(-8px);
    opacity: 0.97;
}

/* ============================= */
/* CONTENEDOR INTERNO (GRID) */
/* ============================= */

.menu-inner {
    max-width: 1110px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    position: relative;
}

.menu-inner_scrol{
        max-width: 1061px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    position: relative;
}


/* Reorganizar grid cuando no hay logo */
.menu-scroll .menu-inner_scrol {
    grid-template-columns: 1fr 1fr;
}

/* Reorganizar grid cuando no hay logo */
.menu-scroll .menu-inner {
    grid-template-columns: 1fr 1fr;
}

/* ============================= */
/* MENÚ IZQUIERDO / DERECHO */
/* ============================= */

.menu-left,
.menu-right {
    display: flex;
    gap: 32px;
    align-items: center;
}

.menu-left {
    justify-self: start;
}

.menu-right {
    justify-self: end;
     align-items: center;
}

.menu-right .btn-reservar-menu {
    padding: 15px !important;
  /*  padding-bottom: 6px !important;  */
}



/* ============================= */
/* LOGO */
/* ============================= */

.menu-logo {
    justify-self: center;
}

.menu-inicial .menu-logo {
    transform: translateX(-19px); /* ajusta el valor */
}


#logo {
    height: 105px;
    transition: height 0.3s ease;
}

.menu-casalola.scrolled #logo {
    height: 75px;
}

/* ============================= */
/* LINKS */
/* ============================= */

.menu-left a,
.menu-right a {
    color: white;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 15px;

    padding: 0px;
    line-height: 1;

    transition: color 0.3s ease, transform 0.3s ease;
}

/* Links menú inicial al hacer scroll */
.menu-casalola.scrolled .menu-left a,
.menu-casalola.scrolled .menu-right a {
    color: black;
    transform: translateY(-6px);
}

/* ============================= */
/* BOTÓN RESERVAR */
/* ============================= */

.btn-reservar-menu {
    background: #C7A36A;
    padding: 6px 20px !important;
    color: white !important;
    font-size: 14px;
    transition: background 0.3s ease;
}

.btn-reservar-menu:hover {
    background: #b48c50;
}

/* ============================= */
/* TIPOGRAFÍA */
/* ============================= */

.menu-left a,
.menu-right a,
.btn-reservar-menu,
.menu-casalola {
    font-family: "Nexa Light", sans-serif !important;
}

/* ============================= */
/* MENÚ QUE APARECE AL HACER SCROLL */
/* ============================= */

.menu-scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;

    background: rgba(255, 255, 255, 0);
    padding: 20px 0;

    opacity: 0;
    pointer-events: none;

    transition:
        opacity 0.35s ease,
        background 0.35s ease,
        padding 0.35s ease;
}

/* Menú scroll visible */
.menu-scroll.scrolled {
    opacity: 1;
    pointer-events: auto;
    background: rgba(255, 255, 255, 0.95);
}

/* Texto menú scroll */
.menu-scroll a {
    color: white;
}

/* Logo menú scroll */
#logo-scroll {
    height: 90px;
    transition: height 0.3s ease;
}

/* ============================= */
/* OCULTAR MENÚ INICIAL */
/* ============================= */

.menu-inicial.scrolled {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
}

.btn-reservar-menu {
    position: relative; /* necesario para el ::after */
}

/* BORDE DOTTED INTERNO */
.btn-reservar-menu::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    right: 6px;
    bottom: 4px;
    border: 0px dotted rgba(255, 255, 255, 0.85);
    pointer-events: none;
}

/* Quitar logo del menú scroll */
.menu-scroll .menu-logo {
    display: none;
}





         
                /* GTranslate en línea */
a .gtranslate_wrapper,
a .gtranslate_wrapper > div,
a .gtranslate_wrapper a {
  display: inline-block !important;
}

a .gtranslate_wrapper {
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ff3f515 */.gt_float_switcher .gt_options a{
    color: white !important;
 font-size: 0;
  
}/* End custom CSS */