/* Novación · hoja de estilo del sitio
   Layout: hoja membretada que se abre como expediente. Columna de lectura sobre Papel,
   una carátula de expediente en la portada, sellos de doble filete como marcadores
   y una sola banda de Tinta para el estándar ante prestamistas.
   Un solo aspecto (claro), elegido a propósito: la marca vive sobre Papel. */

:root {
  color-scheme: light;

  /* Color: tokens de marca (marca/novacion/tokens.json) */
  --tinta: #13233A;          /* texto, marca, bandas oscuras */
  --tinta-hover: #1E3554;
  --papel: #F6F2E9;          /* fondo de página */
  --marfil: #ECE5D6;         /* bandas */
  --hoja: #FBF9F4;           /* documentos, tarjetas */
  --laton: #A8874F;          /* solo gráfico sobre Papel (3.01:1) */
  --laton-claro: #C9AB72;    /* acento sobre Tinta (7.19:1) */
  --laton-texto: #7C6233;    /* texto de acento sobre Papel (5.15:1) */
  --grafito: #4F5A6B;        /* texto secundario (6.25:1) */
  --linea: #D9D1BF;          /* filetes */
  --linea-fuerte: #C4B89E;   /* filetes sobre Marfil */
  --linea-noche: #2E4060;    /* filetes sobre Tinta */
  --hueso: #EFE9DC;          /* texto sobre Tinta */
  --niebla: #B4BDCB;         /* texto secundario sobre Tinta */
  --lacre: #9E2B25;          /* alertas (borrador) */
  --lacre-fondo: #F7E9E4;

  /* Tipografía */
  --serif: "EB Garamond", Garamond, "Times New Roman", serif;
  --sans: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --t-portada: clamp(2.25rem, 1.55rem + 3vw, 3.25rem);   /* 36 → 52 */
  --t-h1: clamp(2rem, 1.5rem + 2.2vw, 2.625rem);         /* 32 → 42 */
  --t-h2: clamp(1.75rem, 1.45rem + 1.3vw, 2.0625rem);    /* 28 → 33 */
  --t-h3g: clamp(1.4375rem, 1.3rem + .6vw, 1.625rem);    /* 23 → 26 */
  --t-h3: 1.3125rem;                                     /* 21 */
  --t-entrada: clamp(1.125rem, 1.03rem + .45vw, 1.3125rem); /* 18 → 21 */
  --t-cuerpo: 1.0625rem;                                 /* 17 */
  --t-chico: .875rem;                                    /* 14 */
  --t-ceja: .75rem;                                      /* 12 */

  /* Medidas */
  --medida: 40rem;   /* ~65 caracteres */
  --ancho: 72rem;
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/eb-garamond-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/assets/fonts/source-sans-3-latin.woff2") format("woff2");
}

