/* ==========================================================================
   glamey — ajustes responsivos (produção)
   Escopo: landing (compiled/v3-splash.js). Só comportamento; identidade intacta.
   ========================================================================== */

/* Tablet: mantém as duas colunas, só reduz o respiro e o título. */
@media (min-width: 761px) and (max-width: 1024px) {
  [data-glamey="landing-grid"] { gap: 36px !important; }
  [data-glamey="landing-title"] { font-size: clamp(48px, 6.2vw, 76px) !important; }
}

/* Celular: uma coluna, mensagem primeiro e o mockup depois. */
@media (max-width: 760px) {
  [data-glamey="landing-grid"] {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    margin: 18px 0 0 !important;
  }
  [data-glamey="landing-grid"] > div:first-child { order: 2; }
  [data-glamey="landing-grid"] > div:last-child  { order: 1; }

  [data-glamey="landing-title"] { font-size: clamp(38px, 10.5vw, 54px) !important; }
}

/* Rede de segurança: nada de rolagem horizontal em telas pequenas. */
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  img, svg, video { max-width: 100%; }
}