/* Páginas de texto (políticas, datos, contacto, 404).
   El título va con la tipografía de interfaz en peso alto: la Bodoni, blanca sobre el azul y a
   tamaño grande, se veía demasiado delgada para leer cómodo (corrección de Cris, 17-sep). */
.txt-cab{background:var(--gradiente);color:var(--blanco);padding:clamp(130px,16vh,170px) 0 56px}
.txt-cab .etiqueta{color:var(--celeste)}
.txt-cab h1{font-family:var(--ui);font-weight:800;letter-spacing:-.035em;font-size:clamp(32px,5.2vw,52px);line-height:1.04;margin:10px 0 14px;max-width:20ch}
.txt-cab p{margin:0;max-width:58ch;font-size:clamp(16px,1.6vw,18px);line-height:1.6;color:oklch(1 0 0 / .82)}

/* Índice de la página */
.txt-indice{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.txt-indice a{display:inline-block;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;
  text-decoration:none;color:var(--blanco);background:var(--vidrio);border:1px solid var(--vidrio-borde)}
.txt-indice a:hover{background:oklch(1 0 0 / .22)}

.txt{padding:52px 0 96px;color:var(--tinta)}
.txt-cuerpo{max-width:74ch}

/* Resumen de arriba */
.txt-resumen{margin:0 0 44px;padding:26px 28px;border-radius:20px;background:var(--cielo);border:1px solid var(--sobre-2)}
.txt-resumen h2{margin:0 0 14px;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--real)}
.txt-resumen ul{margin:0;padding-left:20px}
.txt-resumen li{margin-bottom:10px;line-height:1.65;color:var(--tinta)}
.txt-resumen li:last-child{margin-bottom:0}

.txt-cuerpo h2{font-size:clamp(21px,2.6vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.2;
  margin:48px 0 12px;color:var(--noche-2);scroll-margin-top:110px}
.txt-cuerpo h2:first-child{margin-top:0}
.txt-cuerpo h3{font-size:18px;font-weight:700;margin:26px 0 8px;color:var(--noche-2)}
.txt-cuerpo p{margin:0 0 16px;font-size:17px;line-height:1.75;color:var(--tinta)}
.txt-cuerpo ul{margin:0 0 18px;padding-left:22px}
.txt-cuerpo li{margin-bottom:11px;font-size:17px;line-height:1.7;color:var(--tinta)}
.txt-cuerpo li::marker{color:var(--real)}
.txt-cuerpo strong{font-weight:700;color:var(--noche)}
.txt-cuerpo a{color:var(--real);font-weight:600;text-underline-offset:3px}
.txt-cuerpo hr{border:0;border-top:1px solid var(--sobre-2);margin:44px 0}
.txt-fecha{font-size:15px;color:var(--tinta-2);margin-top:44px}

/* Aviso dentro del texto */
.txt-aviso{margin:0 0 18px;padding:18px 20px;border-radius:16px;background:var(--cielo-2);font-size:16px;line-height:1.65}

/* Tarjetas de contacto */
.txt-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:14px;margin:0 0 38px}
.txt-tarjeta{padding:22px;border-radius:18px;background:var(--cielo);border:1px solid var(--sobre-2)}
.txt-tarjeta h3{margin:0 0 6px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--real)}
.txt-tarjeta p{margin:0;font-size:16px;line-height:1.6;color:var(--tinta)}
.txt-tarjeta a{font-weight:700;color:var(--noche-2)}

/* 404 y llamados a la acción */
.txt-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Botón de contorno sobre fondo claro (el sitio solo traía azul, blanco y vidrio) */
.btn-borde{background:transparent;border-color:var(--sobre-2);color:var(--noche-2)}
.btn-borde:hover{background:var(--cielo);border-color:var(--real);color:var(--real)}

@media (max-width:640px){
  .txt{padding:40px 0 72px}
  .txt-cuerpo h2{margin-top:38px}
  .txt-resumen{padding:22px 20px}
}