/* MesaDura website, Clásico presentation (cream / gold), approved by Lu on Oct 9 2026.
   Designed by Codex (docs/domains/CLASICO-PREVIEW-HANDOFF.md) on top of site.css, which keeps
   layout and the shared tokens; this file sets the colors and the new sections. */
:root{color-scheme:light;--night:#fbf6eb;--midnight:#fffaf2;--deep:#f2e6d1;--soft:#eadbc1;--gold:#9b6d18;--bright:#825714;--pale:#3e2818;--cream:#2d241d;--muted:#66594a;--line:#a6783538;--line-strong:#a6783580;--max:1240px}
body{background:#fbf6eb;color:#2d241d}
h1{text-shadow:none;color:#302218;font-size:clamp(2.9rem,5.5vw,5.3rem)}
a:hover{color:#492a0b}.btn-gold{box-shadow:inset 0 1px #fff3c9,0 6px 20px #7c531c24}.btn-outline{background:#fff9ef;color:#563b1b;border-color:#b88b45}.btn-outline:hover{background:#f4e5cd;color:#352517}
.site-header,.site-header.is-solid{background:#fffaf2f2;border-bottom:1px solid var(--line);box-shadow:0 3px 24px #6f4b1410}.brand,.site-nav a,.site-nav .lang{color:#503819}.brand-mark{filter:none}.nav-toggle{background:#fffaf2;color:#593c16}.site-nav a:hover{background:#eedfc8;color:#583607}
.hero{min-height:760px;min-height:85svh;grid-template-columns:1fr 1fr;gap:44px;text-align:left;padding:calc(var(--header) + 60px) max(var(--gutter),calc((100vw - 1240px)/2)) 72px;align-items:center;background:#fbf6eb}
.hero-art{opacity:.12}.hero::after{background:linear-gradient(90deg,#fbf6eb 0%,#fbf6ebdd 46%,#fbf6eb55)}
.hero-inner{justify-items:start;max-width:620px}.hero-mark{width:130px;filter:drop-shadow(0 7px 12px #96601b30)}.hero .eyebrow{justify-content:start}.hero .lead{color:#564739;text-shadow:none;font-size:1.15rem;max-width:30em}.hero .cta-row{justify-content:start}.hero-note{color:#66594a}.hero-film{margin:0;min-width:0;border-radius:22px;border:1px solid #bf9d5d;background:#091622;overflow:hidden;box-shadow:0 24px 60px #5f3d212d;animation:rise 1s .3s both}.hero-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.hero-film figcaption{padding:20px 24px;font:700 1.3rem var(--display);color:#f5e6c7}.hero-film small{display:block;font:400 .8rem/1.5 var(--body);margin-top:8px;color:#cfbea4}.film-dot{display:inline-block;width:8px;height:8px;background:#ecc86e;border-radius:50%;margin-right:10px}
.section{padding:82px 0}.moments{background:#f3e8d5}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:36px 0 24px}.moment-card{background:#fffaf2;border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;box-shadow:0 12px 28px #563b1710}.moment-card video{display:block;width:100%;aspect-ratio:16/9;background:#071521}.moment-card>div{padding:24px}.moment-card p{color:#66594a;font-size:1rem;margin:0}
.competition-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:38px}.competition-grid article{border-radius:22px;border:1px solid var(--line-strong);padding:30px;background:#fffaf2;overflow:hidden}.feature-tag{display:inline-block;border-radius:999px;background:#e3eddf;color:#2e5729;padding:8px 12px;font:700 .72rem var(--body);letter-spacing:.07em;text-transform:uppercase;margin-bottom:22px}.upcoming{background:#f0e2ca;color:#775217}.event-feature{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center}.event-feature h3,.rank-feature h3{font-size:2.2rem}.event-feature figure{margin:0}.event-feature img{border-radius:14px;border:1px solid var(--line);width:100%;max-height:390px;object-fit:contain;background:#fbf6eb}.event-feature figcaption{font-size:.75rem;color:#66594a;margin-top:8px}.rank-feature{text-align:center;background:radial-gradient(ellipse at 50% 40%,#f1d58d60,transparent 75%),#fffaf2!important}.rank-art{width:150px;height:150px;object-fit:contain;margin:0 auto 8px}.rank-line{font:italic 1.4rem var(--display);color:#805b20}.community-note{display:flex;gap:22px;align-items:center;margin-top:28px;background:#efe2ca;border-radius:18px;padding:28px 32px}.community-mark{font-size:3rem;color:#95661c}.community-note p{margin:0;color:#5e4b36}
.screen-gallery{background:#f3e8d5}.screen-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(75vw,400px);gap:20px;overflow:auto;scroll-snap-type:x mandatory;padding:6px 2px 20px;scrollbar-color:#aa803a transparent}.screen-rail figure{margin:0;scroll-snap-align:start;background:#fffaf2;border:1px solid var(--line-strong);border-radius:16px;overflow:hidden}.screen-rail img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#efe2ca}.screen-rail figcaption{padding:16px;font-weight:600;font-size:.92rem}
.gameplay,.story,.together,.style,.final-cta{background:#fbf6eb}.mode,.availability,.support{background:#fffaf2}.mode p,.cast-head p{color:#66594a}.shot{box-shadow:0 18px 40px #4b331e20}.shot-phone{border-color:#bfa477}.story-band::after{background:linear-gradient(90deg,#fbf6ebf7 0%,#fbf6ebde 38%,#fbf6eb22 80%),linear-gradient(0deg,#fbf6eb,transparent 50%)}.story-copy .lead{color:#473728}.cast-card,.together-art{box-shadow:0 14px 35px #4b331e18}.styles figcaption{color:#ffeed0}.state-open .chip{color:#275428;background:#e3eddf;border-color:#679968}.state-test .chip{color:#725017}.state-later .chip{border-color:#a3885d66}.updates{background:#efe3cf}.releases>li{background:#fffaf2}.site-footer{background:#efe3cf}.site-footer a,.site-footer .brand{color:#503819}code{background:#eadbc1;color:#4c3518}
@media(max-width:1100px){.site-nav a{padding:10px 8px;font-size:.85rem}.hero{gap:26px}.competition-grid{grid-template-columns:1fr 1fr}.event-feature{grid-template-columns:1fr}.event-feature img{max-height:300px}}
@media(max-width:900px){.js .site-nav{background:#fffaf2;box-shadow:0 12px 30px #50381922}.hero{grid-template-columns:1fr;gap:30px;padding:100px var(--gutter) 44px;min-height:0}.hero-inner{max-width:700px}.hero-film{width:100%;max-width:700px}.hero-mark{width:100px}.hero h1{font-size:clamp(2.8rem,8vw,4.8rem)}.hero .lead{font-size:1.05rem}.scroll-cue{display:none}.moment-grid{grid-template-columns:1fr}.moment-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.moment-card>div{padding:22px}.competition-grid{grid-template-columns:1fr 1fr}.event-feature .btn{white-space:normal}}
@media(max-width:600px){.hero .cta-row{max-width:none;flex-direction:column}.hero h1{margin-bottom:.4em}.hero-note{font-size:.85rem}.hero-film figcaption{padding:16px}.section{padding:56px 0}.moment-card{display:block}.competition-grid{grid-template-columns:1fr}.competition-grid article{padding:24px}.event-feature{grid-template-columns:1fr .75fr;gap:16px}.event-feature h3{font-size:1.65rem}.event-feature p{font-size:.95rem}.event-feature img{max-height:310px}.community-note{padding:24px;align-items:start}.community-mark{font-size:2rem}.story-band::after{background:linear-gradient(0deg,#fbf6eb 0%,#fbf6eb 42%,#fbf6eb00 65%)}.story-copy{margin-top:-38px}.screen-rail{grid-auto-columns:85vw}}
@media(max-width:390px){.event-feature{grid-template-columns:1fr}.hero{padding-top:92px}.hero h1{font-size:2.8rem}.hero-mark{width:85px}}
@media(max-height:560px) and (orientation:landscape){.hero{grid-template-columns:1fr 1fr;padding-top:85px;gap:24px}.hero-mark{width:68px;margin-bottom:8px}.hero .eyebrow{font-size:.65rem}.hero h1{font-size:2.3rem}.hero .lead{font-size:.9rem}.hero .cta-row{flex-direction:row}.hero .btn-large{font-size:.9rem;padding:.8em}.hero-film figcaption{font-size:1rem;padding:12px}.hero-film small{display:none}}
.competition-grid{grid-template-columns:1fr 1fr;align-items:start}
.competition-grid .event-feature{grid-template-columns:1fr;gap:28px}
.event-picture{display:block;border-radius:15px;overflow:hidden;background:#f6eddf;border:1px solid var(--line-strong)}
.competition-grid .event-feature img{width:100%;height:420px;max-height:none;object-fit:cover;object-position:center top;border:0;border-radius:0}
.event-picture:focus-visible{outline:3px solid #825714;outline-offset:4px}
.rank-feature h3{font-size:3rem;margin:0 0 12px}.rank-line{margin-bottom:16px}
.prestige-medal{position:relative;isolation:isolate;display:grid;place-items:center;margin:0 auto 16px;width:240px;height:240px}
.prestige-medal::before{content:"";position:absolute;inset:8px;z-index:-1;border-radius:50%;background:radial-gradient(circle,#ffd2617a 0%,#f6cc5b35 48%,transparent 72%);box-shadow:0 0 50px #e9b33433;animation:prestige-breathe 4s ease-in-out infinite}
.corona-art{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 5px 14px #d6a42a50)}
.rank-ladder{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:6px;max-width:420px;margin:0 auto 18px}
.rank-step{display:grid;justify-items:center;align-content:end;gap:12px;min-width:0}.rank-step img{width:90px;height:100px;object-fit:contain}.rank-step strong{font:700 .88rem var(--display);white-space:nowrap;color:#573c1c}
.rank-top img{width:112px;filter:drop-shadow(0 0 9px #e1af3870)}.rank-arrow{font-size:1.25rem;color:#9a701e}.rank-path-note{font-size:.8rem;color:#66594a}
@keyframes prestige-breathe{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:900px){.competition-grid{grid-template-columns:1fr}.competition-grid .event-feature{grid-template-columns:1fr 1fr}.competition-grid .event-feature img{height:420px}.rank-feature{max-width:none}.rank-ladder{max-width:440px}}
@media(max-width:600px){.competition-grid .event-feature{grid-template-columns:1fr}.competition-grid .event-feature img{height:450px}.prestige-medal{width:220px;height:220px}.corona-art{width:200px;height:200px}.rank-ladder{gap:3px}.rank-step img{width:76px;height:90px}.rank-top img{width:92px}.rank-step strong{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.screen-rail{list-style:none;margin:0}.screen-rail>li{scroll-snap-align:start;min-width:0}

/* Landing vision: upcoming systems are distinct from the playable tester. */
.guest-note{font-size:.85rem;color:var(--muted);max-width:44ch;margin:8px 0 12px}
.coro-vision{background:linear-gradient(135deg,#f0e2c9,#fff8ec);border-block:1px solid var(--line-strong)}
.coro-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.coro-intro h2{margin-top:22px}.coro-note{padding:16px 18px;border-left:3px solid #9b6d18;background:#fffaf2;font-size:.95rem;line-height:1.6}
.coro-promises ol{list-style:none;padding:0;margin:0}.coro-promises li{display:flex;align-items:start;gap:22px;padding:22px 0;border-bottom:1px solid var(--line-strong)}.coro-promises li p{margin:0;font-size:1.15rem;line-height:1.6}.coro-number{font:700 1.7rem var(--display);color:#825714}.coro-promises .fine{margin-top:20px}.guide-footer-mark{display:inline-block;vertical-align:middle;object-fit:contain}
@media(max-width:900px){.coro-layout{grid-template-columns:1fr;gap:20px}.coro-promises li p{font-size:1.05rem}.site-nav ul{gap:14px}}

@media(min-width:1000px){html[lang=es] .hero h1{font-size:clamp(2.6rem,4vw,3.8rem)}}

/* Eight section links need the compact menu before narrow desktop clips Play. */
@media(min-width:901px) and (max-width:1200px){
 .header-actions{margin-left:auto}.js .nav-toggle{display:grid}.site-nav{display:none}
 .js .site-nav{display:flex;position:fixed;inset:var(--header) 0 auto;margin:0;padding:12px var(--gutter) 20px;flex-direction:column;align-items:stretch;background:#fffaf2;border-bottom:1px solid var(--line);box-shadow:0 12px 30px #50381922;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
 .site-nav.is-open{transform:none;opacity:1;visibility:visible}.site-nav ul{flex-direction:column;gap:2px}.site-nav a{padding:14px 8px;font-size:1.05rem;border-bottom:1px solid var(--line)}.site-nav .lang{margin:12px 0 0;text-align:center}
}