/* MiReservaYa · página pública de cada alojamiento.
   Un contenido, tres presentaciones (data-hero) y siete paletas (data-paleta). */
.sx-root{background:none}
.sx{
  --fondo:#f6fbfa; --fondo-2:#e6f3f0; --tinta:#12302f; --suave:#4d6665; --linea:rgba(18,48,47,.14);
  --acento:#0d7377; --sobre-acento:#ffffff; --tarjeta:#ffffff; --bloque:#12302f; --sobre-bloque:#f6fbfa;
  --ocupada:rgba(18,48,47,.07); --sombra:0 30px 60px -34px rgba(12,40,38,.35);
  --display:"Fraunces",Georgia,serif; --radio:22px; --ancho:1180px; --margen:clamp(18px,4.4vw,56px);
  position:relative; min-height:100vh; overflow-x:clip; background:var(--fondo); color:var(--tinta);
  font-family:"Manrope","Segoe UI",system-ui,sans-serif; font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
.sx[data-paleta="costa"]{--fondo:#07110f;--fondo-2:#0c1c18;--tinta:#f4eee2;--suave:#a3b6af;--linea:rgba(244,238,226,.15);--acento:#e3c38a;--sobre-acento:#1b1407;--tarjeta:#10241f;--bloque:#0c1c18;--sobre-bloque:#f4eee2;--ocupada:rgba(244,238,226,.06);--sombra:0 30px 70px -30px rgba(0,0,0,.7)}
.sx[data-paleta="alpina"]{--fondo:#0a0e15;--fondo-2:#111826;--tinta:#eef2f7;--suave:#9aa7b8;--linea:rgba(238,242,247,.15);--acento:#f2f4f7;--sobre-acento:#0a0e15;--tarjeta:#141c2b;--bloque:#111826;--sobre-bloque:#eef2f7;--ocupada:rgba(238,242,247,.06);--sombra:0 30px 70px -30px rgba(0,0,0,.7)}
.sx[data-paleta="tropical"]{--fondo:#fffdf8;--fondo-2:#f1f4e8;--tinta:#10332b;--suave:#4f675e;--linea:rgba(16,51,43,.14);--acento:#ffb238;--sobre-acento:#2a1a00;--tarjeta:#ffffff;--bloque:#0f3d33;--sobre-bloque:#f8f4e7;--ocupada:rgba(16,51,43,.07)}
.sx[data-paleta="azul"]{--fondo:#fbfcfe;--fondo-2:#eaf1f8;--tinta:#0c2a43;--suave:#4c6377;--linea:rgba(12,42,67,.14);--acento:#ff8a65;--sobre-acento:#3a1206;--tarjeta:#ffffff;--bloque:#0b3558;--sobre-bloque:#f1f6fb;--ocupada:rgba(12,42,67,.07)}
.sx[data-paleta="serena"]{--fondo:#f7f6f1;--fondo-2:#ecebe2;--tinta:#1f3329;--suave:#5b6a60;--linea:rgba(31,51,41,.15);--acento:#1f3329;--sobre-acento:#f7f6f1;--tarjeta:#ffffff;--ocupada:rgba(31,51,41,.07)}
.sx[data-paleta="lino"]{--fondo:#f5f1ea;--fondo-2:#e9e2d6;--tinta:#2e2620;--suave:#6d6257;--linea:rgba(46,38,32,.15);--acento:#7b4b2a;--sobre-acento:#fff8ef;--tarjeta:#fffdf9;--ocupada:rgba(46,38,32,.07)}

.sx *,.sx *::before,.sx *::after{box-sizing:border-box}
:where(.sx) :where(h1,h2,h3,p,ul,ol,figure){margin:0;padding:0}
:where(.sx) :where(ul,ol){list-style:none}
.sx a{color:inherit;text-decoration:none}
.sx button,.sx input,.sx select{font:inherit;color:inherit}
.sx img{display:block;max-width:100%}
.sx :focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:8px}
.sx-wrap{width:min(var(--ancho),100% - 2*var(--margen));margin-inline:auto}
.sx h1,.sx h2{font-family:var(--display);font-weight:400;letter-spacing:-.02em;line-height:1.02;text-wrap:balance}
.sx h1{font-size:clamp(2.7rem,6.6vw,5.8rem)}
.sx h2{font-size:clamp(2rem,4.2vw,3.5rem)}
.sx h3{font-size:1.05rem;font-weight:700;letter-spacing:-.005em;line-height:1.3}
.sx[data-hero="bloque"] h1,.sx[data-hero="bloque"] h2{font-weight:700;letter-spacing:-.035em;line-height:.98}
.sx[data-hero="bloque"] h1{font-size:clamp(2.5rem,5.2vw,4.7rem)}
.sx[data-hero="claro"] h1,.sx[data-hero="claro"] h2{font-weight:400;letter-spacing:-.025em}

/* Botones y enlaces */
.sx .sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border:0;border-radius:999px;background:var(--acento);color:var(--sobre-acento);font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .18s,filter .18s}
.sx .sx-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.sx .sx-btn:disabled{opacity:.6;cursor:progress;transform:none}
.sx .sx-btn.is-small{min-height:44px;padding:0 20px;font-size:.95rem}
.sx .sx-btn.is-full{width:100%}
.sx .sx-btn.is-linea{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.sx .sx-enlace{display:inline-block;padding:0;border:0;background:none;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;cursor:pointer}
.sx .sx-enlace:hover{color:var(--acento)}
.sx[data-paleta="serena"] .sx-enlace:hover,.sx[data-paleta="alpina"] .sx-enlace:hover,.sx[data-hero="bloque"] .sx-enlace:hover{color:inherit;opacity:.65}

/* Cabecera */
.sx-top{position:fixed;inset:0 0 auto 0;z-index:40;color:var(--tinta);transition:background .25s,box-shadow .25s}
.sx-top.is-stuck{background:color-mix(in srgb,var(--fondo) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--linea)}
.sx[data-hero="cine"] .sx-top:not(.is-stuck){color:#fff}
.sx[data-hero="bloque"] .sx-top:not(.is-stuck) .sx-marca,.sx[data-hero="bloque"] .sx-top:not(.is-stuck) .sx-nav-links{color:var(--sobre-bloque)}
.sx-nav{display:flex;align-items:center;gap:28px;min-height:74px}
.sx-marca{display:flex;align-items:center;gap:12px;min-width:0}
.sx-sello{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--acento);color:var(--sobre-acento);font-family:var(--display);font-size:1.3rem;line-height:1}
.sx-marca strong{display:block;font-size:.98rem;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-marca small{display:block;font-size:.78rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-marca>span:last-child{min-width:0}
.sx-nav-links{display:flex;gap:26px;margin-left:auto;font-size:.94rem;font-weight:600}
.sx-nav-links a{opacity:.86}
.sx-nav-links a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
.sx-demo{display:flex;align-items:center;justify-content:center;gap:16px;min-height:42px;padding:6px var(--margen);background:#0a0a0a;color:#fff;font-size:.86rem;font-weight:600}
.sx-demo nav{display:flex;gap:6px}
.sx-demo nav a{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.sx-demo nav a[aria-current]{background:#fff;color:#0a0a0a;box-shadow:none}
.sx .sx-demo-cta{padding:5px 14px;border-radius:999px;background:#e6c58c;color:#1b1407;font-weight:800}

/* Portada: partes comunes */
.sx-hero{position:relative}
.sx-hero-foto{overflow:hidden;background:var(--fondo-2)}
.sx-hero-foto img{width:100%;height:100%;object-fit:cover}
.sx-donde{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700}
.sx-datos{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:.98rem;font-weight:600}
.sx-buscar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:0;align-items:stretch;padding:8px;border-radius:calc(var(--radio) + 8px);background:var(--tarjeta);color:var(--tinta);box-shadow:var(--sombra)}
.sx-buscar label{display:grid;gap:2px;padding:10px 18px;font-size:.76rem;font-weight:700;color:var(--suave);border-right:1px solid var(--linea)}
.sx-buscar input{width:100%;min-width:0;padding:0;border:0;background:none;font-size:1.02rem;font-weight:700;color:var(--tinta);color-scheme:light}
.sx-buscar input:focus{outline:none}
.sx-buscar label:focus-within{outline:2px solid var(--acento);outline-offset:-2px;border-radius:var(--radio)}
.sx-buscar .sx-btn{margin-left:8px;border-radius:var(--radio)}
.sx[data-paleta="costa"] input,.sx[data-paleta="alpina"] input,.sx[data-paleta="costa"] select,.sx[data-paleta="alpina"] select{color-scheme:dark}
@keyframes sx-sube{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.sx-hero-texto>*,.sx-buscar{animation:sx-sube .8s cubic-bezier(.2,.7,.2,1) both}
.sx-hero-texto>:nth-child(2){animation-delay:.08s}.sx-hero-texto>:nth-child(3){animation-delay:.16s}.sx-buscar{animation-delay:.26s}

/* Portada "cine": la foto ocupa toda la pantalla */
.sx[data-hero="cine"] .sx-hero{display:grid;grid-template-rows:1fr auto auto;min-height:100svh;padding:120px 0 clamp(28px,5vh,56px);color:#fff}
.sx[data-hero="cine"] .sx-hero-foto{position:absolute;inset:0}
.sx[data-hero="cine"] .sx-hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,9,.55) 0%,rgba(4,10,9,.08) 30%,rgba(4,10,9,.5) 62%,rgba(4,10,9,.94) 100%)}
.sx[data-hero="cine"] .sx-hero-texto,.sx[data-hero="cine"] .sx-buscar{position:relative;width:min(var(--ancho),100% - 2*var(--margen));margin-inline:auto}
.sx[data-hero="cine"] .sx-hero-texto{grid-row:2;display:grid;gap:20px;padding-bottom:34px}
.sx[data-hero="cine"] .sx-hero-texto h1{max-width:13em;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.sx[data-hero="cine"] .sx-donde{color:var(--acento)}
.sx[data-hero="cine"] .sx-buscar{grid-row:3;background:rgba(10,24,21,.62);color:#fff;backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 30px 60px -30px rgba(0,0,0,.7)}
.sx[data-hero="cine"] .sx-buscar label{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.16)}
.sx[data-hero="cine"] .sx-buscar input{color:#fff;color-scheme:dark}

/* Portada "bloque": color a la izquierda, foto a la derecha */
.sx[data-hero="bloque"] .sx-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:1fr auto;min-height:100svh;background:var(--bloque);color:var(--sobre-bloque)}
.sx[data-hero="bloque"] .sx-hero-foto{position:relative;grid-column:2;grid-row:1/3;border-bottom-left-radius:clamp(60px,10vw,160px)}
.sx[data-hero="bloque"] .sx-hero-foto::after{content:"";position:absolute;inset:0 0 auto 0;height:170px;background:linear-gradient(180deg,rgba(6,20,17,.62),transparent)}
.sx[data-hero="bloque"] .sx-hero-texto{grid-column:1;grid-row:1;align-self:end;display:grid;gap:22px;padding:150px clamp(24px,4vw,64px) 34px var(--margen)}
.sx[data-hero="bloque"] .sx-donde{color:var(--acento)}
.sx[data-hero="bloque"] .sx-buscar{grid-column:1/3;grid-row:2;position:relative;z-index:2;width:min(880px,100% - 2*var(--margen));margin:0 0 clamp(28px,6vh,64px) var(--margen)}

/* Portada "claro": título arriba, foto enmarcada debajo */
.sx[data-hero="claro"] .sx-hero{display:grid;justify-items:center;padding-top:clamp(104px,14vh,150px)}
.sx[data-hero="claro"] .sx-hero-texto{order:1;display:grid;justify-items:center;gap:18px;width:min(980px,100% - 2*var(--margen));text-align:center}
.sx[data-hero="claro"] .sx-donde{color:var(--acento)}
.sx[data-hero="claro"] .sx-datos{justify-content:center;color:var(--suave)}
.sx[data-hero="claro"] .sx-hero-foto{order:2;width:min(1320px,100% - 2*var(--margen));height:clamp(260px,44vh,540px);margin-top:clamp(22px,3.6vh,40px);border-radius:clamp(22px,3vw,40px)}
.sx[data-hero="claro"] .sx-buscar{order:3;position:relative;width:min(900px,100% - 2*var(--margen));margin-top:-44px}

/* El lugar */
.sx-lugar{padding:clamp(72px,11vw,150px) 0 clamp(56px,8vw,110px)}
.sx-lugar-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,96px);align-items:start}
.sx-lugar h2{margin-bottom:22px}
.sx-lead{max-width:30em;font-size:clamp(1.1rem,1.5vw,1.3rem);color:var(--suave)}
.sx-servicios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.sx-servicios li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--linea);font-weight:600}
.sx-servicios svg{flex:none;color:var(--acento)}
.sx[data-paleta="serena"] .sx-servicios svg,.sx[data-hero="bloque"] .sx-servicios svg{color:var(--suave)}
.sx-reglas{margin-top:30px;padding:22px 24px;border-radius:var(--radio);background:var(--fondo-2)}
.sx-reglas p{margin-top:6px;color:var(--suave);font-size:.98rem}

/* Galería */
.sx-galeria{padding:0 0 clamp(64px,9vw,120px)}
.sx-cab{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px 40px;margin-bottom:clamp(22px,3vw,38px)}
.sx-cab p{max-width:28em;color:var(--suave)}
.sx-mosaico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,19vw,250px);gap:12px}
.sx-foto{position:relative;overflow:hidden;padding:0;border:0;border-radius:var(--radio);background:var(--fondo-2);cursor:zoom-in}
.sx-foto:first-child{grid-column:span 2;grid-row:span 2}
.sx-mosaico[data-n="1"] .sx-foto{grid-column:1/-1}
.sx-mosaico[data-n="2"] .sx-foto{grid-column:span 2;grid-row:span 2}
.sx-mosaico[data-n="3"] .sx-foto:not(:first-child){grid-column:span 2}
.sx-mosaico[data-n="4"] .sx-foto:last-child{grid-column:span 2}
.sx-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sx-foto:hover img{transform:scale(1.04)}
.sx-foto span{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(8,16,14,.62);color:#fff;font-size:.82rem;font-weight:700;backdrop-filter:blur(6px)}

/* Fechas y reserva */
.sx-fechas{padding:clamp(64px,9vw,120px) 0;background:var(--fondo-2)}
.sx-fechas-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(18px,2.6vw,32px);align-items:start}
.sx-calendario,.sx-reserva{padding:clamp(20px,2.6vw,32px);border-radius:calc(var(--radio) + 6px);background:var(--tarjeta);box-shadow:var(--sombra)}
.sx-calendario{position:relative}
.sx-cal-nav{position:absolute;top:clamp(16px,2.3vw,28px);right:clamp(16px,2.3vw,28px);display:flex;gap:8px}
.sx-cal-nav button{width:40px;height:40px;border:1px solid var(--linea);border-radius:50%;background:none;cursor:pointer}
.sx-cal-nav button:hover:not(:disabled){background:var(--fondo-2)}
.sx-cal-nav button:disabled{opacity:.3;cursor:default}
.sx-meses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.sx-mes h3{margin-bottom:16px;font-size:1.05rem;text-transform:capitalize}
.sx-semana,.sx-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.sx-semana{margin-bottom:6px;font-size:.74rem;font-weight:700;text-align:center;color:var(--suave)}
.sx-dias button{aspect-ratio:1;padding:0;border:0;border-radius:12px;background:none;font-size:.95rem;font-weight:700;cursor:pointer}
.sx-dias button:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--acento)}
.sx-dias button:disabled{cursor:default;color:var(--suave);opacity:.45}
.sx-dias button.is-busy{background:var(--ocupada);text-decoration:line-through;opacity:.55}
.sx-dias button.is-busy:not(:disabled){opacity:1;text-decoration:none;background:none;box-shadow:inset 0 0 0 1.5px var(--linea)}
.sx-dias button.is-today:not(.is-start):not(.is-end){box-shadow:inset 0 0 0 1.5px var(--linea)}
.sx-dias button.is-in{border-radius:4px;background:color-mix(in srgb,var(--acento) 22%,transparent)}
.sx-dias button.is-start,.sx-dias button.is-end{background:var(--acento);color:var(--sobre-acento);opacity:1;text-decoration:none}
.sx-leyenda{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:.84rem;color:var(--suave)}
.sx-leyenda span{display:inline-flex;align-items:center;gap:8px}
.sx-leyenda i{width:14px;height:14px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--linea)}
.sx-leyenda i.is-ocupada{background:var(--ocupada)}
.sx-leyenda i.is-tuya{background:var(--acento);box-shadow:none}
.sx-pista{min-height:1.6em;margin-top:12px;font-weight:700}
.sx-reserva{display:grid;gap:16px;position:sticky;top:96px}
.sx-reserva h3{font-family:var(--display);font-size:1.7rem;font-weight:400;letter-spacing:-.02em;line-height:1.1}
.sx[data-hero="bloque"] .sx-reserva h3{font-weight:700;letter-spacing:-.03em}
.sx-nota{font-size:.9rem;color:var(--suave)}
.sx-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sx-campo{display:grid;gap:6px;font-size:.8rem;font-weight:700;color:var(--suave)}
.sx-campo.is-wide{grid-column:1/-1}
.sx-campo input,.sx-campo select{width:100%;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--linea);border-radius:14px;background:var(--fondo);font-size:1rem;font-weight:600;color:var(--tinta)}
.sx-campo input:focus,.sx-campo select:focus{outline:2px solid var(--acento);outline-offset:1px}
.sx-contador{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;border:1px solid var(--linea);border-radius:14px;background:var(--fondo);overflow:hidden}
.sx-contador button{border:0;background:none;font-size:1.3rem;font-weight:600;color:var(--tinta);cursor:pointer}
.sx-contador button:hover{background:var(--fondo-2)}
.sx-contador input{min-height:46px;border:0;border-radius:0;text-align:center;background:none;-moz-appearance:textfield;appearance:textfield}
.sx-contador input::-webkit-outer-spin-button,.sx-contador input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-cuenta{display:grid;gap:8px;padding:16px 18px;border-radius:16px;background:var(--fondo-2);font-size:.95rem}
.sx-cuenta div{display:flex;justify-content:space-between;gap:16px}
.sx-cuenta .is-total{padding-top:10px;border-top:1px solid var(--linea);font-size:1.08rem;font-weight:800}
.sx-error{min-height:0;color:#c8442f;font-size:.92rem;font-weight:700}
.sx[data-paleta="costa"] .sx-error,.sx[data-paleta="alpina"] .sx-error{color:#ff9a86}
.sx-error:empty{display:none}
.sx-listo{display:grid;justify-items:start;gap:12px;padding:8px 0}
.sx-listo>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--acento);color:var(--sobre-acento);font-size:1.5rem;font-weight:800}

/* Pre-registro */
.sx-llegada{padding:clamp(56px,8vw,104px) 0;background:var(--bloque);color:var(--sobre-bloque)}
.sx-llegada-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.sx-llegada p{max-width:32em;margin-top:12px;opacity:.82}

/* Pie */
.sx-pie{padding:34px 0 40px;border-top:1px solid var(--linea);font-size:.92rem}
.sx-pie-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 36px}
.sx-pie strong{display:block}
.sx-pie span,.sx-pie small{color:var(--suave)}
.sx-pie nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:600}
.sx-pie a:hover{text-decoration:underline;text-underline-offset:5px}

