/* Ajustes de móvil para toda la web de la Escola d'Hostaleria de Castelldefels.
   Se carga al final del <head> de todas las páginas y solo actúa en pantallas estrechas.
   Corrige desbordes de rejillas escritas en línea, textos demasiado pequeños y botones
   difíciles de pulsar, sin tocar el diseño de escritorio. Octubre de 2026. */

@media (max-width: 600px) {
  /* 1. Nada se sale de la pantalla */
  html, body { overflow-x: hidden; }
  img, iframe, video, svg { max-width: 100%; }
  iframe { height: auto; min-height: 240px; }
  table { display: block; overflow-x: auto; max-width: 100%; }

  /* 2. Rejillas definidas en línea: 7 y 4 columnas pasan a 2, 3 y 2 pasan a 1 */
  [style*="repeat(7,1fr)"], [style*="repeat(7, 1fr)"] { grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; }
  [style*="repeat(4,1fr)"], [style*="repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="repeat(3,1fr)"], [style*="repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:1fr 1fr"], [style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:1fr 380px"], [style*="grid-template-columns: 1fr 380px"],
  [style*="grid-template-columns:200px 1fr"], [style*="grid-template-columns: 200px 1fr"] { grid-template-columns: 1fr !important; }
  [style*="repeat(2,1fr)"], [style*="repeat(2, 1fr)"] { grid-template-columns: 1fr !important; }

  /* 3. Texto legible: nada por debajo de 13 px (etiquetas) y 15 px (párrafos) */
  [style*="font-size:10px"], [style*="font-size: 10px"],
  [style*="font-size:11px"], [style*="font-size: 11px"],
  [style*="font-size:12px"], [style*="font-size: 12px"] { font-size: 13px !important; }
  .art-tag,
  .badge,
  .badge-previsión,
  .breadcrumb,
  .breadcrumb a,
  .breadcrumb span,
  .breadcrumb strong,
  .calendario-lista .cal-nombre small,
  .calendario-modulos .mod-nombre small,
  .card-lateral-gratuito span,
  .card-lateral-nota,
  .card-lateral-tag,
  .carta-nota,
  .cert-visual-soc,
  .consejo-rol,
  .contacto-dato-text span,
  .convocatoria .dato .l,
  .cta,
  .curso-card-disc,
  .curso-card-gratuito,
  .curso-card-link,
  .curso-card-photo,
  .curso-card-tag,
  .detalle-fila strong,
  .docente-cargo,
  .eje-titulo,
  .equipo-cargo,
  .escuela-stat .l,
  .field label,
  .foap-banner-btn,
  .foap-banner-tag,
  .footer-bottom,
  .footer-col h4,
  .footer-legal,
  .footer-legal a,
  .footer-links a,
  .footer-soc,
  .form-group label,
  .form-kicker,
  .form-legal,
  .he,
  .hero .eyebrow,
  .hero-card .badge,
  .hero-curso-eyebrow,
  .hero-eyebrow,
  .hero-legal-eyebrow,
  .hero-stat .lab,
  .hero-stat span,
  .hero-stat-item span,
  .info-item span,
  .inspira-letter span,
  .inspira-value-text,
  .instalacion-foto,
  .landing-header-text span,
  .letter-card span.w,
  .logos-section-eyebrow,
  .menu-head .mh-sub,
  .metodo-item .word,
  .modulo-horas,
  .modulo-num,
  .nav-arrow,
  .nav-cta,
  .nav-dropdown-label,
  .nav-logo-text span,
  .noticia-categoria,
  .noticia-fecha,
  .noticia-foto,
  .noticia-leer,
  .pack-ahorro,
  .pilar-box span,
  .piloto .stat span,
  .piloto .tag,
  .section-eyebrow,
  .sello-global-badge,
  .stat-item span,
  .sticky-cta-text,
  .taller-meta,
  .tb a:last-child,
  .thumb .dt,
  .thumb .tag,
  .tl,
  footer { font-size: 13px !important; }
  p, li, td, .desc, .card-desc, .eje-desc, .consejo-cargo, .faq-respuesta, .menu-nota { font-size: 15px !important; line-height: 1.55 !important; }
  .line-mobile { font-size: 13px !important; }

  /* 4. Cómodo de pulsar: botones, enlaces del pie y formularios */
  a.btn, .btn, button, .btn-primary, .btn-secondary, .btn-magenta, .nav-cta, .cta, input[type="submit"] { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  footer a, .footer a, .footer-links a, .footer-legal a { display: inline-block; padding: 8px 0; line-height: 1.3; }
  input, select, textarea { font-size: 16px !important; min-height: 48px; }
  textarea { min-height: 120px; }
  .form-row { grid-template-columns: 1fr !important; }

  /* 5. Casos concretos detectados en la auditoría del 6 de octubre */
  .acronym { grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; }
  .acronym .letter-card { padding: 10px 4px !important; min-width: 0; }
  .comptadors-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .comptadors-grid > div { padding: 16px 10px !important; min-width: 0; }
  .comptadors-grid > div > div:first-child { font-size: 30px !important; }
  .footer-top { grid-template-columns: 1fr !important; }
  .footer-col { min-width: 0; }

  /* 6. Idioma en el menú móvil (el selector de escritorio está oculto en pantallas estrechas) */
  .nav-mobile-langs { display: flex; gap: 8px; align-items: center; padding: 4px 0 14px; margin-bottom: 10px; border-bottom: 1px solid rgba(42,34,48,0.1); }
  .nav-mobile-lang { display: inline-flex !important; align-items: center; gap: 6px; font-family: var(--font-subtitulo, 'Tenor Sans', sans-serif); font-size: 13px !important; letter-spacing: 1px; text-transform: uppercase; padding: 8px 14px !important; border: 1px solid var(--turquesa, #5ECCC4); border-radius: 20px; color: var(--texto, #2A2230) !important; text-decoration: none; min-height: 36px; }
  .nav-mobile-lang.active { background: var(--turquesa, #5ECCC4); color: #fff !important; }
  .nav-mobile-lang .lang-flag-ca { width: 22px; height: 17px; display: inline-block; vertical-align: middle; }
  .nav-mobile-lang .lang-flag { font-size: 17px; line-height: 1; }

  /* 7. Mientras el aviso de cookies está abierto, el botón flotante de WhatsApp sube para no taparlo */
  body.ehc-cookies-abiertas a[href*="wa.me"][style*="position:fixed"],
  body.ehc-cookies-abiertas a[href*="wa.me"][style*="position: fixed"] { bottom: 200px !important; }
  #cookieBanner { padding-right: 20px !important; }
}