/* ==========================================================================
   TP ATELIER — ESTILOS PROPIOS DEL TEMA
   Solo lo que la landing no tiene: las páginas de texto (la 404 y las
   que se escriban desde el editor). Todo sale de tokens.css.
   Este archivo NO se genera: se edita acá.
   ========================================================================== */

/* --- banda azul con el título ------------------------------------------
   Sube por debajo de la cabecera (que es transparente hasta que se hace
   scroll), así el azul arranca desde el borde de la pantalla, como en la
   home. */
.texto-cabeza{
  position:relative; overflow:hidden;
  margin-top:-76px;
  padding:calc(76px + clamp(52px, 7vw, 104px)) 0 clamp(40px, 5vw, 68px);
  color:var(--tpa-sobre);
  border-bottom:1px solid var(--tpa-laton-tenue);
}
.texto-cabeza .contenedor{ position:relative; z-index:10 }
.texto-cabeza h1{
  margin:0; max-width:22ch;
  font-family:var(--tpa-titular); font-weight:400;
  font-size:var(--tpa-d2); line-height:1.12; letter-spacing:-0.01em;
  color:var(--tpa-papel-alto);
}
.texto-fecha{
  margin:18px 0 0;
  font-size:var(--tpa-t3); color:var(--tpa-sobre-2);
}

/* --- el texto sobre papel ---------------------------------------------- */
.texto-cuerpo{ padding:clamp(48px, 6vw, 88px) 0 var(--tpa-sec) }

.prosa{ max-width:68ch; color:var(--tpa-tinta-2); line-height:1.72 }
.prosa > :first-child{ margin-top:0 }
.prosa p, .prosa ul, .prosa ol{ margin:0 0 1.1em }
.prosa h2{
  margin:2.3em 0 0.7em;
  font-family:var(--tpa-titular); font-weight:400;
  font-size:var(--tpa-d3); line-height:1.25; color:var(--tpa-tinta);
}
.prosa h3{
  margin:1.8em 0 0.5em;
  font-family:var(--tpa-texto); font-weight:600;
  font-size:var(--tpa-t2); color:var(--tpa-tinta);
}
.prosa ul, .prosa ol{ padding-left:1.3em }
.prosa li{ margin-bottom:0.45em }
.prosa li::marker{ color:var(--tpa-laton) }
.prosa strong{ font-weight:600; color:var(--tpa-tinta) }
.prosa a{
  color:var(--tpa-tinta);
  text-decoration:underline; text-decoration-color:var(--tpa-laton);
  text-underline-offset:3px;
}
.prosa a:hover{ text-decoration-thickness:2px }