/* ═══════════════════════════════════════════════════
   AJUSTES MÓVIL · /servicios/vaciado-de-oficinas-y-locales/
   Topbar compacta, header compacto, hide breadcrumb,
   subir vídeo al primer pantallazo
   ═══════════════════════════════════════════════════ */

@media (max-width: 700px) {
  /* ── Topbar a 1 línea con solo horario + teléfono ── */
  .topbar { font-size: 12px; padding: 0; }
  .topbar .topbar-inner { padding: 6px 14px !important; gap: 8px; flex-wrap: nowrap; }
  .topbar .topbar-left > span:not(:first-child),
  .topbar .topbar-left .div,
  .topbar .topbar-left .divider { display: none !important; }
  .topbar .topbar-left { gap: 8px; flex: 1; min-width: 0; overflow: hidden; }
  .topbar .topbar-left > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  /* ── Nav header compacta ── */
  .nav .nav-inner { padding: 8px 14px !important; }
  .nav .brand-logo { height: 32px !important; }
  .nav-links { display: none; }
  .nav .nav-cta .btn { padding: 8px 12px; font-size: 13px; }
  .nav .nav-cta .btn-ghost { display: none; } /* teléfono ya está abajo */

  /* ── Breadcrumb oculto ── */
  .crumbs { display: none !important; }

  /* ── Compactar hero para que el vídeo aparezca pronto ── */
  .vh-hero { padding: 14px 0 28px !important; }
  .vh-hero::after { display: none; } /* quitar la grid de fondo en móvil para no recargar */
  .vh-inner { padding: 0 16px !important; gap: 14px !important; }
}

/* Aún más compacto en móviles pequeños */
@media (max-width: 400px) {
  .vh-h1 { font-size: 26px !important; }
  .vh-lead { font-size: 14px !important; }
  .vh-kicker { font-size: 9.5px; padding: 4px 10px; }
}