/* =============================================================================
   page-fr-destination.css
   Ajustes de maquetación de las páginas /fr/destination/ construidas con el
   texto de los documentos de SUBE.

   Se carga DESPUÉS de page-destinations-to.min.css y solo reparte anchos y
   quita huecos: no toca colores, tipografías ni componentes del sitio.

   Páginas que lo usan:
     - bus-guanajuato-san-miguel-de-allende.html
   ========================================================================== */

/* ------------------------------------------------------ compra en pasos */
.booking-section__grid{grid-template-columns:minmax(0,1fr)}
.booking-methods-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-top:8px}
/* el número de columnas depende de cuántos pasos traiga el documento */
.booking-methods-row--1{grid-template-columns:minmax(0,620px);justify-content:center}
.booking-methods-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.booking-methods-row .booking-method{margin:0;height:100%}
.booking-section__methods h3{font-size:16px;font-weight:800;color:#003a5d;margin:22px 0 6px;text-align:center}

/* ------------------------------------------- textos de entrada centrados */
/* Sin esto los párrafos de entrada se estiran a 1300 px y son ilegibles. */
.stations-section .section-intro,
.booking-section .section-intro,
.discover-section .section-intro{max-width:900px;margin:0 auto 12px;text-align:center}
.section-entradas{max-width:900px;margin:0 auto 22px}
.section-entradas p{text-align:center;font-size:14px;color:#3c5c73;margin:0 0 10px}
.section-entradas--claro p{color:#dbe9f2}
.section-cierre{max-width:900px;margin:20px auto 0;text-align:center;font-size:14px;color:#3c5c73}

/* --------------------------------------------------------- terminales */
.stations-section .stations-grid{margin-top:26px}
.stations-section h3{font-size:16px;font-weight:800;color:#003a5d;margin:0 0 12px;text-align:center}
.station-card__content .dash-list{margin-top:10px}

/* ------------------------------------------------ servicios a bordo */
/* Tarjeta blanca sobre la banda oscura, para que la lista se lea. */
.alt-routes-card--claro{max-width:820px;margin:0 auto;background:#fff}

/* --------------------------------------------- por qué viajar con ETN */
.discover-section h3{font-size:16px;font-weight:800;color:#003a5d;margin:0 0 14px;text-align:center}

/* --------------------------------------------------------------- móvil */
@media(max-width:1024px){ .booking-methods-row{grid-template-columns:1fr} }