/* ==========================================================================
   NUTRI MY PET — folha principal

   As camadas entram na ordem em que a cascata precisa delas:

     01-tokens      variáveis do design system (cores, tipografia, espaços)
     02-fonts       @font-face auto-hospedadas
     03-base        reset e padrões do documento
     05-components  botão pílula e selo rotativo (reutilizáveis)
     06-header      barra superior
     07-hero        seção hero da home
     08-midia       seção "Estamos na mídia"
     09-sub-rodape  banda de imagem de fechamento
     10-rodape      rodapé
     99-responsive  ajustes por faixa de viewport (sempre por último)

   AO CRIAR UMA SEÇÃO NOVA:
     - reutilize os tokens de 01-tokens.css; nunca escreva cor ou medida crua
     - crie um arquivo próprio numerado a partir de 07 e registre o @import aqui
     - deixe os media queries em 99-responsive.css para não competir na cascata
   ========================================================================== */

@import url('02-fonts.css');
@import url('01-tokens.css');
@import url('03-base.css');
@import url('05-components.css');
@import url('06-header.css');
@import url('07-hero.css');
@import url('08-midia.css');
@import url('09-sub-rodape.css');
@import url('10-rodape.css');
@import url('99-responsive.css');