/* Versión Mezcla (Isaac 27 oct 2026): colores y "una foto, una línea" de Postal (Panamera) + calma de Aman:
   video en la portada, reservar sobre el video, llamados a la acción discretos (línea fina, mayúsculas espaciadas),
   ofertas por temporada en banda oliva, suites en mosaico con precio. */
body.tema-mezcla{--cal:#F4EDE2;--arena:#E4D5C1;--piedra:#D3C1A8;--madera:#BE6C5E;--olivo:#4E5638;--espresso:#2A1F17;--suave:#6B5A4A}
/* Llamados a la acción al estilo Aman: un solo botón lleno (Reservar); lo demás, texto con línea fina */
.tema-mezcla .boton{border:1px solid currentColor;background:transparent;padding:15px 28px;letter-spacing:.32em}
.tema-mezcla .boton.oscuro,.tema-mezcla .cab-reservar{background:var(--espresso)!important;border-color:var(--espresso)!important;color:var(--cal)!important}
.tema-mezcla .cabecera:not(.solida) .cab-reservar{background:transparent!important;border-color:rgba(255,255,255,.8)!important;color:#fff!important}
.tema-mezcla .enlace{letter-spacing:.32em;border-bottom:1px solid currentColor;padding-bottom:5px}
.tema-mezcla .etiqueta{color:var(--madera)}
/* Portada con video: título chico y reservar sobre el video */
.heroe-video .texto{bottom:clamp(40px,7vh,72px);gap:18px}
.heroe-video .etiqueta{color:#fff;opacity:.9}

.heroe-video .lugar-reserva{width:min(1040px,100%);margin-top:8px}
.heroe-video .bajar{display:none}
.barra-reserva.en-heroe{position:static;transform:none;width:100%;display:flex;background:rgba(244,237,226,.94);color:var(--espresso);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;border-radius:0;text-align:left}
.barra-reserva.en-heroe form{flex:1;min-height:76px}
.barra-reserva.en-heroe label{flex:1;color:var(--suave);border-color:rgba(42,31,23,.14);padding:0 24px}
.barra-reserva.en-heroe input{color:var(--espresso);color-scheme:light;font:400 18px var(--serif);width:100%}
.barra-reserva.en-heroe .personas{color:var(--espresso);border-right:1px solid rgba(42,31,23,.14)}
.barra-reserva.en-heroe .personas button{color:var(--espresso);border-color:var(--piedra)}
.barra-reserva.en-heroe .boton{background:var(--espresso);color:var(--cal);padding:0 36px;border-radius:0;border:0}
.barra-reserva.en-heroe .boton .b-desde{color:var(--piedra)}
.barra-reserva.en-heroe .wa-barra{display:none}
.tema-mezcla .barra-reserva:not(.en-heroe){background:var(--espresso)}
/* Confianza */
.confianza-inicio{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;font-size:13.5px;color:var(--suave);padding-top:40px}
.confianza-inicio b{color:var(--espresso);font-weight:600}
.confianza-inicio a{text-decoration:none;border-bottom:1px solid var(--piedra)}
.confianza-inicio #calificacion-google:empty{display:none}
/* Ofertas por temporada: banda oliva, foto cuadrada, fecha, título, una línea y "Pedir por WhatsApp" con línea fina */
.tema-mezcla .ofertas-fichas{background:var(--olivo);color:#F4EDE2}
.tema-mezcla .ofertas-fichas .etiqueta{color:#E9C9A6}
.tema-mezcla .ofertas-fichas .titulo{color:#F4EDE2}
.tema-mezcla .oferta{background:transparent;border:0;color:#F4EDE2}
.tema-mezcla .oferta img{aspect-ratio:4/5}
.tema-mezcla .oferta-texto{padding:16px 0 0}
.tema-mezcla .oferta-texto b{font-size:26px}
.tema-mezcla .oferta-texto span{color:rgba(244,237,226,.8)}
.tema-mezcla .oferta-texto i{color:#F4EDE2;font-style:normal;font:500 10.5px var(--sans);letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid rgba(244,237,226,.6);padding-bottom:5px;justify-self:start}
.oferta-fecha{font:500 10.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#E9C9A6}
/* Suites en mosaico */
.cabeza-tema{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px}
.cabeza-tema.centro{display:grid;justify-items:center;text-align:center;gap:12px}
.cabeza-tema.centro>*{justify-self:center;text-align:center;margin-inline:auto}
.cabeza-tema>div{display:grid;gap:14px}
.cabeza-tema .nota{color:var(--suave)}
.mosaico-suites{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}
.mosaico-suites .ficha-suite:first-child{grid-row:span 2}
.mosaico-suites .ficha-suite:first-child img{aspect-ratio:auto;height:100%;min-height:520px}
.ficha-suite{display:grid;align-content:start}
.ficha-suite>a{text-decoration:none;display:grid;gap:4px}
.ficha-suite img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:10px}
.ficha-suite h3{font-size:26px;font-weight:400}
.ficha-suite p{font-size:12.5px;color:var(--suave);min-height:1.6em}
.ficha-pie{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 0;border-top:1px solid var(--piedra);border-bottom:1px solid var(--piedra);font-size:13.5px}
.ficha-pie b{font-weight:600}
.ficha-pie a{font:500 10.5px var(--sans);letter-spacing:.28em;text-transform:uppercase;text-decoration:none;color:var(--espresso);border-bottom:1px solid currentColor;padding-bottom:3px}
/* Una foto, una línea */
.una-foto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.una-foto>*{aspect-ratio:1/1}
.una-foto img{width:100%;height:100%;object-fit:cover}
.una-foto div{display:grid;place-items:center;text-align:center;padding:30px}
.una-foto h3{font:italic 300 clamp(28px,3vw,44px)/1.1 var(--serif)}
.una-foto .t1{background:var(--madera);color:#fff}.una-foto .t2{background:var(--arena)}.una-foto .t3{background:#2E7F86;color:#fff}
.incluye-lista{list-style:none;padding:0;margin:8px 0 6px;columns:2;column-gap:28px;font-size:14px}
.incluye-lista li{padding:10px 0;border-bottom:1px solid var(--piedra);break-inside:avoid}
@media (max-width:760px){
  .heroe-video .texto{bottom:24px}
  .barra-reserva.en-heroe{display:block}
  .barra-reserva.en-heroe form{display:grid;grid-template-columns:1fr 1fr;min-height:0}
  .barra-reserva.en-heroe label{display:flex;padding:12px 16px;border-bottom:1px solid rgba(42,31,23,.14)}
  .barra-reserva.en-heroe input{font-size:16px}
  .barra-reserva.en-heroe .personas{display:flex;grid-column:1/3;padding:10px 16px;border-right:0}
  .barra-reserva.en-heroe .boton{grid-column:1/3;padding:16px;justify-content:center;margin-left:0}
  .confianza-inicio{padding-top:24px;gap:6px 18px;font-size:12.5px}
  .mosaico-suites{grid-template-columns:1fr}
  .mosaico-suites .ficha-suite:first-child{grid-row:auto}
  .mosaico-suites .ficha-suite:first-child img{min-height:0;aspect-ratio:4/3;height:auto}
  .una-foto{grid-template-columns:repeat(2,minmax(0,1fr))}
  .incluye-lista{columns:1}
}
/* Portada estilo Aman (Isaac 27 oct, 18:07): video a pantalla completa, casi sin texto, reservar en una barra
   delgada y transparente pegada abajo; un solo botón claro para no perder conversión. */
.heroe-video::after{background:linear-gradient(180deg,rgba(20,16,10,.28) 0%,rgba(20,16,10,0) 22%,rgba(20,16,10,0) 60%,rgba(20,16,10,.5) 100%)}
.heroe-video .texto{top:0;bottom:0;align-content:end;padding-bottom:0;gap:0}
.heroe-video .etiqueta{font-size:10.5px;letter-spacing:.38em;margin-bottom:14px}
.heroe-video .lema{font-size:clamp(26px,2.6vw,40px);font-weight:300;max-width:26ch;margin-bottom:clamp(36px,7vh,80px)}
.heroe-video .lugar-reserva{width:100vw;max-width:none;margin:0 calc(-1 * var(--lado))}
.barra-reserva.en-heroe{background:rgba(20,16,10,.28);color:#fff;border-top:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.barra-reserva.en-heroe form{min-height:64px;max-width:1240px;margin:0 auto}
.barra-reserva.en-heroe label{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.25)}
.barra-reserva.en-heroe input{color:#fff;color-scheme:dark;font-size:17px}
.barra-reserva.en-heroe .personas{color:#fff;border-right-color:rgba(255,255,255,.25)}
.barra-reserva.en-heroe .personas button{color:#fff;border-color:rgba(255,255,255,.5)}
.barra-reserva.en-heroe .boton{background:#F4EDE2;color:var(--espresso);letter-spacing:.3em}
.barra-reserva.en-heroe .boton .b-desde{color:var(--suave)}
@media (max-width:760px){
  .heroe-video .lema{font-size:24px;margin-bottom:28px}
  .heroe h1.h1-lugar{font-size:10px;letter-spacing:.22em}
  .barra-reserva.en-heroe{background:rgba(20,16,10,.45)}
  .barra-reserva.en-heroe label{border-bottom-color:rgba(255,255,255,.2)}
}
/* Que el titular chico se lea aunque pase la espuma blanca de la ola */
.heroe-video::after{background:linear-gradient(180deg,rgba(20,16,10,.28) 0%,rgba(20,16,10,0) 22%,rgba(20,16,10,.08) 50%,rgba(20,16,10,.55) 100%)}
.heroe-video h1.h1-lugar{text-shadow:0 1px 12px rgba(20,16,10,.55)}
/* Etiquetas sobre foto: blancas para que se lean (portada de cada suite y cierre) */
.tema-mezcla .heroe-pagina .etiqueta,.tema-mezcla .cierre .etiqueta{color:#fff;text-shadow:0 1px 10px rgba(20,16,10,.5)}
@media (max-width:760px){
  /* Suites en carrusel de lado en el celular (antes: 5 pantallas seguidas) */
  .mosaico-suites{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1 * var(--lado));padding:0 var(--lado)!important;scroll-padding-inline:var(--lado);scrollbar-width:none}
  .mosaico-suites::-webkit-scrollbar{display:none}
  .mosaico-suites .ficha-suite{flex:0 0 78%;scroll-snap-align:start}
  .mosaico-suites .ficha-suite img,.mosaico-suites .ficha-suite:first-child img{aspect-ratio:4/5;min-height:0;height:auto}
  /* Titular chico más legible sobre la espuma */
  .heroe-video h1.h1-lugar{text-shadow:0 1px 3px rgba(20,16,10,.7),0 0 18px rgba(20,16,10,.6)}
}