/* Bloque explicativo de cada herramienta: qué es, para quién, cómo funciona, preguntas frecuentes. */
.explica{max-width:52rem;margin:3.4rem 0 0;padding-top:1.6rem;border-top:1px solid var(--bronce,rgba(128,128,128,.5));font-family:'Archivo',system-ui,sans-serif;font-weight:500;font-size:1.05rem;line-height:1.6;color:inherit;text-align:left}
.explica .miga{font-size:.78rem;margin:0 0 1.2rem;opacity:.85}
.explica .miga a{border-bottom:0;display:inline-flex;align-items:center;min-height:44px}
.explica h2{font-weight:800;font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.12;margin:0 0 .8rem;letter-spacing:0}
.explica h3{font-family:'Space Mono','Archivo',system-ui,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;margin:1.8rem 0 .5rem;opacity:.8}
.explica p{margin:.3rem 0 .8rem;max-width:64ch;font-size:inherit;color:inherit}
.explica ol,.explica ul{margin:.3rem 0 .8rem;padding-left:1.3rem;max-width:64ch}
.explica li{margin:.35rem 0}
.explica details{border-top:1px solid var(--bronce,rgba(128,128,128,.4));padding:.1rem 0}
.explica details:last-of-type{border-bottom:1px solid var(--bronce,rgba(128,128,128,.4))}
.explica summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;list-style-position:inside}
.explica details p{margin:.1rem 0 1rem}
.explica a{color:inherit;border-bottom:1px solid var(--bronce,currentColor)}
.explica a:focus-visible,.explica summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}