/* Base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--sans);
  font-size: var(--t-cuerpo);
  line-height: 1.55;
  font-kerning: normal;
  overflow-wrap: break-word;
}
img, svg { max-width: 100%; }
img { display: block; height: auto; }
h1, h2, h3 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.01em;
  text-wrap: balance;
}
p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul[class], ol[class] { list-style: none; padding: 0; }
strong { font-weight: 600; }

a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-color: var(--laton);
}
a:hover { text-decoration-color: currentColor; }
:focus-visible { outline: 3px solid var(--laton-texto); outline-offset: 3px; }
.banda-tinta :focus-visible, .pie :focus-visible { outline-color: var(--laton-claro); }
[id] { scroll-margin-top: 1.5rem; }

.saltar {
  position: absolute;
  left: max(16px, env(safe-area-inset-left, 0px));
  top: -6rem;
  z-index: 10;
  padding: .75rem 1rem;
  background: var(--tinta);
  color: var(--papel);
  font-weight: 600;
}
.saltar:focus { top: .75rem; }

.envoltura {
  width: 100%;
  max-width: var(--ancho);
  margin-inline: auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
@media (min-width: 40em) {
  .envoltura {
    padding-left: max(32px, env(safe-area-inset-left, 0px));
    padding-right: max(32px, env(safe-area-inset-right, 0px));
  }
}

.ceja {
  font-size: var(--t-ceja);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--laton-texto);
}
.banda-tinta .ceja, .pie .ceja { color: var(--laton-claro); }

.icono { width: 1.125rem; height: 1.125rem; flex: none; }

/* Cabecera */
.cabecera { border-bottom: 1px solid var(--linea); }
.cabecera__fila {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem 2rem;
  padding-block: 1rem .5rem;
}
.cabecera__marca { flex: none; display: block; }
.cabecera__marca img { height: 32px; width: auto; }
.cabecera nav { flex-basis: 100%; }
.nav { display: flex; flex-wrap: wrap; gap: 0 1.5rem; font-size: .9375rem; font-weight: 600; }
.nav a {
  display: inline-block;
  padding-block: .625rem;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.nav a:hover { border-bottom-color: var(--laton); }
.nav a[aria-current="page"] { border-bottom-color: var(--tinta); }
@media (min-width: 46em) {
  .cabecera__fila { padding-block: 1.25rem; }
  .cabecera__marca img { height: 36px; }
  .cabecera nav { flex-basis: auto; }
  .nav { gap: 0 2rem; }
}

/* Botones */
.acciones { display: flex; flex-wrap: wrap; gap: .75rem; }
.boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 48px;
  padding: .75rem 1.25rem;
  border: 1px solid var(--tinta);
  border-radius: 2px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.boton--primario { background: var(--tinta); color: var(--papel); }
.boton--primario:hover { background: var(--tinta-hover); border-color: var(--tinta-hover); }
.boton--secundario { background: transparent; color: var(--tinta); }
.boton--secundario:hover { background: var(--marfil); }

.enlace-fuerte {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  text-decoration-color: var(--laton);
}
.banda-tinta .enlace-fuerte { color: var(--papel); text-decoration-color: var(--laton-claro); }

/* Secciones */
.seccion { padding-block: clamp(3.5rem, 7vw, 6rem); }
.seccion--borde { border-top: 1px solid var(--linea); }
.seccion--marfil { background: var(--marfil); }
.banda-tinta { background: var(--tinta); color: var(--hueso); }
.seccion > .envoltura { display: grid; gap: clamp(2rem, 4vw, 3rem); }
.encabezado { display: grid; gap: .875rem; max-width: var(--medida); }
.encabezado h2 { font-size: var(--t-h2); }
.encabezado__texto { color: var(--grafito); }
.banda-tinta h2, .banda-tinta h3 { color: var(--papel); }
.banda-tinta .encabezado__texto { color: var(--niebla); }

/* Portada */
.portada { padding-block: clamp(2.5rem, 6vw, 5rem) clamp(3.5rem, 7vw, 6rem); }
.portada__rejilla { display: grid; gap: 3rem; align-items: center; }
.portada__texto { display: grid; gap: 1.25rem; min-width: 0; }
.portada h1 { font-size: var(--t-portada); line-height: 1.04; max-width: 15em; }
.entrada { font-size: var(--t-entrada); line-height: 1.5; max-width: 34em; }
.portada__nota {
  max-width: 36em;
  padding-top: 1rem;
  border-top: 1px solid var(--linea);
  font-size: var(--t-chico);
  color: var(--grafito);
}
.portada .acciones { padding-block: .25rem; }
@media (min-width: 60em) {
  .portada__rejilla { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 4rem; }
}

/* Carátula de expediente (ilustrativa) */
.caratula { position: relative; width: 100%; max-width: 30rem; justify-self: center; min-width: 0; }
.caratula__pila { position: relative; padding: 0 10px 10px 0; }
.caratula__pila::before {
  content: "";
  position: absolute;
  inset: 10px 0 0 10px;
  background: var(--marfil);
  border: 1px solid var(--linea-fuerte);
}
.caratula__hoja {
  position: relative;
  display: grid;
  gap: 1rem;
  padding: 1.5rem 1.375rem 1.25rem;
  background: var(--hoja);
  border: 1px solid var(--tinta);
  box-shadow: inset 0 0 0 5px var(--hoja), inset 0 0 0 6px var(--laton);
}
.caratula__encabezado {
  display: flex;
  align-items: center;
  gap: .875rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--linea);
}
.caratula__sello { width: 44px; height: 44px; flex: none; }
.caratula__tipo { font-size: var(--t-ceja); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--grafito); }
.caratula__empresa { font-family: var(--serif); font-size: var(--t-h3); font-weight: 500; line-height: 1.2; }
.caratula__datos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; }
.caratula__datos dt { font-size: var(--t-ceja); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--grafito); }
.caratula__datos dd { font-weight: 600; line-height: 1.3; }
.caratula__indice { border-top: 1px solid var(--linea); }
.caratula__indice li {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr) auto;
  gap: 0 .625rem;
  align-items: baseline;
  padding-block: .5rem;
  border-bottom: 1px dotted var(--linea-fuerte);
}
.caratula__num { font-family: var(--serif); font-size: 1.0625rem; color: var(--laton-texto); }
.caratula__seccion { font-weight: 600; line-height: 1.3; font-size: .9375rem; }
.caratula__fuente { grid-column: 2; font-size: .8125rem; color: var(--grafito); line-height: 1.35; }
.caratula__indice .icono { grid-column: 3; grid-row: 1; align-self: center; width: 1rem; height: 1rem; color: var(--laton); }
.caratula__pie { display: flex; gap: .5rem; align-items: flex-start; font-size: .8125rem; color: var(--grafito); line-height: 1.4; }
.caratula__pie .icono { color: var(--laton); width: 1rem; height: 1rem; margin-top: .1em; }
.caratula figcaption { margin-top: .75rem; font-size: var(--t-ceja); color: var(--grafito); letter-spacing: .02em; }

