/* De mockups/temporada.html (mismo CSS). */
.th{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.th>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 14s linear forwards}
@keyframes kb{from{transform:scale(1.1)}to{transform:scale(1)}}
.th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,.55),rgba(7,7,7,.05) 30%,rgba(7,7,7,.4) 58%,rgba(7,7,7,.96))}
.th .wrap{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:clamp(40px,6vh,70px)}
.th h1{font-family:var(--wide);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(50px,min(9vw,16vh),170px);line-height:.85;letter-spacing:-.05em}
.th h1 .it{font-weight:400;display:block;color:var(--paper)}
.th .row{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-top:30px}
.th p{max-width:46ch;color:var(--paper-2);font-size:clamp(15px,1.15vw,18px)}
.live{display:inline-flex;align-items:center;gap:8px;color:var(--red)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:bl 1.1s infinite}
@keyframes bl{50%{opacity:.2}}
.meter{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:var(--ink)}
.meter div{padding:22px var(--g);border-right:1px solid var(--line)}
.meter div:last-child{border-right:0}
.meter .lbl{color:var(--dim);display:block;margin-bottom:8px}
.meter b{font-family:var(--wide);font-stretch:118%;font-weight:600;font-size:clamp(16px,1.4vw,22px)}
.bar{height:4px;background:var(--line-2);margin-top:12px;position:relative;overflow:hidden}
.bar i{position:absolute;inset:0;background:var(--red);transform-origin:left}
.inc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(30px,5vw,90px);align-items:center}
.inc img{width:100%;aspect-ratio:4/5;object-fit:cover}
.inc h2{font-family:var(--wide);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(36px,4.6vw,84px);line-height:.88;letter-spacing:-.045em}
.inc h2 .it{font-weight:400;color:var(--paper-2)}
.inc ul{list-style:none;margin-top:30px;border-top:1px solid var(--line)}
.inc li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--paper-2)}
.inc li::before{content:"";flex:0 0 auto;width:14px;height:14px;margin-top:5px;border-radius:50%;border:1px solid var(--red);background:radial-gradient(circle,var(--red) 0 3px,transparent 3.5px)}
.price{display:flex;align-items:baseline;gap:10px;margin-top:30px}
.price b{font-family:var(--wide);font-stretch:118%;font-weight:700;font-size:clamp(40px,4vw,64px);letter-spacing:-.02em}
.price span{color:var(--dim)}
.book{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);border:1px solid var(--line-2);padding:clamp(22px,3vw,40px);background:var(--black)}
.days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.days button{border:1px solid var(--line);padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s}
.days button b{font-family:var(--wide);font-stretch:118%;font-weight:600;font-size:18px}
.days button small{font-size:11px;color:var(--dim)}
.days button.on{background:var(--paper);color:var(--black);border-color:var(--paper)}
.days button.on small{color:var(--black)}
.days button.full{opacity:.3;cursor:not-allowed}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin-top:12px}
.slots button{border:1px solid var(--line);padding:11px 0;font-size:14px;transition:all .3s}
.slots button.on{background:var(--red);border-color:var(--red);color:#fff}
.slots button.busy{opacity:.3;text-decoration:line-through;cursor:not-allowed}
.sum{display:flex;flex-direction:column;gap:12px}
.sum .r{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.sum .r span:first-child{color:var(--dim)}
.sum .tot b{font-family:var(--wide);font-stretch:118%;font-weight:700;font-size:26px}
.spk{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,22px);align-items:stretch}
.sp{position:relative;border:1px solid var(--line-2);padding:clamp(24px,2.4vw,36px);display:flex;flex-direction:column;gap:16px;background:var(--black);transition:border-color .4s}
.sp.hot{border-color:var(--red);background:linear-gradient(180deg,rgba(218,56,50,.12),rgba(218,56,50,0) 60%),var(--black)}
.sp.on{box-shadow:0 0 0 2px var(--paper)}
.sp .badge{position:absolute;top:-13px;left:clamp(24px,2.4vw,36px);background:var(--red);color:#fff;padding:6px 12px;border-radius:999px}
.sp h3{font-family:var(--wide);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(22px,2vw,32px);letter-spacing:-.03em;line-height:.9}
.sp .pr b{font-family:var(--wide);font-stretch:118%;font-weight:700;font-size:clamp(32px,3vw,48px)}
.sp .pr span{color:var(--dim);margin-left:8px;font-size:14px}
.sp ul{list-style:none;display:grid;gap:10px;flex:1;border-top:1px solid var(--line);padding-top:18px}
.sp li{display:flex;gap:10px;color:var(--paper-2);font-size:15px}
.sp li::before{content:"";flex:0 0 auto;width:12px;height:12px;margin-top:5px;border-radius:50%;border:1px solid var(--red);background:radial-gradient(circle,var(--red) 0 2.5px,transparent 3px)}
@media (max-width:900px){.spk{grid-template-columns:1fr}}
.sx{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;margin-top:22px;padding:18px 22px;border:1px dashed var(--line-2);color:var(--paper-2);font-size:15px}
.sx b{color:var(--paper);font-weight:500;margin-left:4px}
.mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(150px,16vw,280px);gap:clamp(8px,1vw,14px)}
.mosaic button{overflow:hidden;cursor:none}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}
.mosaic button:hover img{transform:scale(1.05)}
.mosaic button:nth-child(1){grid-column:span 3;grid-row:span 2}.mosaic button:nth-child(2){grid-column:span 3}.mosaic button:nth-child(3){grid-column:span 2}.mosaic button:nth-child(4){grid-column:span 1}.mosaic button:nth-child(5){grid-column:span 2}.mosaic button:nth-child(6){grid-column:span 4}
.next-s{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ns{position:relative;min-height:300px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.ns img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(1) brightness(.4)}
.ns .in{padding:26px}
.ns b{display:block;font-family:var(--wide);font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(24px,2.4vw,40px);margin-top:8px}
.ns .btn{margin-top:18px}
@media (max-width:900px){.meter{grid-template-columns:1fr 1fr}.meter div:nth-child(2){border-right:0}.meter div:nth-child(-n+2){border-bottom:1px solid var(--line)}.inc,.book{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:42vw}.mosaic button:nth-child(n){grid-column:span 1;grid-row:span 1}.mosaic button:nth-child(1){grid-column:span 2}.next-s{grid-template-columns:1fr}.th h1{font-size:13vw}}