/* =====================================================
   OTAO BRASIL THEME
   Main Stylesheet
   -----------------------------------------------------
   Arquivo responsável apenas pela organização dos módulos.
===================================================== */


/* =====================================================
   DESIGN SYSTEM
===================================================== */

@import url("variables.css");
@import url("base.css");
@import url("typography.css");
@import url("layout.css");
@import url("components.css");


/* =====================================================
   LAYOUT PRINCIPAL
===================================================== */

@import url("header.css");
@import url("hero.css");
@import url("products.css");
@import url("stats.css");
@import url("sections.css");
@import url("contact-page.css");
@import url("footer.css");


/* =====================================================
   EFEITOS
===================================================== */

@import url("animations.css");


/* =====================================================
   RESPONSIVIDADE
===================================================== */

@import url("responsive.css");

/* =====================================================
   CORREÇÃO — BLOQUEIO DE OVERFLOW HORIZONTAL
===================================================== */

html,
body {

    max-width: 100%;
    overflow-x: clip;

}