@charset "UTF-8";

@import url("base/base.css");

/* Base styles */
/* Cores */
@import url("base/colors/cores.css");

/* Tipografia */
@import url("base/typography/tipografia-base.css");
@import url("base/typography/tipografia-tablet.css") screen and (min-width: 768px);
@import url("base/typography/tipografia-desktop.css") screen and (min-width: 1024px);

/* Background */
@import url("base/background/background.css");
/* Background Image */
@import url("base/background/background-images.css");
@import url("base/background/background-images-s.css") screen and (min-width: 320px);
@import url("base/background/background-images-m.css") screen and (min-width: 854px);
@import url("base/background/background-images-l.css") screen and (min-width: 1152px);

/* Bordas */
@import url("base/border/border.css");

/* Sombras */
@import url("base/shadows/sombras.css");

/* Espaçamento */
@import url("base/spacing/espacamento.css");

/* Container */
@import url("base/container/container.css");

/* Outras variáveis */
@import url("base/outras-variaveis.css");

/* Componentes */

/* Botões */
@import url("components/button/botoes-geral.css");
@import url("components/button/botoes-mobile.css") screen and (max-width: 1024px);
@import url("components/button/botoes-desktop.css") screen and (min-width: 1025px);

/* Cards-links */
@import url("components/cards-links/cards-links.css");

/* Links de redes sociais */
@import url("components/social-media/social-media.css");

/* Lista de Parceiros */
@import url("components/lista-parceiros/lista-parceiros.css");

/* Headlines */
@import url("components/headline/headline.css");

/* Iframes */
@import url("components/iframes/iframes.css");

/* Artigos */
@import url("article/article.css");
@import url("article/article-tablet.css") screen and (min-width: 768px);
@import url("article/article-desktop.css") screen and (min-width: 1024px);

/* Layout */
@import url("layout/base/layout-geral.css");

/* Header */
@import url("layout/header/header-geral.css");
@import url("layout/header/header-mobile.css") screen and (max-width: 696px);
@import url("layout/header/header-tablet.css") screen and (min-width: 697px);
@import url("layout/header/header-desktop.css") screen and (min-width: 1345px);

/* Navbar */
@import url("layout/navbar/navbar-geral.css");
@import url("layout/navbar/navbar-mobile.css") screen and (max-width: 1311px);
@import url("layout/navbar/navbar-desktop.css") screen and (min-width: 1312px);

/* Footer */
@import url("layout/footer/footer-geral.css");
@import url("layout/footer/footer-desktop.css") screen and (min-width: 1024px);
/* Footer contato */
@import url("layout/footer/footer-contato-desktop.css") screen and (min-width: 768px);
/* Footer navigation */
@import url("layout/footer/footer-nav-tablet.css") screen and (min-width: 600px);
@import url("layout/footer/footer-nav-desktop.css") screen and (min-width: 1024px);
/* Footer legal */
@import url("layout/footer/footer-legal-tablet.css") screen and (min-width: 600px);
@import url("layout/footer/footer-legal-desktop.css") screen and (min-width: 984px);

/* Seções */
@import url("layout/section/section.css");

/* Formulário de login */
@import url("admin/login/login-form.css");