/* testimonios.css — /testimonios y la franja de la portada (026). Tokens de .fn (sitio.css) y dibujitos de fn-dibujos.css.
   Pares de color medidos en tests/contraste.py. */
.tes-heroe { text-align: center; padding-top: clamp(1.5rem, 5vw, 4rem); }
.tes-heroe h1 { text-transform: none; font-size: clamp(2rem, 1.2rem + 3vw, 3rem); line-height: 1.15; }
.tes-heroe .fn-sub { max-width: 620px; margin-inline: auto; }
.tes-heroe .fn-boton-fila { justify-content: center; }
.tes-vacio { text-align: center; max-width: 680px; margin-inline: auto; }

/* Las tarjetas: columnas que se acomodan solas (un testimonio largo no deja huecos), cada una con su color y comillas. */
.tes-lista { list-style: none; margin: 0; padding: 0; columns: 3 300px; column-gap: 1.25rem; }
.tes-tarjeta { break-inside: avoid; margin: 0 0 1.25rem; padding: 2.6rem 1.4rem 1.3rem; border-radius: 18px; position: relative;
  background: var(--fn-celeste); border-top: 4px solid var(--fn-turquesa); box-shadow: var(--fn-sombra); }
.tes-tarjeta:nth-child(4n+2) { background: var(--fn-durazno); border-top-color: var(--fn-naranja); }
.tes-tarjeta:nth-child(4n+3) { background: var(--fn-lima-suave); border-top-color: var(--fn-lima); }
.tes-tarjeta:nth-child(4n) { background: var(--fn-amarillo-tenue); border-top-color: var(--fn-amarillo); }
.tes-tarjeta::before { content: ""; position: absolute; left: 1.2rem; top: .9rem; width: 2.2rem; height: 1.6rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 32'%3E%3Cpath d='M4 30c0-12 4-21 14-27l2 3c-5 4-7 8-7 12h7v12zm22 0c0-12 4-21 14-27l2 3c-5 4-7 8-7 12h7v12z' fill='%23FF651F' opacity='.85'/%3E%3C/svg%3E") center / contain no-repeat; }
/* sin la caja con borde que sitio.css le pone a toda cita: aquí la tarjeta ya es la caja */
.tes-tarjeta blockquote { margin: 0; padding: 0; border: 0; background: none; color: var(--fn-tinta); font-size: 1.0625rem; line-height: 1.6; }
.tes-tarjeta blockquote p { margin: 0 0 .7rem; }
.tes-quien { display: flex; align-items: center; gap: .75rem; margin: .9rem 0 0; color: var(--fn-marino); }
.tes-quien img, .tes-inicial { flex: none; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: var(--fn-sombra); }
.tes-inicial { display: grid; place-items: center; background: var(--fn-marino); color: #fff; font-weight: 800; font-size: 1.4rem; }
.tes-quien b { display: block; }
.tes-exp { display: block; font-size: .9375rem; color: var(--fn-tinta-suave); }

/* La franja de la portada: sin el relleno de página completa de .fn. */
.tes-inicio { padding: clamp(2.5rem, 6vw, 4rem) 0; }
.tes-inicio h2 { margin-bottom: 1.5rem; }