/* ============================================================
   Seja Legal — Harmonização para ecrãs grandes (wide-screen)
   Em monitores grandes o site escala em conjunto: texto, cards,
   espaçamentos e largura dos containers crescem na mesma proporção
   das secções e imagens. No ultrawide adapta-se (não estica edge-to-edge).
   Portáteis/tablet/mobile (<1800px) NÃO são afetados.
   Técnica: subir o font-size do :root; o tema usa rem (Tailwind),
   por isso tudo o que é rem escala proporcionalmente.
   ============================================================ */

@media (min-width:1800px){ :root{ font-size:17px; } }
@media (min-width:2000px){ :root{ font-size:17.5px; } }
@media (min-width:2200px){ :root{ font-size:18px; } }
@media (min-width:2560px){ :root{ font-size:19px; } }
@media (min-width:3000px){ :root{ font-size:20px; } }

/* Colunas de conteúdo um pouco mais largas em ecrãs muito grandes,
   para não ficarem uma tira estreita ao centro — sem ir a full-bleed. */
@media (min-width:2200px){
  .max-w-7xl{ max-width:86rem; }
}
@media (min-width:3200px){
  /* ultrawide: mantém centrado e capa a largura — NÃO estica */
  .max-w-7xl{ max-width:92rem; }
}

/* Blog: os containers estão em px fixos; passam a escalar com a base em ecrãs grandes,
   para o índice/arquivo acompanharem o resto do site. A coluna de leitura do post
   (.slg-post-body) fica propositadamente contida — boa prática de legibilidade. */
@media (min-width:1800px){
  .slg-wrap, .slg-related{ max-width:75rem; }
}