/* Barra inferior en celular */
.sx-barra{position:fixed;inset:auto 12px 12px 12px;z-index:35;display:none;align-items:center;justify-content:space-between;gap:14px;padding:10px 10px 10px 20px;border-radius:999px;background:var(--tarjeta);color:var(--tinta);box-shadow:0 18px 40px -16px rgba(0,0,0,.45),inset 0 0 0 1px var(--linea);font-size:.92rem}

/* Visor de fotos */
.sx-visor{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:rgba(5,9,8,.94);color:#fff}
.sx-visor[open]{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center}
.sx-visor::backdrop{background:rgba(5,9,8,.9)}
.sx-visor figure{grid-column:2;display:grid;justify-items:center;gap:14px}
.sx-visor img{max-height:82dvh;border-radius:14px;object-fit:contain}
.sx-visor figcaption{font-size:.92rem;opacity:.8}
.sx-visor button{border:0;background:none;color:#fff;font-size:1.6rem;cursor:pointer}
.sx-visor-f{width:52px;height:52px;margin:auto;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.sx-visor-f.is-prev{grid-column:1;grid-row:1}
.sx-visor-f.is-next{grid-column:3;grid-row:1}
.sx-visor figure{grid-row:1}
.sx-visor-x{position:absolute;top:14px;right:18px;width:48px;height:48px;font-size:2rem!important;line-height:1}

@media (max-width:980px){
  .sx-nav-links{display:none}
  .sx-nav .sx-btn{margin-left:auto}
  .sx-lugar-in,.sx-fechas-in{grid-template-columns:minmax(0,1fr)}
  .sx-reserva{position:static}
  .sx[data-hero="bloque"] .sx-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:0}
  .sx[data-hero="bloque"] .sx-hero-foto{grid-column:1;grid-row:1;height:52svh;border-bottom-left-radius:64px}
  .sx[data-hero="bloque"] .sx-hero-texto{grid-row:2;padding:34px var(--margen) 26px}
  .sx[data-hero="bloque"] .sx-buscar{grid-column:1;grid-row:3;width:auto;margin:0 var(--margen) 34px}
  .sx[data-hero="bloque"] .sx-top:not(.is-stuck) .sx-marca{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5)}
  .sx-barra:not([hidden]){display:flex}
  .sx-pie{padding-bottom:96px}
}
@media (max-width:680px){
  .sx{font-size:16px}
  .sx-datos{gap:4px 18px}
  .sx[data-hero="cine"] .sx-hero-foto::after{background:linear-gradient(180deg,rgba(4,10,9,.6) 0%,rgba(4,10,9,.3) 24%,rgba(4,10,9,.72) 52%,rgba(4,10,9,.96) 100%)}
  .sx-demo span{display:none}
  .sx-marca small{display:none}
  .sx-buscar{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .sx-buscar label{border-right:0;padding:10px 14px}
  .sx-buscar label:nth-of-type(3){grid-column:1/-1;border-top:1px solid var(--linea)}
  .sx[data-hero="cine"] .sx-buscar label:nth-of-type(3){border-color:rgba(255,255,255,.16)}
  .sx-buscar .sx-btn{grid-column:1/-1;margin:4px 0 0}
  .sx[data-hero="claro"] .sx-buscar{margin-top:-30px}
  .sx[data-hero="claro"] .sx-hero-foto{height:44svh}
  .sx-servicios{grid-template-columns:minmax(0,1fr)}
  .sx-mosaico{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--margen));padding-inline:var(--margen);scrollbar-width:none}
  .sx-mosaico::-webkit-scrollbar{display:none}
  .sx-foto,.sx-foto:first-child{flex:0 0 82%;height:62vw;scroll-snap-align:center}
  .sx-meses{grid-template-columns:minmax(0,1fr)}
  .sx-meses .sx-mes+.sx-mes{display:none}
  .sx-visor[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}
  .sx-visor figure{grid-column:1;padding:0 12px}
  .sx-visor-f{grid-row:2!important;margin:0 0 22px}
  .sx-visor-f.is-prev{grid-column:1;justify-self:start;margin-left:30%}
  .sx-visor-f.is-next{grid-column:1;justify-self:end;margin-right:30%}
}
@media (prefers-reduced-motion:reduce){
  .sx *,.sx *::before,.sx *::after{animation:none!important;transition:none!important}
}