:root{
  --salesiano-azul:#23396f;
  --salesiano-azul-profundo:#152852;
  --salesiano-azul-noche:#0b1838;
  --salesiano-amarillo:#ffc800;
  --salesiano-rojo:#ed2b1c;
  --semana-verde:#00a77f;
  --semana-verde-oscuro:#006b55;
  --semana-verde-lima:#4acb19;
  --semana-celeste:#12aeea;
  --bg:#f4f8fb;
  --card:#ffffff;
  --text:#172033;
  --muted:#647287;
  --line:#dfe7f1;
  --shadow:0 18px 50px rgba(11,24,56,.14);
  --radius:26px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}
.hero{min-height:68vh;background:
  radial-gradient(circle at 84% 22%,rgba(74,203,25,.28),transparent 22%),
  radial-gradient(circle at 16% 48%,rgba(18,174,234,.22),transparent 24%),
  linear-gradient(135deg,rgba(11,24,56,.97),rgba(35,57,111,.95));color:#fff;padding:24px;position:relative;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;border-radius:999px;filter:blur(.2px);opacity:.9;pointer-events:none}
.hero:before{width:360px;height:360px;background:rgba(255,200,0,.12);right:-120px;bottom:-120px;border:18px solid rgba(255,200,0,.16)}
.hero:after{width:220px;height:220px;background:rgba(0,167,127,.12);left:-70px;top:120px;border:14px solid rgba(74,203,25,.18)}
.topbar{position:relative;z-index:2;display:flex;align-items:center;gap:10px;max-width:1180px;margin:auto;flex-wrap:wrap}
.brand{font-weight:900;margin-right:auto;display:flex;align-items:center;gap:10px;letter-spacing:.01em}
.brand img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:10px;padding:3px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.tab-link{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:.2s}
.tab-link:hover{background:rgba(255,255,255,.18)}
.tab-link.active{background:var(--salesiano-amarillo);color:var(--salesiano-azul-noche);border-color:var(--salesiano-amarillo);font-weight:900}
.hero-content{position:relative;z-index:2;max-width:1180px;margin:70px auto 0;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#dff7ff;font-weight:900;margin-top:0}
.hero h1{font-size:clamp(40px,7vw,82px);line-height:.95;margin:0 0 18px;text-shadow:0 10px 35px rgba(0,0,0,.2)}
.hero p{max-width:720px;font-size:1.12rem}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.hero-logo-card{background:rgba(255,255,255,.96);border-radius:30px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.25);transform:rotate(-1deg);border:4px solid rgba(255,200,0,.85)}
.hero-logo-card img{display:block;width:100%;height:auto;object-fit:contain}
.btn{padding:13px 18px;border-radius:999px;font-weight:900;border:0;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--salesiano-amarillo);color:var(--salesiano-azul-noche)}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
main{max-width:1180px;margin:-54px auto 0;padding:0 18px 50px;position:relative;z-index:5}.tab-panel{display:none}.tab-panel.active{display:block}
.stats,.quick-grid,.cards,.alliances,.base-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel,.quick-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}
.stat{padding:22px;border-top:6px solid var(--semana-verde)}.stat:nth-child(2){border-color:var(--salesiano-amarillo)}.stat:nth-child(3){border-color:var(--semana-celeste)}.stat:nth-child(4){border-color:var(--salesiano-rojo)}
.stat strong{font-size:34px;display:block;color:var(--salesiano-azul)}.stat span{color:var(--muted);font-weight:700}.panel{padding:28px;margin:24px 0}.section-title p{margin:0;color:var(--semana-verde-oscuro);font-weight:900;text-transform:uppercase;letter-spacing:.13em}.section-title h2{font-size:34px;margin:6px 0 20px;color:var(--salesiano-azul-profundo)}
.quick-card{padding:22px;cursor:pointer;border:1px solid var(--line);transition:.2s}.quick-card:hover,.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(0,167,127,.35)}
.timeline{display:grid;gap:14px}.day{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}.day-date{font-weight:900;color:var(--salesiano-azul)}
.pill{display:inline-block;padding:7px 10px;border-radius:999px;background:#eef9f4;margin:4px;border:1px solid #d8f0e5;cursor:pointer;color:var(--semana-verde-oscuro);font-weight:800}.pill:hover{background:#dff6ea}
.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-bottom:20px}input,select{width:100%;border:1px solid #d9e2ee;border-radius:16px;padding:13px 14px;background:#fff}.cards{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fff;transition:.2s;cursor:pointer;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--semana-verde),var(--semana-celeste),var(--salesiano-amarillo))}
.tag{display:inline-block;background:#eaf8f3;color:var(--semana-verde-oscuro);border-radius:999px;padding:5px 9px;font-weight:900;font-size:.78rem}.card h3{margin:12px 0 8px;color:var(--salesiano-azul-profundo)}.meta{color:var(--muted);font-size:.92rem;line-height:1.5}.score{margin-top:12px;padding:10px;border-radius:14px;background:#fff6cf;font-weight:900;color:#6b5200}.see-more{display:block;margin-top:12px;color:var(--salesiano-azul);font-weight:900}
.alliances{grid-template-columns:repeat(3,1fr)}.alliance,.base-card{border-radius:22px;padding:18px;background:#fff;border:1px solid var(--line);overflow:hidden;position:relative}.alliance:before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,var(--salesiano-azul),var(--salesiano-rojo))}.alliance.negro-amarillo:before{background:linear-gradient(90deg,#111,var(--salesiano-amarillo))}.alliance.negro-calipso:before{background:linear-gradient(90deg,#111,#00a7b8)}.alliance.negro-morado:before{background:linear-gradient(90deg,#111,#6d3fa0)}.alliance.negro-rojo:before{background:linear-gradient(90deg,#111,var(--salesiano-rojo))}.alliance.blanco-rojo:before{background:linear-gradient(90deg,#fff,var(--salesiano-rojo));border-top:1px solid #ddd}.base-grid{grid-template-columns:1fr 1fr 1fr}.base-card.accent{background:linear-gradient(135deg,var(--salesiano-azul-noche),var(--salesiano-azul));color:#fff}.base-card li{margin:10px 0}
.modal{border:0;border-radius:28px;max-width:860px;width:calc(100% - 28px);padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal::backdrop{background:rgba(11,24,56,.66);backdrop-filter:blur(3px)}.modal-close{position:absolute;right:18px;top:14px;border:0;border-radius:50%;width:38px;height:38px;background:#eef2f7;font-size:26px;cursor:pointer}.lead{font-size:1.08rem;color:#465266}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.detail-grid p,.detail-box{background:#f5f8fc;border:1px solid var(--line);border-radius:16px;padding:14px}.detail-grid b{display:block;color:var(--salesiano-azul);margin-bottom:4px}.detail-box h3{margin-top:0;color:var(--salesiano-azul-profundo)}footer{text-align:center;color:var(--muted);padding:30px}
@media(max-width:900px){.stats,.quick-grid,.cards,.alliances,.base-grid{grid-template-columns:1fr}.filters,.day,.detail-grid,.hero-content{grid-template-columns:1fr}.hero{min-height:78vh}.brand{width:100%;margin-bottom:8px}.hero-content{margin-top:44px}.hero-logo-card{max-width:420px}.topbar{gap:8px}.tab-link{padding:9px 12px}}