@media only screen and (min-width: 1024px) {

/* =========================================================================
   MENÚ ESTÁNDAR (ESTILO HOTEL INTI PUNKU) - ESCRITORIO (DROPDOWN)
   ========================================================================= */

/* Hacemos que el bloque general sea la referencia para el position absolute del menú en Yayamari */
#block-viajerostravel-bloqueheadergeneral {
  position: relative !important;
}
div#menu-wrapper {
    width: 40%;
    display: flex;
}
.region.region-header {
    display: flex;
    justify-content: space-between !important;
    width: 100% !important;
    margin-right: 40px !important;
    align-items: center !important;
}
div#block-viajerostravel-site-branding img {
    width: 200px;
}
div#block-viajerostravel-languagedropdownswitcher {
    padding-left: 0px;
}
div#block-viajerostravel-bloquepresentacionhotel {
    width: 70%;
    display: block;
    
  }

/* Evitamos que los contenedores intermedios atrapen el position absolute */
#block-viajerostravel-bloqueheadergeneral .field__item,
#block-viajerostravel-bloqueheadergeneral .field--name-field-heade-gral-logo {
  position: static !important;
}

/* 1. Mostrar el botón hamburguesa con la palabra MENU en escritorio */
.menu-toggle-wrapper {
  display: flex !important;
  align-items: center;
  position: relative;
}

/* 2. El menú principal es un cajón absoluto que cuelga del botón */
.menu--main, .block-menu, #menu {
  position: absolute !important;
  left: 0 !important;
  right: auto !important; /* Asegurar que no esté anclado a la derecha */
  top: 100% !important; /* Justo debajo del header/botón */
  width: 300px !important;
  max-height: 0;
  overflow: hidden;
  background-color: #ffffff !important; /* Fondo blanco estilo Inti Punku */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  transition: max-height 0.5s ease;
  z-index: 100 !important;
  display: block !important;
  margin-top: 15px; /* Separación del header */
}

/* 3. Cuando se presiona el botón, se abre el cajón */
.menu--main.active, .block-menu.active, #menu.active {
  max-height: 2000px !important; /* Suficiente para abrir todo */
  visibility: visible !important;
}

/* 4. Estilos de la lista dentro del cajón */
.menu--main ul.menu, .block-menu ul.menu {
  margin: 0;
  padding: 10px 0;
  list-style: none;
}

/* 5. Los enlaces del menú flotante */
.menu--main ul.menu li, .block-menu ul.menu li {
  border-bottom: 1px solid #f0f0f0 !important;
}

.menu--main ul.menu li a, .block-menu ul.menu li a,
.menu--main ul.menu li span, .block-menu ul.menu li span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px;
  color: #000000 !important; /* Texto negro sobre fondo blanco */
  font-weight: 500;
  text-decoration: none;
  text-align: left;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Estilos de la flechita (Caret) */
.submenu-caret {
  font-size: 0.7em;
  transition: transform 0.3s ease;
}
.submenu-caret.rotated {
  transform: rotate(180deg);
}

.menu--main ul.menu li a:hover, .block-menu ul.menu li a:hover,
.menu--main ul.menu li span:hover, .block-menu ul.menu li span:hover {
  background-color: #f9f9f9 !important;
  padding-left: 40px; /* Efecto de desplazamiento al pasar el mouse */
  color: #00476a !important; /* Un tono azul/oscuro al hover */
}

/* Submenús (ocultos por defecto para el acordeón JS) */
.menu--main ul li ul, .block-menu ul li ul {
  display: none;
  background-color: #f5f5f5 !important;
  border-top: 1px solid #eaeaea;
}

/* Reducir el padding de los enlaces del submenú para dar efecto de sangría */
.menu--main ul li ul li a, .block-menu ul li ul li a {
  padding: 8px 25px 8px 45px !important;
  font-size: 0.95em;
  color: #444 !important;
}

div#block-viajerostravel-bloquepresentacionhotel {
    width: 60%;
    display: flex;
    gap: 5%;
    margin-top: 50px;
    margin-bottom: 30px;
    
  }
.grupo01_presentacion {
    width: 50%;
    text-align: justify;
}
.field--name-field-bloq-present-hotel-img {
    width: 45%;
    display: flex;
    margin-top: 5%;
    
}

div#block-viajerostravel-bloquehabitacionesclasicas {
    width: 100%;
    
}
.field--name-field-bloq-separa-habit-img-resp {
    display: none;
}

