/* =============================================================================
   page-en-bus-travel.css
   Ajustes de maquetación de las páginas /english/bus-travel/ construidas con
   los textos nuevos de los documentos de optimización SEO.

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

   Páginas que la usan:
     manzanillo · monterrey · puebla · puerto-vallarta · queretaro ·
     san-luis-potosi
   ========================================================================== */

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

/* ------------------------------------------------------------ subtítulos */
/* Los documentos marcan sublistas con un párrafo acabado en dos puntos. */
.discover-section h3,
.travel-tips h3,
.stations-section h3,
.route-cta h3{font-size:16px;font-weight:800;color:#003a5d;margin:22px 0 10px;text-align:center}
.route-benefits h3{color:#fff}
.alt-routes-card--claro h3{color:#003a5d}

/* ---------------------------------------------------------------- listas */
.discover-section .dash-list,
.travel-tips .dash-list,
.stations-section .dash-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1000px;margin:0 auto 18px}

/* ------------------------------------------------------------- botones */
.cta-fila{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 4px}
.cta-fila .btn-primary{width:auto}

/* --------------------------------------------------- sección con foto */
.con-foto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:38px;align-items:center;max-width:1200px;margin:0 auto}
.con-foto img{width:100%;height:100%;min-height:300px;max-height:420px;object-fit:cover;border-radius:20px;box-shadow:0 18px 45px rgba(0,58,93,.12)}
.con-foto .section-entradas{margin-left:0;margin-right:0}
.con-foto .section-entradas p,
.con-foto h3{text-align:left}
.con-foto .dash-list{grid-template-columns:1fr;margin-left:0}

/* ------------------------------------------------ servicios sobre banda */
.alt-routes-card--claro{max-width:900px;margin:0 auto;background:#fff}
.alt-routes-card--claro .section-entradas p{color:#3c5c73}

/* ------------------------------------------------------------- cierre */
.route-cta__content{max-width:900px;margin:0 auto;text-align:center}
.route-cta__content .dash-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

/* --------------------------------------------------------------- móvil */
@media(max-width:1000px){
  .discover-section .dash-list,
  .travel-tips .dash-list,
  .stations-section .dash-list,
  .route-cta__content .dash-list{grid-template-columns:1fr}
}
@media(max-width:900px){
  .con-foto{grid-template-columns:1fr;gap:22px}
  .con-foto img{min-height:0;height:240px}
  .con-foto .section-entradas p,
  .con-foto h3{text-align:center}
}