/* seatseven.io - estilos de las paginas propias. Solo var(--s7-*): los valores viven en brand/tokens. */
:root{--iv:var(--s7-marfil);--iv2:var(--s7-marfil-2);--bl:var(--s7-azul);--txt:var(--s7-tinta);--mut:var(--s7-gris);--red:var(--s7-rojo);--line:var(--s7-linea);
--disp:var(--s7-font-display);--tag:var(--s7-font-tag);--text:var(--s7-font-text);color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--iv);color:var(--txt);font:17px/1.65 var(--text)}
a{color:var(--bl);text-underline-offset:3px}
a:hover{color:var(--red)}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:var(--s7-blanco);padding:8px 12px;z-index:10}
.top{background:var(--bl);color:var(--iv)}
.top-in{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand img{height:34px;width:auto}
.nav{display:flex;gap:22px;font:500 15px/1 var(--text)}
.nav a{color:var(--iv);text-decoration:none;opacity:.9;white-space:nowrap}.nav a:hover,.nav a[aria-current]{opacity:1;color:var(--iv);text-decoration:underline}
.hero{background:var(--bl);color:var(--iv);padding:56px 0 72px}
.hero-in{max-width:1120px;margin:0 auto;padding:0 24px}
.eyebrow{font:500 13px/1.2 var(--text);letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin:0 0 14px}
.hero h1{font:800 clamp(38px,7.2vw,88px)/.98 var(--disp);letter-spacing:.01em;margin:0;max-width:14ch;text-wrap:balance}
.hero .lede{font:700 clamp(19px,2.3vw,26px)/1.35 var(--tag);margin:22px 0 0;max-width:40ch}
.hero.small{padding:var(--s7-space-4) 0}.hero.small h1{font-size:var(--s7-h1-small)}
main{display:block}
.wrap{max-width:1120px;margin:0 auto;padding:16px 24px 80px}
.sec{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;border-top:2px solid var(--bl);padding:32px 0 44px}
.num{font:800 30px/1 var(--disp);color:var(--red)}
.sec h2{font:800 clamp(24px,3vw,36px)/1.12 var(--disp);color:var(--bl);margin:0 0 14px;max-width:22ch;text-wrap:balance}
.sec p{margin:0 0 14px;max-width:64ch}
.closing{background:var(--red);color:var(--s7-blanco);border-radius:4px;padding:36px 28px;margin-top:8px}
.closing p{font:700 clamp(24px,3.4vw,40px)/1.1 var(--tag);margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s7-space-2);margin-top:var(--s7-space-3)}
.card{background:var(--s7-papel);box-shadow:0 0 0 1px var(--line);border-radius:var(--s7-radius);padding:var(--s7-space-2);text-decoration:none;color:var(--txt);display:grid;gap:6px}
.card b{font:800 var(--s7-small)/1.25 var(--disp);color:var(--bl)}.card span{color:var(--mut);font-size:15px}
.card:hover{box-shadow:0 0 0 2px var(--bl);color:var(--txt)}
.doc{max-width:760px}
.doc h2{font:800 22px/1.2 var(--disp);color:var(--bl);margin:36px 0 10px}
.doc p,.doc li{max-width:68ch}
.doc .meta{color:var(--mut);font-size:15px}
.foot{border-top:1px solid var(--line);background:var(--iv2)}
.foot-in{max-width:1120px;margin:0 auto;padding:28px 24px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:15px;color:var(--mut)}
.foot nav{display:flex;gap:20px;flex-wrap:wrap}
.foot a{color:var(--mut)}
.foot-brand{flex-basis:100%;line-height:0}.foot-brand img{height:24px;width:auto;display:block}
@media (max-width:720px){
 body{font-size:16px}
 .top-in,.hero-in,.wrap,.foot-in{padding-left:16px;padding-right:16px}
 .brand img{height:28px}.nav{gap:14px;font-size:14px}
 .hero{padding-top:36px;padding-bottom:48px}
 .sec{grid-template-columns:1fr;gap:10px;padding:24px 0 30px}
 .foot nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7-space-1) var(--s7-space-2)}
 .cards{grid-template-columns:1fr}
}
/* ---- home provisional: coming soon ---- */
.soon{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:var(--s7-noche);color:var(--s7-blanco)}
.soon-bg{position:absolute;inset:-24px;background:url(/img/grada-asiento-7.jpg) center 55%/cover no-repeat;
 background-image:image-set(url(/img/grada-asiento-7.webp) type("image/webp"),url(/img/grada-asiento-7.jpg) type("image/jpeg"));
 filter:blur(5px);transform:scale(1.04)}
.soon::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--s7-noche) 55%,transparent),color-mix(in srgb,var(--s7-noche) 25%,transparent) 45%,color-mix(in srgb,var(--s7-noche) 60%,transparent))}
.soon-in{position:relative;z-index:2;display:grid;justify-items:center;align-content:center;gap:18px;padding:48px 16px;text-align:center}
.soon-logo{margin:0;line-height:0}
.soon-logo img{width:min(340px,62vw);height:auto;filter:drop-shadow(0 2px 18px color-mix(in srgb,var(--s7-negro) 35%,transparent))}
.soon-txt{margin:0;font:700 clamp(15px,1.8vw,19px)/1 var(--tag);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 1px 10px color-mix(in srgb,var(--s7-negro) 40%,transparent)}
.soon-foot{position:relative;z-index:2;display:grid;justify-items:center;gap:8px;padding:0 16px 24px;font-size:14px;text-align:center}
.soon-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}
.soon-foot a{color:var(--s7-blanco);opacity:.9}.soon-foot a:hover{opacity:1;color:var(--s7-blanco)}
.soon-foot p{margin:0;opacity:.75;font-size:13px}
/* footer pegado abajo en páginas cortas (contact, 404...) */
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;width:100%}