:root{--bg:#fff7ef;--ink:#211915;--muted:#6b5e57;--brand:#e84a1a;--brand-dark:#9e2506;--gold:#f4b23f;--green:#2f8a5e;--purple:#7a2f85;--card:#fff;--line:#ead8ca;--shadow:0 10px 30px rgba(75,35,10,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#180b07 0, #3e1208 320px, var(--bg) 321px);line-height:1.6}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:999}.hero{min-height:420px;display:grid;place-items:end center;text-align:center;color:#fff;background:#160805 url('../img/portada-san-juan-2026.jpg') center/cover no-repeat;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.75))}.hero-inner{position:relative;width:min(1100px,92vw);padding:2rem 0 3rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#ffd36f}.hero h1{font-size:clamp(2.4rem,8vw,5.6rem);line-height:.95;margin:.2rem 0;text-shadow:0 4px 20px rgba(0,0,0,.55)}.lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:760px;margin:1rem auto}.topbar{position:sticky;top:0;background:rgba(255,247,239,.95);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--line)}.nav{width:min(1100px,92vw);margin:auto;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.7rem 0}.nav a,.btn{display:inline-block;border:1px solid var(--brand);color:var(--brand-dark);background:#fff;border-radius:999px;padding:.55rem .9rem;text-decoration:none;font-weight:700}.nav a:hover,.btn:hover,.chip[aria-pressed=true]{background:var(--brand);color:#fff}.lang{display:flex;gap:.5rem}.container{width:min(1100px,92vw);margin:2rem auto}.notice{background:#fff3cd;border:1px solid #f1d990;border-radius:16px;padding:1rem 1.2rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.2rem 0 2rem}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.15rem;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0;color:var(--brand-dark)}.card.purple{border-left:8px solid var(--purple)}.card.green{border-left:8px solid var(--green)}.card.gold{border-left:8px solid var(--gold)}.card.fire{border-left:8px solid var(--brand)}.card img{width:100%;border-radius:14px;margin:.7rem 0}.card details{margin-top:.4rem;border-top:1px solid var(--line);padding-top:.5rem}.card summary{cursor:pointer;font-weight:700;color:var(--brand-dark);list-style:none}.card summary::-webkit-details-marker{display:none}.card summary::before{content:"▸ ";color:var(--brand)}.card details[open] summary::before{content:"▾ "}.card details ul{margin:.4rem 0;padding-left:1.2rem}.tools{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:var(--shadow);position:sticky;top:68px;z-index:8}.search{width:100%;font-size:1.05rem;border:2px solid var(--line);border-radius:14px;padding:.85rem 1rem}.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.chip{border:1px solid var(--line);border-radius:999px;background:#fff;padding:.45rem .75rem;cursor:pointer}.results{width:min(1100px,92vw);margin:.8rem auto 0;color:var(--muted);font-weight:700;font-size:.95rem}.daynav{display:flex;gap:.5rem;flex-wrap:wrap;margin:.2rem 0 1.2rem}.daynav a{flex:0 0 auto;border:1px solid var(--brand);color:var(--brand-dark);background:#fff;border-radius:999px;padding:.4rem .75rem;text-decoration:none;font-weight:700;font-size:.95rem}.daynav a:hover,.daynav a:focus{background:var(--brand);color:#fff}.day{margin:2rem 0;scroll-margin-top:var(--stick,80px)}.day h2{font-size:clamp(1.6rem,4vw,2.35rem);border-bottom:4px solid var(--brand);padding-bottom:.25rem;color:#43170c}.event{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;margin:.7rem 0;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 14px rgba(75,35,10,.07)}time{font-weight:900;color:#fff;background:var(--brand);border-radius:12px;text-align:center;padding:.45rem;height:fit-content}.event h3{margin:0 0 .25rem;font-size:1.1rem}.meta{color:var(--muted);font-size:.95rem}.tag{display:inline-block;font-size:.8rem;border-radius:999px;padding:.15rem .5rem;background:#f4eee9;color:#5b4030;margin:.2rem .2rem .2rem 0}.details{margin-top:.4rem}.footer{margin-top:3rem;background:#211915;color:#fff;padding:2rem;text-align:center}.footer a{color:#ffd36f}@media (max-width:640px){.event{grid-template-columns:1fr}.hero{min-height:350px}.tools{position:static}.nav{justify-content:center}.lang{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}