/* nmc-center-mobile-13847.css — FICHA mobile-first (80% del tráfico es móvil).
   Objetivo: moderna, simple y que GUÍE sin saturar. Recorrido compacto, jerarquía clara y
   todos los CTA grandes y a un toque. Carga DESPUÉS del CSS crítico de la ficha, así que gana.
   Scope doble (.trasterospub-center-page / .nmc-direct-center-page) + !important para imponerse. */

@media (max-width:760px){

  /* ---- Recorrido compacto: menos aire entre bloques = menos scroll, menos agobio ---- */
  .trasterospub-center-page .nmc-center-premium-conversion,
  .nmc-direct-center-page .nmc-center-premium-conversion,
  .trasterospub-center-page .nmc-center-local-reputation,
  .nmc-direct-center-page .nmc-center-local-reputation,
  .trasterospub-center-page .nmc-center-video-business,
  .nmc-direct-center-page .nmc-center-video-business,
  .trasterospub-center-page .nmc-real-availability,
  .nmc-direct-center-page .nmc-real-availability,
  .trasterospub-center-page .nmc-center-premium-main,
  .nmc-direct-center-page .nmc-center-premium-main{
    margin-top:16px!important;margin-bottom:16px!important;
    padding:18px!important;border-radius:20px!important;
  }

  /* Títulos a tamaño legible en móvil (sin titulares gigantes que empujan todo) */
  .trasterospub-center-page .tp-hero h1,
  .nmc-direct-center-page .tp-hero h1{font-size:clamp(1.9rem,7.5vw,2.6rem)!important;line-height:1.04!important;letter-spacing:-.04em!important;}
  .trasterospub-center-page h2,
  .nmc-direct-center-page h2{font-size:clamp(1.4rem,5.5vw,1.95rem)!important;line-height:1.1!important;}

  /* ---- HERO directo: una columna, lo esencial arriba ---- */
  .trasterospub-center-page .tp-hero,
  .nmc-direct-center-page .tp-hero{
    display:flex!important;flex-direction:column!important;gap:14px!important;
    padding:18px!important;border-radius:0 0 22px 22px!important;
  }
  .trasterospub-center-page .tp-hero .promo-card,
  .nmc-direct-center-page .tp-hero .promo-card{order:2!important;width:100%!important;}
  .trasterospub-center-page .tp-hero .tp-hero-copy,
  .nmc-direct-center-page .tp-hero .tp-hero-copy{order:1!important;}

  /* ---- TODOS los CTA: grandes, a ancho completo, a un toque (mín 52px) ---- */
  .trasterospub-center-page .tp-actions,
  .nmc-direct-center-page .tp-actions,
  .trasterospub-center-page .nmc-center-next-actions,
  .nmc-direct-center-page .nmc-center-next-actions{
    display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;
  }
  .trasterospub-center-page .tp-actions a,
  .nmc-direct-center-page .tp-actions a,
  .trasterospub-center-page .nmc-center-next-actions a,
  .nmc-direct-center-page .nmc-center-next-actions a,
  .trasterospub-center-page .nmc-center-reputation-actions a,
  .nmc-direct-center-page .nmc-center-reputation-actions a,
  .trasterospub-center-page .nmc-real-availability a,
  .nmc-direct-center-page .nmc-real-availability a,
  .trasterospub-center-page .nmc-center-size-guide article a,
  .nmc-direct-center-page .nmc-center-size-guide article a,
  .trasterospub-center-page .nmc-center-size-guide article.help a,
  .nmc-direct-center-page .nmc-center-size-guide article.help a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:52px!important;padding:0 16px!important;
    border-radius:14px!important;font-weight:850!important;font-size:1.02rem!important;
    text-align:center!important;box-sizing:border-box!important;
  }

  /* ---- Datos del centro: lista clara de una columna, con separadores suaves ---- */
  .trasterospub-center-page .nmc-center-premium-facts,
  .nmc-direct-center-page .nmc-center-premium-facts{
    grid-template-columns:1fr!important;gap:0!important;
  }
  .trasterospub-center-page .nmc-center-premium-facts article,
  .nmc-direct-center-page .nmc-center-premium-facts article{
    border:0!important;border-bottom:1px solid #eee!important;border-radius:0!important;
    padding:13px 2px!important;box-shadow:none!important;background:transparent!important;
  }

  /* ---- Tamaños: tarjetas tap-friendly en una columna ---- */
  .trasterospub-center-page .nmc-center-size-guide,
  .nmc-direct-center-page .nmc-center-size-guide,
  .trasterospub-center-page .nmc-center-use-grid,
  .nmc-direct-center-page .nmc-center-use-grid{
    grid-template-columns:1fr!important;gap:12px!important;
  }
  .trasterospub-center-page .nmc-center-size-guide article,
  .nmc-direct-center-page .nmc-center-size-guide article{
    border-radius:18px!important;padding:18px!important;
  }

  /* ---- Tarjeta de conversión (siguiente paso): protagonista, bien legible ---- */
  .trasterospub-center-page .nmc-center-next-step-card,
  .nmc-direct-center-page .nmc-center-next-step-card{
    padding:20px!important;border-radius:20px!important;
  }

  /* ---- Vídeo / Google: que no dominen en móvil (secundarios, compactos) ---- */
  .trasterospub-center-page .nmc-center-video-grid,
  .nmc-direct-center-page .nmc-center-video-grid{grid-template-columns:1fr!important;}

  /* ---- Migas de pan: discretas, sin ocupar dos líneas ---- */
  .trasterospub-center-page .tp-breadcrumbs,
  .nmc-direct-center-page .tp-breadcrumbs{font-size:.8rem!important;padding-top:12px!important;padding-bottom:4px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

  /* Imágenes y mapas embebidos: full-width y sin desbordar */
  .trasterospub-center-page img,
  .nmc-direct-center-page img,
  .trasterospub-center-page iframe,
  .nmc-direct-center-page iframe{max-width:100%!important;height:auto!important;border-radius:14px!important;}
}

/* Pantallas muy pequeñas: aún más compacto y cómodo para el pulgar */
@media (max-width:420px){
  .trasterospub-center-page .nmc-center-premium-conversion,
  .nmc-direct-center-page .nmc-center-premium-conversion,
  .trasterospub-center-page .nmc-center-local-reputation,
  .nmc-direct-center-page .nmc-center-local-reputation,
  .trasterospub-center-page .nmc-real-availability,
  .nmc-direct-center-page .nmc-real-availability{padding:15px!important;border-radius:18px!important;}
  .trasterospub-center-page .tp-hero h1,
  .nmc-direct-center-page .tp-hero h1{font-size:clamp(1.75rem,8.5vw,2.2rem)!important;}
}