/* Guías de set (borrador, 9-oct-2026). Colores de la casa: crema #FAF3E7, marino #1A1A2E, azul #4770DB, rojo #DC143C. */
.guia-set .gs-cabecera { max-width: 820px; margin: 0 auto 2rem; }
.guia-set .gs-directa {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    line-height: 1.65;
    color: #1A1A2E;
    background: #FAF3E7;
    border: 1px solid rgba(26, 26, 46, 0.09);
    border-left: 4px solid #DC143C;
    border-radius: 12px;
    padding: 18px 22px;
    margin: 1rem 0 0;
}
.guia-set .gs-bloque { max-width: 820px; margin: 0 auto 2.5rem; }
.guia-set .gs-bloque h2 { font-size: 1.5rem; margin: 0 0 0.9rem; }
.guia-set .gs-bloque p, .guia-set .gs-lista { font-family: 'Inter', sans-serif; line-height: 1.7; }
.guia-set .gs-bloque a { color: #4770DB; }
.guia-set .gs-lista { padding-left: 1.2rem; margin: 0 0 1rem; }
.guia-set .gs-lista li { margin-bottom: 0.4rem; }
.guia-set .gs-nota { font-size: 0.85rem; color: rgba(26, 26, 46, 0.65); margin-top: 0.6rem; }
.guia-set .gs-tabla-envoltorio { overflow-x: auto; border: 1px solid rgba(26, 26, 46, 0.09); border-radius: 12px; background: #fff; }
.guia-set .gs-tabla { width: 100%; border-collapse: collapse; font-family: 'Inter', sans-serif; font-size: 0.95rem; }
.guia-set .gs-tabla th, .guia-set .gs-tabla td { padding: 10px 14px; text-align: left; border-bottom: 1px solid rgba(26, 26, 46, 0.09); vertical-align: top; }
.guia-set .gs-tabla tbody tr:last-child th, .guia-set .gs-tabla tbody tr:last-child td { border-bottom: 0; }
.guia-set .gs-tabla tbody th[scope="row"], .guia-set .gs-tabla thead th { font-weight: 600; color: #1A1A2E; }
.guia-set .gs-tabla thead th { background: #FAF3E7; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; }
.guia-set .gs-tabla .gs-este { background: rgba(71, 112, 219, 0.08); }
.guia-set .gs-solo-lectores { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 760px) {
    .guia-set .gs-directa { font-size: 1rem; padding: 14px 16px; }
    .guia-set .gs-tabla-datos { min-width: 480px; }
    .guia-set .gs-tabla-datos td, .guia-set .gs-tabla-datos th { white-space: nowrap; }
    .guia-set .gs-tabla-datos tbody th[scope="row"] { white-space: normal; min-width: 120px; }
    .guia-set .gs-tabla th, .guia-set .gs-tabla td { padding: 8px 10px; font-size: 0.88rem; }
}

/* Contenido siempre visible: la animación de entrada (scroll-reveal) no puede ocultar la FAQ ni la llamada final
   si el observador no llega a dispararse (impresión, lectores, bots, JS lento). */
.guia-set .reveal, .guia-set .fx-blur-in, .guia-set .stagger-reveal > * {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
}

/* Índice /sets/ */
.guia-set .gs-indice { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.guia-set .gs-indice li { margin: 0; }
.guia-set .gs-indice a { display: block; height: 100%; padding: 14px 16px; background: #fff; border: 1px solid rgba(26, 26, 46, 0.09); border-radius: 12px; text-decoration: none; color: #1A1A2E; font-family: 'Inter', sans-serif; }
.guia-set .gs-indice a:hover { border-color: #4770DB; }
.guia-set .gs-indice strong { display: block; font-size: 1rem; }
.guia-set .gs-indice span { display: block; font-size: 0.85rem; color: rgba(26, 26, 46, 0.7); margin-top: 4px; }

/* Diseno A: tablas de datos sin recorte en movil (envuelven el texto en vez de exigir scroll horizontal) */
@media (max-width: 760px) {
    .guia-set .gs-tabla-datos { min-width: 0; table-layout: auto; }
    .guia-set .gs-tabla-datos td, .guia-set .gs-tabla-datos th { white-space: normal; overflow-wrap: anywhere; }
    .guia-set .gs-tabla thead th { font-size: 0.7rem; letter-spacing: 0.03em; }
}