@import url('/styles/resultados.css');
@import url('/styles/fuel-tokens.css');
.s-fuel-testimonios { padding-block: var(--s64); }
.s-fuel-testimonios :is(h2,p,blockquote,figure) { margin: 0; }
.s-fuel-testimonios .s-fuel-testimonios__intro { padding-inline: var(--page-pad); display: grid; gap: var(--s24); }
.s-fuel-testimonios .s-fuel-testimonios__meta { display: flex; justify-content: space-between; color: var(--muted); }
.s-fuel-testimonios .s-fuel-testimonios__lede { color: var(--muted); }
.s-fuel-testimonios .s-fuel-testimonios__quote { margin: var(--s48) var(--page-pad) 0; max-width: 1000px; border-left: 3px solid var(--rose); padding-left: var(--s24); }
.s-fuel-testimonios figcaption { margin-top: var(--s24); }
.s-fuel-testimonios .s-resultados__calle { margin-top: var(--s48); padding: 0; }
.s-fuel-testimonios .s-resultados__pista { margin-top: 0; }
.s-fuel-testimonios .s-resultados__tarjeta { width: 300px; min-height: 560px; aspect-ratio: auto; background: var(--paper); color: var(--ink); padding: var(--s16); gap: var(--s16); justify-content: flex-start; }
.s-fuel-testimonios .s-resultados__foto { position: relative; flex: none; width: 100%; height: 224px; background: var(--line); }
.s-fuel-testimonios .s-resultados__foto img { object-position: center 30%; }
.s-fuel-testimonios .s-resultados__indice { color: var(--muted); }
.s-fuel-testimonios .s-resultados__tag { background: var(--bg); color: var(--ink); }
.s-fuel-testimonios .s-resultados__pie { flex: 1; }
.s-fuel-testimonios .s-resultados__usuario { margin-top: auto; padding-top: var(--s16); color: var(--ink); text-transform: uppercase; }
.s-fuel-testimonios .s-resultados__ayuda { color: var(--muted); }
.s-fuel-testimonios .s-resultados__pausa[hidden] { display: none; }

@media (max-width: 1199px) {
  .s-fuel-testimonios { padding-block: var(--s48); }
  .s-fuel-testimonios .s-resultados__pista { max-width: 100%; }
  .s-fuel-testimonios .s-resultados__pausa { min-width: 96px; min-height: 44px; flex-shrink: 0; }
  .s-fuel-testimonios .s-resultados__pista:focus-visible { outline: 2px solid var(--ink); outline-offset: var(--s4); }
}
@media (max-width: 809px) {
  .s-fuel-testimonios .s-fuel-testimonios__intro { gap: var(--s16); }
  .s-fuel-testimonios .s-fuel-testimonios__quote { margin-top: var(--s32); padding-left: var(--s16); }
  .s-fuel-testimonios .s-resultados__calle { margin-top: var(--s32); }
  .s-fuel-testimonios .s-resultados__calle-pie { align-items: flex-start; gap: var(--s16); margin-top: var(--s24); }
  .s-fuel-testimonios .s-resultados__tarjeta { width: min(300px, calc(100vw - 64px)); }
}
@media (max-width: 809px) {
  .s-fuel-testimonios h2 { text-wrap: balance; }
}

@media (max-width: 1199px) {
  .s-fuel-testimonios .s-resultados__pista { scroll-snap-type: x mandatory; scroll-padding-inline: var(--page-pad); }
  .s-fuel-testimonios .s-resultados__tarjeta { scroll-snap-align: start; scroll-snap-stop: always; }
  /* Espacio final para alinear también la última tarjeta al mismo margen. */
  .s-fuel-testimonios .s-resultados__tarjetas { padding-right: max(0px, calc(100vw - 2 * var(--page-pad) - 300px)); }
}