/* Problema: cuatro preguntas */
.problema__rejilla { display: grid; gap: 2rem; }
.problema__intro { display: grid; gap: 1rem; align-content: start; min-width: 0; }
.problema__intro h2 { font-size: var(--t-h2); }
.problema__intro p { color: var(--grafito); max-width: var(--medida); }
.preguntas { border-top: 1px solid var(--tinta); min-width: 0; }
.preguntas li { display: grid; gap: .375rem; padding-block: 1.25rem; border-bottom: 1px solid var(--linea); }
.preguntas h3 { font-size: var(--t-h3g); }
.preguntas p { color: var(--grafito); max-width: 34em; }
@media (min-width: 40em) {
  .preguntas li { grid-template-columns: minmax(0, 13rem) minmax(0, 1fr); gap: 1.5rem; align-items: baseline; }
}
@media (min-width: 60em) {
  .problema__rejilla { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 4rem; }
}

/* Cómo trabajamos */
.previo {
  display: flex;
  gap: 1rem;
  align-items: center;
  max-width: 46rem;
  padding: 1rem 1.25rem;
  background: var(--hoja);
  border: 1px solid var(--linea);
}
.previo img { width: 36px; height: 36px; flex: none; }
.previo p { min-width: 0; }
.pasos { display: grid; gap: 2.5rem 2rem; }
.paso { display: grid; gap: .75rem; align-content: start; padding-top: 1.25rem; border-top: 1px solid var(--tinta); min-width: 0; }
.paso__numero {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--tinta);
  box-shadow: inset 0 0 0 3px var(--papel), inset 0 0 0 4px var(--laton);
  font-family: var(--serif);
  font-size: 1.375rem;
  line-height: 1;
}
.paso h3 { font-size: var(--t-h3g); }
.paso p { color: var(--grafito); }
.paso__recibes { padding-top: .75rem; border-top: 1px dotted var(--linea-fuerte); font-size: var(--t-chico); }
.paso p.paso__recibes { color: var(--tinta); }
.paso__recibes strong { display: block; font-size: var(--t-ceja); letter-spacing: .12em; text-transform: uppercase; color: var(--laton-texto); }
.nota-pasos { max-width: var(--medida); font-family: var(--serif); font-size: var(--t-h3); line-height: 1.35; }
@media (min-width: 40em) {
  .pasos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* subgrid: número, título, texto y "Recibes" quedan alineados entre columnas */
  .paso { grid-row: span 4; grid-template-rows: subgrid; row-gap: .75rem; }
}
@media (min-width: 64em) { .pasos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Tipos de crédito */
.tipos { display: grid; column-gap: 2.5rem; }
.tipo { display: grid; gap: .5rem; align-content: start; padding-block: 1.5rem; border-top: 1px solid var(--linea-fuerte); min-width: 0; }
.tipo h3 { font-size: var(--t-h3); }
.tipo p { color: var(--grafito); }
.nota-tipos { display: grid; gap: .5rem; max-width: var(--medida); font-size: var(--t-chico); color: var(--grafito); }
.nota-tipos strong { color: var(--tinta); }
@media (min-width: 40em) { .tipos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .tipos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Estándar para prestamistas (banda de Tinta) */
.estandar { display: grid; column-gap: 2.5rem; }
.estandar li { display: grid; gap: .5rem; align-content: start; padding-block: 1.5rem; border-top: 1px solid var(--linea-noche); min-width: 0; }
.estandar h3 { font-size: var(--t-h3); }
.estandar p { color: var(--niebla); }
@media (min-width: 40em) { .estandar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .estandar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Confidencialidad e integridad */
.confianza__rejilla { display: grid; gap: 2.5rem 4rem; }
.confianza__grupo { display: grid; align-content: start; min-width: 0; }
.confianza__grupo h3 { font-size: var(--t-h3g); padding-bottom: .875rem; border-bottom: 1px solid var(--tinta); }
.marcas li {
  display: grid;
  grid-template-columns: 1.125rem minmax(0, 1fr);
  gap: .875rem;
  align-items: start;
  padding-block: .875rem;
  border-bottom: 1px solid var(--linea);
}
.marcas .icono { color: var(--laton); margin-top: .2em; }
@media (min-width: 60em) { .confianza__rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Cómo cobramos: una cláusula */
.clausula {
  display: grid;
  gap: 1.75rem;
  padding: clamp(1.75rem, 4vw, 3rem);
  background: var(--hoja);
  border: 1px solid var(--tinta);
  box-shadow: inset 0 0 0 6px var(--hoja), inset 0 0 0 7px var(--laton);
}
.clausula__cabeza { display: grid; gap: 1rem; align-content: start; min-width: 0; }
.clausula__texto { font-family: var(--serif); font-size: var(--t-h1); line-height: 1.12; font-weight: 500; text-wrap: balance; }
.clausula__texto span { display: block; color: var(--laton-texto); }
.clausula .marcas { min-width: 0; border-top: 1px solid var(--linea); }
@media (min-width: 60em) {
  .clausula { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 3.5rem; align-items: start; }
}

/* Llamado final */
.cta__rejilla { display: grid; gap: 1.75rem; align-items: end; }
.cta__texto { display: grid; gap: .875rem; max-width: var(--medida); min-width: 0; }
.cta__texto h2 { font-size: var(--t-h1); }
.cta__texto p { color: var(--grafito); }
.cta .acciones { display: grid; min-width: 0; }
@media (min-width: 60em) {
  .cta__rejilla { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 3rem; }
}

/* Pie */
.pie { background: var(--tinta); color: var(--hueso); padding-block: 3rem 2.5rem; font-size: var(--t-chico); }
.pie__rejilla { display: grid; gap: 2rem; }
.pie__marca { display: grid; gap: 1rem; align-content: start; }
.pie__marca img { height: 32px; width: auto; }
.pie__marca p { color: var(--niebla); max-width: 26em; }
.pie__grupo { display: grid; gap: .625rem; align-content: start; min-width: 0; }
.pie__grupo ul { display: grid; gap: .25rem; list-style: none; padding: 0; }
.pie a { color: var(--papel); text-decoration-color: var(--laton-claro); }
.pie__grupo a { display: inline-block; padding-block: .25rem; }
.pie__legal { display: grid; gap: .5rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--linea-noche); color: var(--niebla); }
.pie__legal p { max-width: 52em; }
@media (min-width: 40em) { .pie__rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 60em) { .pie__rejilla { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); } }

/* Páginas interiores */
.cabeza-pagina { padding-block: clamp(2.5rem, 6vw, 4.5rem); border-bottom: 1px solid var(--linea); }
.cabeza-pagina .envoltura { display: grid; gap: 1.25rem; }
.cabeza-pagina h1 { font-size: var(--t-h1); max-width: 22em; }

/* Para prestamistas */
.documento { display: grid; gap: 2.5rem; padding-block: clamp(3rem, 6vw, 5rem); }
.indice-lateral { display: grid; gap: .75rem; align-self: start; min-width: 0; }
.indice-lateral ol { list-style: none; padding: 0; border-top: 1px solid var(--tinta); }
.indice-lateral li { border-bottom: 1px solid var(--linea); }
.indice-lateral a { display: block; padding-block: .5rem; text-decoration: none; color: var(--grafito); font-weight: 600; font-size: .9375rem; }
.indice-lateral a:hover { color: var(--tinta); text-decoration: underline; text-decoration-color: var(--laton); }
.documento__cuerpo { display: grid; min-width: 0; }
.norma { display: grid; gap: 1rem; padding-block: 2rem; border-top: 1px solid var(--linea); max-width: 46rem; }
.norma:first-child { border-top: 1px solid var(--tinta); padding-top: 1.5rem; }
.norma h2 { font-size: var(--t-h3g); }
.norma > p { max-width: var(--medida); }
.puntos { display: grid; gap: .625rem; max-width: var(--medida); }
.puntos li { position: relative; padding-left: 1.375rem; }
.puntos li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: .4375rem;
  height: .4375rem;
  border: 1px solid var(--laton-texto);
  background: var(--laton);
}
.aclaracion { font-size: var(--t-chico); color: var(--grafito); max-width: var(--medida); }
.norma--politica {
  margin-block: 1rem;
  padding: clamp(1.5rem, 4vw, 2.25rem);
  background: var(--hoja);
  border: 1px solid var(--tinta);
  box-shadow: inset 0 0 0 5px var(--hoja), inset 0 0 0 6px var(--laton);
}
.norma--politica + .norma { border-top: 0; }
.expediente-lista { display: grid; max-width: 46rem; border-top: 1px solid var(--tinta); }
.expediente-lista li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .75rem;
  padding-block: .875rem;
  border-bottom: 1px solid var(--linea);
}
.expediente-lista .caratula__num { font-size: 1.25rem; line-height: 1.2; }
@media (min-width: 60em) {
  .documento { grid-template-columns: 14rem minmax(0, 1fr); gap: 4rem; }
  .indice-lateral { position: sticky; top: 1.5rem; }
}

