/* Franja de razón social de la home — variante B aprobada por Juanan (2026-10-13).
   Solo tokens de base.css; todo acotado a .rs-franja para no tocar otras pantallas. */
.rs-franja { padding: var(--s-5) 0; background: var(--surface-alt); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.rs-franja-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: var(--s-4); align-items: start; }
.rs-franja .rs-eyebrow { display: block; font-size: var(--t-micro); letter-spacing: .08em; text-transform: uppercase; color: var(--brand); font-weight: 600; margin-bottom: 6px; }
.rs-franja .rs-nombre { font-size: var(--t-h3); line-height: 1.25; font-weight: 600; color: var(--ink); margin: 0; }
.rs-franja .rs-sub { font-size: var(--t-small); color: var(--ink-soft); margin: 2px 0 0; }
.rs-franja h4 { font-size: var(--t-micro); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); font-weight: 600; margin: 0 0 6px; }
.rs-franja p { margin: 0 0 4px; font-size: var(--t-small); color: var(--ink); }
.rs-franja .rs-link { font-size: var(--t-small); font-weight: 600; color: var(--brand); text-decoration: none; }
.rs-franja .rs-link:hover { color: var(--brand-hover); }
@media (max-width: 820px) { .rs-franja-grid { grid-template-columns: 1fr; gap: var(--s-3); } }