.apr-indice{max-width:1100px;margin:0 auto;padding:40px 48px 80px;border-top:1px solid rgba(255,255,255,.06)}
.apr-indice__h{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.5rem;margin:32px 0 18px}
.apr-indice__temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px}
.apr-indice__temas a{background:#111;border:1px solid rgba(255,255,255,.06);padding:20px;color:#fff;text-decoration:none;font-family:'DM Serif Display',serif;font-size:1.1rem;display:flex;flex-direction:column;gap:6px;transition:border-color .3s}
.apr-indice__temas a:hover{border-color:var(--a)}
.apr-indice__temas span{font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--a)}
.apr-indice__cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px}
.apr-indice__cols h3{font-size:0.75rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}
.apr-indice__cols h3 a{color:var(--a);text-decoration:none}
.apr-indice__cols ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.apr-indice__cols li a{color:rgba(255,255,255,0.65);text-decoration:none;font-size:0.75rem;line-height:1.5}
.apr-indice__cols li a:hover{color:#fff}
@media(max-width:768px){.apr-indice{padding:32px 20px 60px}}