#block-viajerostravel-bloqueseparadorhabitaciones .field--name-field-bloq-separacion-habit-img {
    position: absolute;
    width: 100%;
    display: flex;
}
#block-viajerostravel-bloqueseparadorhabitaciones .field--name-field-bloq-separacion-habit-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* El último valor (0.5) controla la opacidad de la sombra (de 0 a 1) */
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 0; /* Se pone por encima de la imagen */
}
#block-viajerostravel-bloqueseparadorhabitaciones .grupo_01_separador_habitaciones {
    position: relative;
    color: white;
    padding-top: 15%;
    text-align: center;
    width: 90%;
    margin: auto;
  
    .field--name-field-bloq-separacion-habit-titu {
    font-size: 2rem;
    margin-bottom: 15px;
    }

}
div#block-viajerostravel-bloqueotrosservicios {
    width: 100%;
    margin: auto;
    
  .field--name-field-bloq-otros-serv-body {
    text-align: center;
  }
}

div#block-viajerostravel-bloquehabitacionesclasicas,
div#block-viajerostravel-bloquehabitacionesselectfamiliar {
    .field--name-field-tip-bloq-habit-body {
    width: 60%;
    margin: auto;
    text-align: center;
  }
}

div#block-viajerostravel-bloquehabitacionesclasicas .field--name-field-tip-bloq-habit-paragraphs {
    width: 70%;
    margin: auto;
    /*background: #f3f3f3;*/
}
div#block-viajerostravel-bloquehabitacionesselectfamiliar .field--name-field-tip-bloq-habit-paragraphs {
    width: 70%;
    margin: auto;
    background: white;
}
div#block-viajerostravel-bloquehabitacionesclasicas,
div#block-viajerostravel-bloquehabitacionesselectfamiliar {
    width: 100%;
    margin: auto;
    margin-top: 30px;
    .field--name-field-tip-bloq-habit-titulo {
    text-align: center;
  }
}

h2 {
  font-size: 2.5rem;
  font-weight: normal !important;
}
div#block-viajerostravel-bloqueotrosservicios {
    width: 60%;
    margin: auto;
}
div#block-viajerostravel-bloquefaqs {
    width: 85%;
    margin: auto;
}
.field--name-field-bloqu-fraqs-body01 {
    display: flex;
    width: 100%;
    
}
.field--name-field-bloqu-fraqs-body01 .field__item {
    flex: 1;
    padding: 0 20px 0 0;
  }

  div#block-viajerostravel-bloqueblogshome .field--name-field-bloque-blogs-home-body {
    width: 50%;
    
    }

  div#block-viajerostravel-bloqueblogshome .view-content {
    grid-template-columns: repeat(4, 1fr);
 
}
.path-node.page-node-type-about-us div#contenido {
    width: 70%;
 
}
.field--name-field-footer-bloques-footer {
    display: flex;
    justify-content: space-around;
}
div#block-viajerostravel-bloquefootergeneral {
    margin-top: 80px;
}
div#block-viajerostravel-bloqueubicacionhome {
    display: flex;
    width: 60%;
    margin: auto;
    gap: 5%;
    .field--name-field-block-ubicacion-01 {
    width: 25%;
    
    }
    .field--name-field-block-ubicacion-02 {
    width: 70%;
    }
}
div#block-viajerostravel-bloqueubicacionhome {
    display: flex;
    width: 60%;
    margin: auto;
    .field--name-field-block-ubicacion-01 {
    width: 25%;
    display: block;
    
    }
    .field--name-field-block-ubicacion-02 {
    width: 100%;
    }
}

div#block-footerdatosdelaempresa,
div#block-footeraboutus {
    text-align: left;
}
.field.field--name-field-bloque-foot-div-about-us.field--type-block-field.field--label-hidden.field__item a{
 color: black;
 text-decoration: none;
 display: list-item;
 list-style-type: "➔ "; /* Puede ser disc, circle, square */
 margin-left: 20px;
}
#block-footeresnna .field.field--name-field-bloque-foot-divers-titulo.field--type-string.field--label-hidden.field__item {
    text-align: center;
    margin-top: 0px;
    .field--name-field-bloque-foot-divers-titulo {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    }
}
.field--name-field-bloq-separacion-habit-img article.contextual-region.media.media--type-image.media--view-mode-default {
    width: 100%;
}
.field--name-field-bloq-separacion-habit-img article.media.media--type-image.media--view-mode-default {
    width: 100%;
}
}