/* Portada: "Hoy en el MMP", preguntas frecuentes y contacto */
.hoy-head{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}
.hoy-fecha{font-family:var(--display);font-size:1.25rem;background:var(--ink);color:#fff;padding:4px 18px;transform:rotate(-1.5deg)}
.hoy-fecha::first-letter{text-transform:uppercase}
.hoy-lista{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}
.hoy-ev{display:flex;flex-direction:column;background:#fff;border:var(--line) solid var(--ink);box-shadow:var(--shadow);position:relative}
.hoy-ev:nth-child(odd){transform:rotate(-.8deg)}
.hoy-ev:nth-child(even){transform:rotate(.7deg)}
.h-time{background:var(--ink);color:var(--yellow);font-family:var(--display);font-size:1.35rem;padding:10px 16px;border-bottom:var(--line) solid var(--ink)}
.h-main{padding:14px 16px 18px;display:grid;gap:8px;align-content:start;flex:1}
.h-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.h-tag{font-family:var(--display);font-size:.9rem;background:var(--violet);color:#fff;padding:2px 10px}
.hoy-ev.t-showcase{background:var(--yellow)}
.hoy-ev.t-showcase .h-tag{background:var(--ink)}
.hoy-ev.t-rueda .h-tag,.hoy-ev.t-inauguracion .h-tag{background:var(--magenta)}
.hoy-ev h3{font-size:1.25rem;line-height:1.12}
.h-lugar{font-weight:800;font-size:.92rem}
.h-art{font-weight:700;font-size:.9rem;line-height:1.4}
.h-estado{font-family:var(--display);font-size:.9rem;padding:2px 10px;border:3px solid var(--ink)}
.e-ahora{background:var(--magenta);color:#fff}
.e-sigue{background:var(--yellow);color:var(--ink)}
.e-pasado{background:#ddd;color:#555}
.hoy-ev.ahora{box-shadow:10px 10px 0 var(--magenta),10px 10px 0 4px var(--ink)}
.hoy-ev.pasado{opacity:.6;filter:grayscale(.5)}

.faq-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:start}
.faq{margin-top:26px;display:grid;gap:14px}
.faq-item{background:#fff;border:var(--line) solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.faq-item summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:1.2rem;line-height:1.2;padding:14px 56px 14px 18px;position:relative;color:var(--violet)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:14px;top:50%;translate:0 -50%;width:30px;height:30px;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);color:var(--ink);font-family:var(--display);font-size:1.3rem;line-height:1}
.faq-item[open] summary::after{content:"–";background:var(--magenta);color:#fff}
.faq-item p{padding:0 18px 18px;font-weight:700}
.contacto{background:var(--yellow);border:var(--line) solid var(--ink);box-shadow:var(--shadow);padding:26px 24px 28px;display:grid;gap:14px;justify-items:start;transform:rotate(1deg);position:sticky;top:96px}
.contacto h3{font-size:2.2rem;color:var(--violet);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}
.contacto p{font-weight:800}
.contacto .cta{margin-top:0;font-size:1.05rem;padding:10px 20px;overflow-wrap:anywhere}
.contacto .cta.alt{background:#fff}
.redes{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.redes a{display:inline-block;font-family:var(--display);text-decoration:none;background:var(--ink);color:#fff;padding:5px 16px;border:3px solid var(--ink);transition:transform .12s}
.redes a:hover{transform:translate(2px,2px);background:var(--magenta)}

@media (max-width:960px){.faq-wrap{grid-template-columns:1fr}.contacto{position:static}}
@media (max-width:560px){.hoy-lista{grid-template-columns:1fr}.hoy-ev:nth-child(n){transform:none}}