@media (max-width: 768px) {
    header h1 {
        font-size: 1.8em;
    }

    nav ul {
        flex-direction: column;
        gap: 10px;
    }

    main {
        margin: 15px;
        padding: 15px;
    }

    .personajes-grid {
        grid-template-columns: 1fr;
    }
}

:root{--red:#c8102e;--red-dark:#a00b22;--blue:#0b66d0;--gold:#f4d35e;--green:#2ecc71;--purple:#b58be6;--bg:#f7f7f7;--card-bg:#fff;--muted:#7a7a7a;--max-width:1100px;font-family:"Segoe UI",Roboto,Arial,sans-serif;}body{margin:0;background:var(--bg);color:#222;-webkit-font-smoothing:antialiased;}.container{max-width:var(--max-width);margin:20px auto;padding:16px;}header.site-header{background:linear-gradient(180deg,var(--red),var(--red-dark));color:#fff;padding:18px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}header .title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;justify-content:center;}header .nav{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}.tab{padding:8px 18px;border-radius:6px;background:rgba(0,0,0,0.06);color:#fff;cursor:pointer;font-weight:600;border:2px solid rgba(255,255,255,0.06);}.tab.active{background:#fff;color:var(--red);border:2px solid rgba(0,0,0,0.06);}.banner{margin-top:18px;background:var(--blue);color:#fff;padding:20px;border-radius:8px;text-align:center;font-weight:700;font-size:20px;}.banner small{display:block;font-weight:500;margin-top:6px;font-size:14px;opacity:0.95;}.summary{margin-top:18px;padding:12px;border:3px solid rgba(244,211,90,0.25);border-radius:8px;background:linear-gradient(180deg,#fff,#fff);}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px;}.stat{background:#fff;padding:18px;border-radius:8px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,0.04);font-weight:700;}.stat .num{font-size:28px;margin-bottom:6px;}.stat.yellow{background:#fff7d6;}.stat.blue{background:#e9f3ff;}.stat.green{background:#e8fbf0;}.stat.purple{background:#f3eaff;}.section{margin-top:20px;padding:18px;border-radius:10px;background:#fff;border:3px solid rgba(0,0,0,0.03);}.section h2{margin:0 0 12px;font-size:22px;display:flex;align-items:center;gap:10px;}.cards{display:grid;grid-template-columns:1fr;gap:14px;}@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr);}}.card{padding:16px;border-radius:10px;background:linear-gradient(180deg,#fff,#fafafa);border-left:6px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,0.03);}.card.year{font-size:26px;font-weight:800;color:var(--red-dark);margin-bottom:6px;}.card h3{margin:6px 0 8px;}.muted{color:var(--muted);font-size:14px;}.card.libertadores{border-left-color:var(--gold);background:#fffaf0;}.card.intercontinental{border-left-color:#9fd3ff;background:#f0fbff;}.card.sudamericana{border-left-color:var(--green);background:#f6fff8;}.card.red-highlight{border:2px solid #d33;background:#fff0f0;}.total-banner{margin-top:20px;padding:18px;border-radius:8px;text-align:center;font-weight:800;color:#fff;background:linear-gradient(90deg,#f02f2f,#2b61ff);box-shadow:0 4px 16px rgba(0,0,0,0.08);}.footer{margin-top:18px;padding:14px;border-radius:6px;background:#111;color:#fff;text-align:center;}.section{display:none;}.section.visible{display:block;}