/* relatos.css — elementos nuevos de las páginas de relato, índice y verificación.
   Colores de marca: acento #e11d48 · fondo #09090b · fondo 2 #1c1c1e · texto #fafafa */
:root{--gp-acento:#e11d48;--gp-fondo:#09090b;--gp-fondo2:#1c1c1e;--gp-texto:#fafafa;--gp-suave:#a1a1aa}
.portada{margin:1.25rem 0;border-radius:10px;overflow:hidden;background:var(--gp-fondo2)}
.portada img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 30%}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:2rem 0}
.galeria img{width:100%;height:auto;border-radius:8px;display:block;background:var(--gp-fondo2)}
.idiomas{margin-top:1.5rem;color:var(--gp-suave);font-size:.95rem}
.idiomas a{color:var(--gp-acento)}
.volver{margin-top:2rem}
.anuncios{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin:2.5rem auto;max-width:720px;padding:0 16px}
.anuncio{width:100%;display:flex;justify-content:center}
.indice{max-width:1100px;margin:0 auto;padding:1.5rem 16px}
.indice .intro{color:var(--gp-suave)}
.filtros{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}
.filtros button{background:var(--gp-fondo2);color:var(--gp-texto);border:1px solid #3f3f46;border-radius:999px;padding:.4rem .9rem;font:inherit;cursor:pointer}
.filtros button[aria-pressed="true"]{background:var(--gp-acento);border-color:var(--gp-acento)}
.tarjetas{list-style:none;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.tarjeta{background:var(--gp-fondo2);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.tarjeta[hidden]{display:none}
.tarjeta a{color:var(--gp-texto);text-decoration:none;display:flex;flex-direction:column}
.tarjeta img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.t-titulo{font-weight:700;padding:.8rem .9rem .2rem;line-height:1.3}
.tarjeta a:hover .t-titulo{color:var(--gp-acento)}
.t-titulo[hidden]{display:none}
.t-meta{color:var(--gp-suave);font-size:.85rem;padding:0 .9rem .5rem}
.t-langs{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .9rem .9rem;margin-top:auto}
.t-langs a{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--gp-suave);border:1px solid #3f3f46;border-radius:999px;padding:.15rem .55rem;text-decoration:none}
.t-langs a:hover,.t-langs a.activo{color:var(--gp-texto);border-color:var(--gp-acento)}
.verificacion{max-width:480px;margin:12vh auto;padding:2rem 16px;text-align:center}
.verificacion form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.verificacion button.boton{border:0;cursor:pointer;font:inherit}
.boton.secundario{background:var(--gp-fondo2)}