/* TAMBA additions to the live Juegos Guanelfi catalog design. */
a { text-underline-offset: .2em; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--cyan);outline-offset:5px; }
.skip-link { position:absolute;left:1rem;top:-6rem;padding:.8rem;background:var(--text);color:var(--page);z-index:20; }
.skip-link:focus { top:1rem; }
.tamba-hero { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:3.5rem 0 5rem; }
.game-heading { display:flex;align-items:center;gap:1.1rem;margin:1.2rem 0; }
.game-icon { width:104px;height:104px;border-radius:25%;flex-shrink:0;box-shadow:var(--shadow); }
.game-heading h1 { margin:0;font-size:clamp(3rem,6vw,5.1rem);letter-spacing:-.055em;line-height:.98; }
.game-heading h1 span { display:block;font-size:.36em;letter-spacing:0;margin-top:.55rem;font-weight:700;color:var(--orange); }
.tagline { margin:1.8rem 0 .7rem;color:var(--text);font-size:clamp(1.4rem,2.7vw,1.9rem);font-weight:800;line-height:1.25; }
.lead { font-size:1.13rem;line-height:1.75; }
.hero-shot { width:min(100%,290px);margin:0 auto;text-align:center; }
.hero-shot img { display:block;width:100%;height:auto;border:7px solid #25243a;border-radius:30px;box-shadow:0 25px 80px #0009; }
figcaption { color:var(--muted);font-size:.87rem;line-height:1.4;margin-top:.8rem; }
.availability { font-size:.85rem;display:flex;align-items:center;gap:.6rem;margin:1.2rem 0; }
.status-dot { background:var(--orange);width:7px;height:7px;border-radius:50%; }
.stats { display:flex;gap:2.5rem;margin:2rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line); }
.stats strong { display:block;font-size:2.3rem;color:var(--orange);line-height:1.15; }
.stats span { display:block;color:var(--muted);font-size:.85rem; }
.content-section { padding:3.5rem 0;border-top:1px solid var(--line);scroll-margin-top:1rem; }
.content-section h2 { font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.035em;line-height:1.1; }
.features { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.2rem; }
.feature-number { display:inline-block;color:var(--violet);font-weight:900;font-size:.85rem;margin-bottom:1rem; }
.features h3 { font-size:1.23rem; }
.section-heading { display:flex;justify-content:space-between;align-items:end;gap:1rem; }
.section-heading>p { font-size:.85rem; }
.screenshots { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin-top:2rem; }
.screenshots figure { margin:0; }
.screenshots img { width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:14px; }
.screenshots a { display:block; }
.split-info { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem;align-items:start; }
.notice { border:1px solid var(--line);background:var(--surface);padding:1.5rem;border-radius:10px; }
.notice a { display:block;margin-top:.8rem;color:var(--cyan); }
.notice p:last-child { margin-bottom:0; }
.support-strip { display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem;margin:1rem 0 4rem;border:1px solid var(--line);background:linear-gradient(135deg,#a679ff19,#ffb15e14);border-radius:10px; }
.support-strip h2 { font-size:1.7rem; }
.support-strip p { margin-bottom:0; }
.support-strip .eyebrow { margin-bottom:.7rem; }
.support-strip .button { flex-shrink:0; }
footer { padding:2rem 0 2.8rem;border-top:1px solid var(--line); }
footer strong { color:var(--text);font-size:.96rem; }
.fine-print { margin:1.2rem 0 0;font-size:.8rem; }
.legal-shell { max-width:800px;margin:2rem auto 5rem; }
.language-links { margin-bottom:2.3rem; }
.legal-shell h1 { font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.04em;line-height:1.07; }
.legal-shell h2 { margin-top:2.2rem;font-size:1.35rem;line-height:1.3; }
.legal-shell .lead { font-size:1.04rem; }
.legal-shell p,.legal-shell li { color:var(--muted);line-height:1.8; }
.legal-shell strong { color:var(--text); }
.legal-shell a { color:var(--cyan);overflow-wrap:anywhere; }
.legal-shell .language-links a { color:var(--text); }
.legal-shell code { color:var(--text);font-size:.92em;background:#ffffff0c;padding:.12em .3em;border-radius:4px; }
.updated { font-size:.87rem;color:var(--muted); }
.legal-shell ol { padding-left:1.4rem; }
.legal-shell li { padding:.3rem 0 .3rem .25rem; }
.legal-shell hr { border:0;border-top:1px solid var(--line);margin:4rem 0; }
.policy-language { scroll-margin-top:1.5rem; }
details { border-top:1px solid var(--line);padding:1.2rem 0; }
details:last-of-type { border-bottom:1px solid var(--line);margin-bottom:2rem; }
summary { font-weight:800;cursor:pointer;line-height:1.5;min-height:32px; }
details p { margin:1rem 0 0; }
@media(max-width:780px){.tamba-hero{grid-template-columns:1fr;padding:2rem 0 3rem;gap:2rem}.hero-shot{width:min(70%,270px)}.features{grid-template-columns:1fr;gap:1.4rem}.features article{border-bottom:1px solid var(--line);padding-bottom:1.2rem}.features article:last-child{border:0}.feature-number{margin-bottom:.5rem}.split-info{grid-template-columns:1fr;gap:1rem}.support-strip{align-items:start;flex-direction:column}.section-heading{display:block}.screenshots{gap:.8rem}.content-section{padding:2.5rem 0}.stats{gap:2rem}}
@media(max-width:480px){.site-header nav a{padding:0 .6rem;font-size:.82rem}.game-icon{width:78px;height:78px}.game-heading{gap:.8rem}.game-heading h1{font-size:3.1rem}.screenshots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.screenshots figure{flex:0 0 72%;scroll-snap-align:start}.legal-shell{margin-top:1.5rem}.support-strip{padding:1.3rem}.stats{justify-content:space-between;gap:.5rem}.stats strong{font-size:2rem}}
