/* =============================================
   CliniGuía — mobile.css
   Capa exclusiva de móvil (≤680px).

   Este archivo se carga desde default.hbs con:
     <link ... media="(max-width: 680px)">
   El navegador solo APLICA estas reglas bajo 680px, así que
   NO hace falta envolver nada en @media aquí dentro.
   Escribe selectores planos. El escritorio nunca los ve.

   Reglas de la casa:
   - Nada de hex sueltos: usa las variables de screen.css (--bg, --t1, --lime…).
   - Espaciados desde la escala de 4px ya definida.
   - Solo overrides: lo que ya se ve bien en móvil no se toca.
   - Este archivo carga DESPUÉS de screen.css → gana por orden de cascada
     a igual especificidad. No uses !important salvo caso perdido.
   ============================================= */


/* ---------------------------------------------
   0. Campos de texto — anti-zoom de iOS
   Safari hace zoom al enfocar cualquier campo con font-size < 16px.
   16px es el umbral exacto: a 15.9 hace zoom, a 16 no.
   Regla: ningun input/textarea de este tema baja de 16px en movil.
   --------------------------------------------- */
.cg-hero-input,
.cg-search-input,
.cg-survey-ta {
  font-size: 16px;
}

/* El placeholder largo ya no cabe a 16px: el JS del hero conmuta al
   texto corto, y esto evita que se desborde en pantallas muy angostas. */
.cg-hero-input::placeholder {
  font-size: 15px;
}


/* ---------------------------------------------
   1. Cabecera / navegación
   --------------------------------------------- */


/* ---------------------------------------------
   2. Hero (cg-hero)
   --------------------------------------------- */


/* ---------------------------------------------
   3. Buscador (cg-search)
   --------------------------------------------- */


/* ---------------------------------------------
   4. Índice de guías / listados
   --------------------------------------------- */


/* ---------------------------------------------
   5. Post / cápsulas clínicas
   --------------------------------------------- */


/* ---------------------------------------------
   6. Pie de página
   --------------------------------------------- */