@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,900&family=Mulish:wght@400;500;700;800&display=swap');
/* Shared presentation layer. It does not alter data, grids or event artwork. */
:root{--portal-cream:#f6f1e7;--portal-paper:#fffdf8;--portal-purple:#201a2e;--portal-gold:#e7b65c;--portal-border:#e4dccf;--portal-text:#292421;--portal-muted:#71685e}
body{background:var(--portal-cream);color:var(--portal-text);font-family:Mulish,system-ui,sans-serif;line-height:1.55}
h1,h2,h3,h4,.qa .q{font-family:Fraunces,Georgia,serif;letter-spacing:-.02em}
button,input,select,textarea,.btn{font-family:Mulish,system-ui,sans-serif}
.hero{background:var(--portal-purple);color:var(--portal-paper);padding:28px 20px 30px}
.hero h1{color:var(--portal-paper);font-weight:900;line-height:1.08}
.hero h1 em,.hero .eyebrow{color:var(--portal-gold)}
.hero p{color:#ded4e6;line-height:1.6}
.hero>.inner>p:first-child{color:#e7b65c;text-transform:uppercase;font-size:13px;letter-spacing:.15em;font-weight:800}
.inner{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}
.card{background:var(--portal-paper);border:1px solid var(--portal-border);border-radius:22px;box-shadow:0 3px 14px rgb(32 26 46 / 5%);overflow:hidden}
.card .body{padding:22px}
.card h2,.card h3{line-height:1.25}
.card p{line-height:1.65}
.btn,.chip,.clear,.filtros,.seg button{border-radius:999px}
.btn{font-size:14px;font-weight:800;line-height:1.4;min-height:42px;align-items:center;justify-content:center}
.btn.p,.chip.on,.seg .on{background:var(--portal-purple);color:var(--portal-paper)}
.btn.g{background:var(--portal-paper);color:var(--portal-purple);border:1px solid var(--portal-border)}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--portal-gold);outline-offset:3px}
.sheet{background:var(--portal-paper);border-radius:28px 28px 0 0}
.sheet .body{line-height:1.7}
.sheet .body h2{line-height:1.2}
.sec,.qa{border-color:var(--portal-border)}
.sec h3,.faqh{margin-top:28px}
.tldr,.notice{background:#f1ebdf;border-radius:16px;padding:18px;line-height:1.7}
table.k{background:var(--portal-paper);border-radius:16px;overflow:hidden}
table.k td{border-color:var(--portal-border);line-height:1.55}
.empty{background:var(--portal-paper);border:1px solid var(--portal-border);border-radius:22px;padding:24px}
[hidden]{display:none!important}
main.inner{padding:26px 20px 40px}
nav.inner{padding:16px 20px 0;display:flex;gap:10px;flex-wrap:wrap}
#volver-agenda{margin-top:24px}
.site{background:var(--portal-purple);color:var(--portal-paper);padding:20px;border-bottom:3px solid var(--portal-gold)}
.site>a{font-family:Fraunces,Georgia,serif;font-size:1.3rem;font-weight:900;color:var(--portal-paper)}
.site nav a{color:var(--portal-paper)}
body.portal-legal>main{background:var(--portal-paper);border:1px solid var(--portal-border);border-radius:22px;line-height:1.75;padding:26px;margin:24px auto;max-width:860px}
footer,.footer{background:var(--portal-purple);color:#ded4e6}
footer a,.footer a{color:var(--portal-gold)}
.sheet .body .sec,.sheet .body .qa,.sheet .body .tldr{max-width:70ch}
body.portal-legal main p,body.portal-legal main li{max-width:70ch}
html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark{--portal-cream:#17131d;--portal-paper:#27212f;--portal-text:#f1e9dc;--portal-border:#4d4257;--portal-muted:#c3b7ce}
html[data-theme="dark"] .tldr,body[data-theme="dark"] .tldr,html.dark .tldr,body.dark .tldr{background:#352c40}
@media(max-width:600px){.hero{padding:24px 20px 26px}.hero h1{font-size:30px}.card .body{padding:20px}.sheet .body{padding:22px 20px 30px}.sheet .body h1,.sheet .body h2{font-size:28px}.btn{padding:11px 15px}.qacts,.acts{gap:10px}.sheet .qacts .btn,.sheet .acts .btn{flex:1 1 140px}.site{padding:18px 20px}.site nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}body.portal-legal>main{margin:18px 12px;padding:22px 20px}.k td{overflow-wrap:anywhere}}