/* Contacto */
.contacto__rejilla { display: grid; gap: 3rem; padding-block: clamp(3rem, 6vw, 5rem); }
.medios { display: grid; align-content: start; min-width: 0; }
.medio { display: grid; gap: .375rem; padding-block: 1.25rem; border-top: 1px solid var(--tinta); }
.medio:last-child { border-bottom: 1px solid var(--linea); }
.medio__dato { font-family: var(--serif); font-size: clamp(1.4375rem, 1.15rem + 1.3vw, 2.0625rem); line-height: 1.2; overflow-wrap: anywhere; }
.medio__nota { font-size: var(--t-chico); color: var(--grafito); }
.guia { display: grid; gap: 2.5rem; min-width: 0; }
.guia section { display: grid; gap: 1rem; }
.guia h2 { font-size: var(--t-h3g); }
.secuencia { display: grid; gap: 1rem; max-width: var(--medida); }
.secuencia li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: .875rem; align-items: start; }
.secuencia .paso__numero { width: 2.25rem; height: 2.25rem; font-size: 1.125rem; }
@media (min-width: 60em) { .contacto__rejilla { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 5rem; } }

/* Aviso de privacidad */
.borrador {
  display: grid;
  gap: .375rem;
  padding: 1rem 1.25rem;
  background: var(--lacre-fondo);
  border: 1px solid var(--lacre);
  color: var(--lacre);
  max-width: 46rem;
}
.borrador strong { font-size: var(--t-ceja); letter-spacing: .16em; text-transform: uppercase; }
.borrador p { color: var(--tinta); }
.prosa { display: grid; gap: 3rem; max-width: var(--medida); padding-block: clamp(3rem, 6vw, 4.5rem); }
.prosa section { display: grid; gap: 1rem; }
.prosa h2 { font-size: var(--t-h3g); }
.prosa h3 { font-family: var(--sans); font-size: 1.0625rem; font-weight: 700; letter-spacing: 0; line-height: 1.4; }
.prosa ul:not([class]) { padding-left: 1.25rem; display: grid; gap: .5rem; }
.prosa ol:not([class]) { padding-left: 1.5rem; display: grid; gap: .5rem; list-style: lower-alpha; }
.prosa li::marker { color: var(--laton-texto); }
.revision {
  padding: .875rem 1rem;
  border: 1px dashed var(--grafito);
  background: var(--hoja);
  font-size: var(--t-chico);
  color: var(--grafito);
}
.revision strong { color: var(--lacre); }
.transferencias { display: grid; border-top: 1px solid var(--tinta); }
.transferencia { display: grid; gap: .5rem; padding-block: 1rem; border-bottom: 1px solid var(--linea); }
.transferencia h3 { font-size: 1.0625rem; }
.transferencia dl { display: grid; gap: .375rem; }
.transferencia dl div { display: grid; gap: .125rem; }
.transferencia dt { font-size: var(--t-ceja); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--grafito); }
@media (min-width: 40em) {
  .transferencia dl div { grid-template-columns: 11rem minmax(0, 1fr); gap: 1rem; }
}
.fecha { font-size: var(--t-chico); color: var(--grafito); }

/* 404 */
.error { padding-block: clamp(4rem, 10vw, 7rem); }
.error .envoltura { display: grid; gap: 1.25rem; }
.error h1 { font-size: var(--t-h1); }
.error p { max-width: var(--medida); color: var(--grafito); }

/* Cambio de idioma (English / Español) */
.nav { align-items: center; }
.nav__idioma a {
  border: 1px solid var(--laton);
  padding: .375rem .75rem;
  border-radius: 2px;
  letter-spacing: .02em;
}
.nav__idioma a:hover { background: var(--laton); color: var(--tinta); }

/* Video */
.video-sec__rejilla { align-items: center; }
.video-sec__texto { display: grid; gap: .75rem; max-width: 34rem; }
.video-sec__texto h2 { font-size: var(--t-h2); }
.video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: var(--tinta); border: 1px solid var(--linea-fuerte); }
@media (min-width: 60rem) {
  .video-sec__rejilla { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
}