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

     /english/destination/discover-mexico-with-etn-turistar.php
     /english/about-us/why-choose-etn.html

   Se carga DESPUÉS de page-discover-mexico-with-etn-turistar.min.css y solo
   añade lo que esa hoja no trae (rejilla de 2 columnas, botones en fila,
   entradilla de las fichas de destino). No toca colores ni tipografías: los
   valores que aparecen aquí están tomados de la propia hoja del sitio.
   ========================================================================== */

/* -------------------------------------------------- ancho común de sección */
.discover-mexico-main .hero,
.discover-mexico-main .destinations,
.discover-mexico-main .itinerary,
.discover-mexico-main .travel-tips,
.discover-mexico-main .cuisines,
.discover-mexico-main .faq-amenities,
.discover-mexico-main .commitment{padding:56px 0}
.discover-mexico-main .travel-tips,
.discover-mexico-main .cuisines{background:#f2f7fa}

/* ------------------------------------------------------ fichas de destino */
/* El documento describe cada destino con un párrafo de entrada, sus viñetas y
   su call to action: la ficha del sitio se rellena en ese mismo orden. */
.discover-mexico-main .cards-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.discover-mexico-main .destination-card__media img{display:block;width:100%;height:190px;object-fit:cover}
.discover-mexico-main .destination-card__intro{margin:0 0 10px;font-size:14px;line-height:1.55;color:#12385a;font-weight:600}
.discover-mexico-main .destination-card__body ul{margin:0;padding-left:18px}
.discover-mexico-main .destination-card__body li{font-size:13px;line-height:1.5;color:#657787;margin-bottom:6px}
/* El sitio pinta este rótulo como etiqueta; al usarlo como <h3> hay que
   devolverle el interlineado, que la hoja del sitio no fija. */
.discover-mexico-main .destination-group__title{line-height:1.3}

/* ---------------------------------------------------------- botones en fila */
.discover-mexico-main .cta-fila{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.destination-card .discover-mexico-main .cta-fila{margin-top:12px}
.discover-mexico-main .btn--ghost{background:rgba(0,0,0,0);color:#12385a;border:1px solid #1e5b83;min-height:38px;font-size:12px;padding:0 16px}
.discover-mexico-main .btn--ghost:hover{background:#12385a;color:#fff}
.final-cta__actions .discover-mexico-main .cta-fila{justify-content:flex-start}

/* -------------------------------------------- bloques de texto genéricos */
.discover-mexico-main .travel-tips__box h2,
.discover-mexico-main .terminal-card h2,
.discover-mexico-main .commitment h2,
.discover-mexico-main .cuisines h2,
.discover-mexico-main .destinations h2{font-size:32px;color:#12385a;margin:0 0 16px}
.discover-mexico-main h3{font-size:17px;font-weight:800;color:#12385a;margin:22px 0 10px}
.discover-mexico-main .travel-tips__box ul,
.discover-mexico-main .terminal-card ul,
.discover-mexico-main .commitment__right ul{margin:0 0 14px;padding-left:20px}
.discover-mexico-main .travel-tips__box li,
.discover-mexico-main .terminal-card li,
.discover-mexico-main .commitment__right li{margin-bottom:8px;color:#657787}

/* ------------------------------------------------- preguntas frecuentes */
/* La página trae una sola columna de preguntas: sin esto la rejilla del sitio
   dejaría vacío el hueco de la derecha. */
.discover-mexico-main .faq-amenities__grid--solo{grid-template-columns:1fr}
.discover-mexico-main .faq-amenities__grid--solo .faq{max-width:900px;margin:0 auto;width:100%}

/* ------------------------------------------------------ mapa de cobertura */
.discover-mexico-main .terminal-section__bg img{display:block;width:100%;height:420px;object-fit:cover}
.discover-mexico-main .terminal-card{max-width:1000px}

/* --------------------------------------------------------------- móvil */
@media(max-width:900px){
  .discover-mexico-main .destination-group__title{display:block;font-size:14px}
  .discover-mexico-main .cards-grid--2{grid-template-columns:1fr}
  .discover-mexico-main .hero,
  .discover-mexico-main .destinations,
  .discover-mexico-main .itinerary,
  .discover-mexico-main .travel-tips,
  .discover-mexico-main .cuisines,
  .discover-mexico-main .faq-amenities,
  .discover-mexico-main .commitment{padding:38px 0}
  .discover-mexico-main .terminal-section__bg img{height:260px}
  .discover-mexico-main .travel-tips__box h2,
  .discover-mexico-main .terminal-card h2,
  .discover-mexico-main .commitment h2,
  .discover-mexico-main .cuisines h2,
  .discover-mexico-main .destinations h2{font-size:26px}
}

/* ------------------------------------------------ listas con check «✓» */
/* El documento marca estas líneas con un ✓: se respeta el símbolo del texto
   y se quita la viñeta para no duplicar la marca. */
.discover-mexico-main .lista-check{list-style:none;margin:0 0 14px;padding:0}
.discover-mexico-main .lista-check li{margin-bottom:8px;color:#657787}

/* ------------------------------------- fichas de itinerario y servicios */
.discover-mexico-main .itinerary-card ul{margin:0 0 10px;padding-left:18px;text-align:left}
.discover-mexico-main .itinerary-card li{color:#536678;margin-bottom:6px}
.discover-mexico-main .why-columns article h4{font-size:20px;margin-bottom:10px}
.discover-mexico-main .why-columns article ul,
.discover-mexico-main .why-highlight ul{margin:0;padding-left:18px}
.discover-mexico-main .why-columns article li,
.discover-mexico-main .why-highlight li{margin-bottom:8px;color:#657787}
.discover-mexico-main .amenities__block{margin-bottom:22px}
.discover-mexico-main .cuisine-card ul{margin:0;padding-left:18px}
.discover-mexico-main .cuisine-card li{margin-bottom:8px;color:#657787}

/* ------------------------------------- prosa dentro de cajas y columnas */
/* .section-intro va centrado en la hoja del sitio; dentro de una caja de
   texto o de una columna eso descuadra respecto a las listas. */
.discover-mexico-main .travel-tips__box .section-intro,
.discover-mexico-main .terminal-card .section-intro,
.discover-mexico-main .why-columns .section-intro,
.discover-mexico-main .why-highlight .section-intro,
.discover-mexico-main .amenities .section-intro,
.discover-mexico-main .cuisine-card .section-intro,
.discover-mexico-main .final-cta__text .section-intro{text-align:left;max-width:none;margin:0 0 12px}
.discover-mexico-main .commitment__right .section-intro,
.discover-mexico-main .commitment__left .section-intro{text-align:left;max-width:none}