@import url('/styles/pilares.css');
@import url('/styles/fuel-tokens.css');
.s-fuel-caminos { background: var(--bg); color: var(--ink); }
.s-fuel-caminos .s-fuel-caminos__meta { display: flex; justify-content: space-between; margin-bottom: var(--s24); color: var(--muted); }
.s-fuel-caminos h2 { margin: 0 0 var(--s48); }
.s-fuel-caminos .s-pilares__card { min-height: 0; padding: 0; gap: 0; background: var(--paper); color: var(--ink); border-radius: var(--r-panel); overflow: hidden; }
.s-fuel-caminos .s-fuel-caminos__photo { aspect-ratio: 4 / 3; background: var(--line); flex: none; }
.s-fuel-caminos .s-fuel-caminos__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s16); flex: 1; padding: var(--s24); }
.s-fuel-caminos .s-fuel-caminos__label { display: flex; align-items: center; gap: var(--s8); margin: 0; }
.s-fuel-caminos .s-pilares__title { max-width: none; min-height: 3lh; }
.s-fuel-caminos .s-pilares__text { color: var(--muted); margin-bottom: var(--s8); }
.s-fuel-caminos .s-fuel-caminos__price { margin: auto 0 0; }
.s-fuel-caminos .s-fuel-caminos__link { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.s-fuel-caminos.is-armed .s-pilares__card { opacity: 0; transform: translateY(var(--s48)); transition: opacity .8s var(--ease), transform .8s var(--ease); transition-delay: var(--delay, 0ms); }
.s-fuel-caminos.is-armed .s-pilares__card.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .s-fuel-caminos.is-armed .s-pilares__card { opacity: 1; transform: none; transition: none; }
}

/* Dos puertas de entrada (Juanma 21/10): la estrategia de carrera llega con la asesoría deportiva. */
.s-fuel-caminos .s-pilares__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 1199px) {
  .s-fuel-caminos .s-pilares__card:last-child { grid-column: auto; min-height: 0; }
  .s-fuel-caminos .s-fuel-caminos__meta { gap: var(--s16); }
  .s-fuel-caminos .s-fuel-caminos__link:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
}
@media (max-width: 809px) {
  .s-fuel-caminos .s-pilares__list { grid-template-columns: minmax(0, 1fr); gap: var(--s24); }
  .s-fuel-caminos .s-pilares__card { min-height: 0; }
  .s-fuel-caminos .s-pilares__title { min-height: 0; }
  .s-fuel-caminos h2 { margin-bottom: var(--s32); }
  .s-fuel-caminos .s-fuel-caminos__price { line-height: 1.6; }
}