.oc-indice{background:var(--oc-fondo);min-height:100vh;color:var(--oc-texto);padding:4rem 1.25rem}.oc-indice__cabecera{text-align:center;max-width:680px;margin:0 auto 3.5rem}.oc-indice__cabecera h1{margin-top:1rem}.oc-indice h2{font-size:var(--p-t3);text-transform:uppercase;letter-spacing:.1em;color:var(--oc-texto-suave);margin-bottom:1.25rem}.oc-indice__lista{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:0 0 3rem;padding:0;list-style:none;display:grid}.oc-indice__item{gap:.35rem;height:100%;text-decoration:none;transition:border-color .15s;display:grid}.oc-indice__item:hover{border-color:var(--p-accion)}.oc-indice__item strong{font-family:var(--oc-fuente-titulo), sans-serif;font-size:var(--p-cuerpo-lg)}.oc-indice__item span{color:var(--oc-texto-suave);font-size:var(--p-sm)}.oc-indice__item em{font-style:normal;font-size:var(--p-sm);color:var(--oc-acento);font-weight:700}.oc-indice__como{max-width:820px;margin:1rem auto 0}.oc-indice__como dl{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:0;display:grid}.oc-indice__como dl>div{border:1px solid var(--p-linea);border-radius:var(--p-radio-sm);padding:1rem 1.25rem}.oc-indice__como dt{margin-bottom:.35rem;font-weight:700}.oc-indice__como dd{color:var(--oc-texto-suave);font-size:var(--p-sm);margin:0;line-height:1.55}