:root{--paper:#f5f7ff;--surface:#fff;--ink:#17234a;--muted:#5d6b91;--line:#dce2f5;--accent:#285f50;--soft:#eef8f3;--gold:#9a681d;--deep:#142042;--violet:#6547d7}
.topline{height:auto;padding:.55rem 0;background:#e8f7f0;border-bottom:1px solid var(--line);color:#205a4b;font-size:.76rem;font-weight:800}.topline .shell{display:flex}.header{padding:1rem 0 .8rem}
.brand-avatar{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#285f50,#4d8a76);border:0;box-shadow:0 8px 18px #285f5030}.brand-avatar img{width:54px;height:52px}.brand strong{color:var(--deep);font-size:.9rem}.brand .muted{font-size:.7rem;color:var(--muted)}
.launch-nav{justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.65rem 0}.launch-nav button{border-color:transparent;background:transparent;color:var(--muted)}.launch-nav button:hover:not(:disabled),.launch-nav [aria-current=page]{background:var(--soft);border-color:#b9d8cc;color:var(--accent)}
.card,.support-card,.privacy-brief,.global-shared-counter{box-shadow:0 12px 34px #21335b0a}.card{border-color:var(--line)}
.support-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:1rem;background:var(--surface);border:1px solid #d9cef9;border-radius:24px;padding:1.55rem 1.8rem;margin:2rem 0}.support-icon{font-size:1.8rem;color:var(--violet);line-height:1}.support-card h2{font-size:1.35rem;margin-bottom:.25rem}.support-card .kicker{color:var(--violet)}.support-card .audio-row{padding-bottom:0}.support-payment{display:flex;flex-direction:column;color:var(--violet);margin:.65rem 0 .2rem}.support-payment span,.support-payment strong{font-weight:800}.support-payment strong{font-size:1.12rem;margin-left:1.4rem;letter-spacing:.02em}
.privacy-brief{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:1rem;align-items:center;background:#eefbf6;border:1px solid #c5e8dc;border-radius:18px;padding:1rem 1.25rem;margin:1.5rem 0}.privacy-icon{font-size:1.4rem;color:#0b8768}.privacy-brief p{margin:.15rem 0;color:#3b685d}.privacy-brief .audio-row{padding:.35rem 0 0}.privacy-brief a{font-weight:750;text-decoration:none;text-align:right}
.global-shared-counter{display:flex;align-items:center;justify-content:center;gap:.45rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.75rem;margin:0 0 1.4rem;color:var(--muted)}.global-shared-counter strong{color:var(--deep);font-size:1.05rem}
.footer{position:relative;width:100vw;left:50%;margin-left:-50vw;background:var(--deep);color:#fff;border:0;padding:2.2rem max(1.4rem,calc((100vw - 1120px)/2));grid-template-columns:1fr 1fr 1fr;align-items:start}.footer a,.footer summary{color:#d8e0ff}.footer .smalltext,.footer p{color:#cbd4ee}.footer-brand{display:flex;gap:.75rem;align-items:center}.footer-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent);font-weight:850}.footer-brand span:last-child{font-size:.75rem;color:#cbd4ee}.footer .author{color:#fff}
body.high-contrast{--paper:#080d1c;--surface:#111936;--ink:#fff;--muted:#dbe3ff;--line:#8da0d1;--accent:#50a98b;--soft:#172b37;--gold:#ffd17a;--deep:#050918;--violet:#bcaaff}.high-contrast .privacy-brief{background:#102b27}.high-contrast .support-card{border-color:var(--line)}
@media(max-width:760px){.privacy-brief{grid-template-columns:28px minmax(0,1fr)}.privacy-brief a{grid-column:2;text-align:left}.footer{grid-template-columns:1fr;gap:1.2rem}.support-card{padding:1.15rem}.support-payment strong{margin-left:0}.header{align-items:flex-start}}
@media print{.support-card,.privacy-brief,.global-shared-counter{display:none!important}.footer{position:static;width:auto;margin:0;left:auto;background:#fff;color:#000;padding:1rem;display:block}.footer p,.footer .smalltext{color:#000}}

/* Pie institucional claro y consistente con el resto de OGA. */
.footer{border:0;border-top:4px solid var(--accent);background:linear-gradient(135deg,#fff,#f2f8f5);color:var(--ink)}
.footer a,.footer summary{color:var(--accent)}
.footer .smalltext,.footer p,.footer-brand span:last-child{color:var(--muted)}
.footer-logo{background:var(--soft);color:var(--accent)}
.footer .author{color:var(--ink)}

/* Michito acompaña la colaboración sin interferir con la lectura del QR. */
.support-card{grid-template-columns:38px minmax(0,1fr) 128px 190px}
.support-michito{align-self:end;margin:0;text-align:center}
.support-michito img{display:block;width:100%;max-width:128px;height:190px;object-fit:contain;object-position:center bottom}
@media(max-width:900px){.support-card{grid-template-columns:38px minmax(0,1fr) 170px}.support-michito{grid-column:2;justify-self:end}.support-qr{grid-column:3;grid-row:1/3}}
@media(max-width:700px){.support-card{grid-template-columns:auto 1fr}.support-card .support-michito{grid-column:1/2;grid-row:auto;justify-self:end;width:104px}.support-card .support-michito img{height:155px}.support-card .support-qr{grid-column:2;grid-row:auto;justify-self:center;width:min(100%,190px)}}
@media(max-width:460px){.support-card .support-michito,.support-card .support-qr{grid-column:1/-1;justify-self:center}.support-card .support-michito{width:112px}.support-card .support-qr{width:min(100%,190px)}}