/* ===========================================================================
   PROGEN — ponto de entrada do CSS

   Duas camadas:
     legado  — base mobile-first (celular, tablet, landscape)
     desktop — reproducao da arte aprovada, medida em unidades de projeto
               (1 --u = 1px da arte num canvas de 1376px). Sempre prevalece
               sobre o legado, independentemente de especificidade.
   =========================================================================== */
@layer legado, desktop;

@import url("tokens.css")     layer(legado);
@import url("base.css")       layer(legado);
@import url("header.css")     layer(legado);
@import url("hero.css")       layer(legado);
@import url("sections.css")   layer(legado);
@import url("sections-b.css") layer(legado);
@import url("aviso.css")      layer(legado);

@import url("desktop.css")    layer(desktop);
@import url("desktop-secoes.css") layer(desktop);

/* fora das camadas: vale sobre as duas (o card animado redefine regras do card fixo) */
@import url("depoimentos.css");
@import url("animacoes.css");
@import url("alinhamento.css");
@import url("topo.css");
@import url("secoes-extra.css");

/* por ultimo: unifica a escala do mobile (< 1024px) */
@import url("mobile.css");