/* Fundamentes */
@import "./Border/Border.css";
@import "./Cores/Cores.css";
@import "./Elevation/Elevation.css";
@import "./Iconografia/Iconografia.css";
@import "./Layout/Layout.css";
@import "./Tipografia/Tipografia.css";

/* Moodle */
@import "./Moodle.css";

/* Brands */
@import "./Brands.css";

/* Componentes */
@import "../components/Accordions/Accordions.css";
@import "../components/Avatar/Avatar.css";
@import "../components/Avatar_tagline__group/Avatar_tagline__group.css";
@import "../components/Badge/Badge.css";
@import "../components/Banner_alert/Banner_alert.css";
@import "../components/Banner_image_text/Banner_image_text.css";
@import "../components/Button_direction/Button_direction.css";
@import "../components/Button_section_menu/Button_section_menu.css";
@import "../components/Button_video__play/Button_video__play.css";
@import "../components/Buttons/Button.css";
@import "../components/Cards/Cards.css";
@import "../components/Carousel/Carousel.css";
@import "../components/Closing_banner/Closing_banner.css";
@import "../components/Contatos/Contatos.css";
@import "../components/ColapseSection/ColapseSection.css";
@import "../components/Header_image/Header_image.css";
@import "../components/Header_text/Header_text.css";
@import "../components/Header_text_image/Header_text_image.css";
@import "../components/IframeVideo/IframeVideo.css";
@import "../components/Indicator/Indicator.css";
@import "../components/Progress_bar/Progress_bar.css";
@import "../components/Slider/Slider.css";
@import "../components/Tag/Tag.css";
@import "../components/Text_header/Text_header.css";
@import "../components/Tooltip/Tooltip.css";
@import "../components/Welcome/Welcome.css";
@import "../components/chat_IA/chat_IA.css";
@import "../components/Modal/Modal.css";

/* FLEX */
.flexbox {
  display: flex;
}

.flexbox__center {
  display: flex;
  align-items: center;
  gap: var(--space-075);
}

.flexbox__start {
  display: flex;
  align-items: start;
  gap: var(--space-075);
}

.flexbox__end {
  display: flex;
  justify-content: end;
  gap: var(--space-075);
}

.flexbox__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-075);
}

.flexbox__column {
  display: flex;
  flex-direction: column;
  gap: var(--space-075);
}

.flexbox__between--center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.flexbox__between--start {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.flexbox__around--center {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.flexbox__center--center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexbox__center--column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-150);
}

.flexbox__center--column-start {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.show {
  display: block;
}

.hidden {
  display: none;
}

/* MARGINS */
.margin-0 {
  margin: 0 !important;
}

.margin__top-0 {
  margin-top: 0 !important;
}

.margin__bottom-0 {
  margin-bottom: 0 !important;
}

.margin__bottom--default {
  margin-bottom: var(--space-150) !important;
}

.margin__bottom--100 {
  margin-bottom: var(--space-100) !important;
}

.margin__bottom--150 {
  margin-bottom: var(--space-150) !important;
}

/* paddings */
.padding__bottom--default {
  padding-top: var(--space-150) !important;
}

/* IMAGENS */
.image-fluid {
  width: 100%;
  height: auto;
}