/* «¿Sabes mucho de algo?» (D-126), al final de /mundo. Hoja aparte y no en
   mundo.css: esa la carga también /colaborar, y allí esto no se pinta. Cada
   tema es un <details> (la página va sin JS): una fila por tema, y la ficha
   se abre justo debajo. En dos columnas, los grupos impares dejaban huecos.
   «Ya en marcha» (plan 4 de D-130): pastilla del color de la sección.
   Ninguna letra baja de 1rem. Tope 4 KB. */
.busca { display: grid; gap: var(--s-3); }
.busca-cab { background: var(--casa); color: var(--papel); border-radius: var(--r-lg); padding: var(--s-4); }
.busca-cab h2 { font-size: 1.5rem; margin-bottom: var(--s-2); }
.busca-cab p, .tema-ficha p { margin: 0; font-size: 1.1rem; }
.grupo { font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; color: var(--tinta-suave); }
.temas { display: grid; gap: var(--s-2); }
.tema summary { list-style: none; display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 2px var(--s-3); padding: var(--s-3); background: var(--papel); border: 2px solid var(--casa-tenue); border-bottom-width: 4px; border-radius: var(--r-md); cursor: pointer; }
.tema summary::-webkit-details-marker { display: none; }
.tema summary:focus-visible { outline: 3px solid var(--tinta); outline-offset: 2px; }
.tema summary:active { transform: translateY(2px); border-bottom-width: 2px; }
.tema svg { grid-row: span 2; width: 30px; height: 30px; fill: none; stroke: var(--casa); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tema b { font-size: 1.1rem; line-height: 1.15; }
.tema summary span, .ritmo { font-size: 1rem; line-height: 1.25; color: var(--tinta-suave); }
.tema[open] summary { background: var(--casa); border-color: var(--casa-hondo); color: var(--papel); }
.tema[open] svg { stroke: var(--papel); }
.tema[open] summary span { color: inherit; }
.tema-ficha { display: grid; gap: var(--s-2); padding: var(--s-3) 0 var(--s-2); }
.tema-ficha ul { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s-2); }
.tema-ficha li { background: var(--casa-suave); border-radius: var(--r-md); padding: var(--s-2) var(--s-3); font-size: 1.05rem; font-style: italic; }
.tema-ficha .btn { margin-top: var(--s-1); }
.busca-cab .btn { margin-top: var(--s-3); width: 100%; }
.en-marcha svg { grid-row: span 3; }
.marcha { grid-column: 2; justify-self: start; margin-top: 4px; background: var(--sec); color: var(--papel); font-style: normal; font-weight: 700; font-size: 1rem; line-height: 1.2; padding: 3px 10px; border-radius: 999px; }
.tema[open] .marcha { background: var(--papel); color: var(--sec); }
.tema-ficha .ya { background: color-mix(in srgb, var(--sec) 10%, var(--papel)); border-left: 5px solid var(--sec); border-radius: var(--r-md); padding: var(--s-2) var(--s-3); }
.tema-ficha .ya a { color: var(--sec); font-weight: 700; }
.gracias{margin:0;padding:var(--s-3) var(--s-4);border-left:4px solid var(--casa);border-radius:var(--r-md);background:var(--casa-suave);font-size:1.05rem;font-weight:600;line-height:1.45}
.gracias .ig-cifra{display:block;margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid color-mix(in srgb,var(--casa) 30%,transparent)}
.gracias .ig-cifra strong{font-size:1.3rem;font-weight:800;color:var(--casa);font-variant-numeric:tabular-nums}
.gracias .ig-cifra small{font-size:1rem;font-weight:400;color:var(--tinta-suave)}