@charset "utf-8";

/* === fonts-icons === */
@import url(fonts-icons/gade-cliente/style.css);
@import url(fonts-icons/gdalimentacao/style.css);
@import url(fonts-icons/gd-btn/style.css);
@import url(fonts-icons/gd-checked/style.css);

/* === Fontes === */
@import url(fonts-raleway/raleway.css);

/* Impedir que o conteúdo de texto dos elementos arrastáveis seja selecionável. */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Necessário para tornar os elementos arrastáveis no WebKit antigo */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

/* Geral */
* { transition: padding 0.5s, background 0.5s, display 0.5s, color 0.5s, width 0.5s, max-width 0.5s, -webkit-filter 0.5s, letter-spacing 0.5s, border-color 0.5s, height 0.5s, outline 0.5s; }
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font-size: 16px; margin: 0; padding: 0; }
:focus, a:focus { outline: none; }
img { width: 100%; height: auto; }
select { -webkit-appearance: none; }

/* === Configurações Mobile === */
*:not(input):not(textarea){ -webkit-user-select: none; -webkit-touch-callout: none; }
html, body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }

/* reset */
.reset, .reset * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-weight: normal; }
.reset-completo, .reset-completo * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-weight: normal; font-style: normal; }


/* === Componentes === */

/* Topo Fixo */
.slip-reordering { color: #CCC; margin: 0.5rem; }
.slip-reordering * { color: #CCC; }

/* Topo Fixo */
.comp-topo-fixo { position: fixed; top: 0; right: 0; width: 100%; }
.comp-topo-fixo.des { width: 0; }
.comp-topo-fixo.at { width: 100%; }
.comp-topo-absolute { position: absolute; top: 0; left: 0; width: 100%;  }


/* UL Icons */
.comp-ul-icons { display: flex; align-items: center; justify-content: center; }
.comp-ul-icons.left { justify-content: left; }
.comp-ul-icons li { display: inline-block; }
.comp-ul-icons.li-icon li { padding: 0.4rem; margin-top: 1px; margin-right: 1px; }
.comp-ul-icons .img-2p2rem { width: 2.2rem; }
.comp-ul-icons a { position: relative; display: block; padding: 0.5rem; }
.comp-ul-icons.a-p07 a { padding: 0.7rem; }
.comp-ul-icons.a-p08 a { padding: 0.8rem; }
.comp-ul-icons.a-br1s a { border-right: 1px solid #CCC; }
.comp-ul-icons.a-lr02 a { padding-left: 0.4rem; padding-right: 0.4rem; }
.comp-ul-icons.a-cFFF a { color: #FFF; }
.comp-ul-icons.a-c333 a { color: #333; }
.comp-ul-icons.left-i1p0 li:nth-child(1) a { padding-left: 0; }
.comp-ul-icons.fl-left a { padding: 0 0.8rem 0 0; }


/* UL Linha */
.comp-ul-linha, .comp-ul-linha li, .comp-ul-linha a { display: block; }
.comp-ul-linha a { height: 2.5rem; display: flex; align-items: center; }
.comp-ul-linha.center a { justify-content: center; }
.comp-ul-linha.semicon a { height: auto; padding-bottom: 0.5rem; }
.comp-ul-linha.li-pb05 li { height: auto; padding-bottom: 0.5rem; }
.comp-ul-linha .ulsubmenu { width: 0; height: 0; overflow: hidden; }
.comp-ul-linha .ulsubmenu.at { width: 100%; height: auto; padding-bottom: 1rem; }
.comp-ul-linha.titulo-h3 a { height: 3rem; }
.comp-ul-linha span { padding: 0 0.7rem; }


/* Etapas */
.comp-etapas[gd-ref="2"] li { width: 49%; }
.comp-etapas[gd-ref="3"] li { width: 33%; }
.comp-etapas[gd-ref="4"] li { width: 24%; }
.comp-etapas[gd-ref="5"] li { width: 19%; }
.comp-etapas[gd-ref="6"] li { width: 16%; }
.comp-etapas[gd-ref="7"] li { width: 14%; }
.comp-etapas[gd-ref="8"] li { width: 12%; }
.comp-etapas[gd-ref="9"] li { width: 11%; }
.comp-etapas { width: 100%; list-style: none; list-style-image: none; padding: 0; }
.comp-etapas li { float: left; text-align: center; position: relative; z-index: 0; }
.comp-etapas span { display: block; vertical-align: bottom; text-align: center; margin-bottom: 0.5rem; font-size: 0.8rem; color: #888; }
.comp-etapas abbr { color: #333; border: 3px solid #CCC; background-color: #CCC; border-radius: 50%; line-height: 1rem; width: 1.5rem; height: 1.5rem; display: inline-block; }
.comp-etapas abbr strong { opacity: 0.5; }
.comp-etapas .active strong, .comp-etapas .active abbr strong { opacity: 1; }

.comp-etapas abbr:before { content: ""; display: block; background-color: #CCC; height: 0.3rem; width: 50%; position: absolute; bottom: 0.6rem; left: 0; z-index: -1; }
.comp-etapas abbr:after { content: ""; display: block; background-color: #CCC; height: 0.3rem; width: 50%; position: absolute; bottom: 0.6rem; right: 0; z-index: -1; }

.comp-etapas li:first-of-type abbr:before { display: none; }
.comp-etapas li:last-of-type abbr:after { display: none; }
.comp-etapas .done abbr, .comp-etapas .done abbr:before, .comp-etapas .done abbr:after, .comp-etapas .active abbr, .comp-etapas .active abbr:before { background-color: #f90; }
.comp-etapas .done abbr, .comp-etapas .active abbr { border: 3px solid #f90; color: #FFF; }


/* UL Icons */
.comp-ul-dados { display: block; overflow: hidden; }
.comp-ul-dados li { float: left; display: block; text-align: left; }
.comp-ul-dados a { display: block; overflow: hidden; padding: 0.8rem 0.2rem; }
.comp-ul-dados span { float: left; font-size: 2rem; padding: 0.2rem 0.8rem; margin-right: 0.8rem; border-right: 1px solid #e0e0e0; }
.comp-ul-dados strong { display: block; font-size: 1.2rem; color: #333; }
.comp-ul-dados i { display: block; font-size: 0.8rem; color: #555; }
@media only screen and (max-width: 750px) {
  .comp-ul-dados li { text-align: center; }
  .comp-ul-dados span { float: none; font-size: 2.2rem; display: inline-block; padding: 0; padding-top: 0.5rem; padding-bottom: 0.7rem; margin: 0; margin-bottom: 0.5rem; border-right: none; border-bottom: 1px solid #e0e0e0; }
}


/* SubMenu */
.asubmenu:after { content: "\e91a"; font-family: "gade-cliente"; font-size: 0.7rem; }
.asubmenu.at:after { content: "\e920"; }

/* Seta */
.seta:before { content: "\e91e"; font-family: "gade-cliente"; font-size: 0.7rem; margin-right: 0.5rem; }


/* Coluna */
.comp-box-col { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; }
.comp-col { flex-basis: 0; flex-grow: 1; }
.comp-box-center { display: flex; align-items: center; justify-content: center; }
.comp-box-left-center { display: flex; align-items: center; justify-content: left; }


/* Banner */
.comp-banner { position: relative; overflow: hidden; height: 100vh; }
.comp-banner .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.comp-banner .swiper-button-next, .comp-banner .swiper-button-prev { background-image: none; width: auto; height: auto; font-size: 2rem; }
.comp-banner .swiper-button-next { right: 0.5em; }
.comp-banner .swiper-button-prev { left: 0.5em; }
@media only screen and (max-width: 750px) { .comp-banner .swiper-button-next, .comp-banner .swiper-button-prev { display: none; } }

.comp-swiper-seta.swiper-button-next, .comp-swiper-seta.swiper-button-prev { background-image: none; width: auto; height: auto; font-size: 1rem; }
.comp-swiper-seta.swiper-button-next { right: 0.5rem; }


/* Produtos */
.comp-produtos { position: relative; overflow: hidden; }
.comp-produtos { padding: 1.5rem 2.5rem; }
.comp-produtos .swiper-button-next, .comp-produtos .swiper-button-prev { background-image: none; width: auto; height: auto; font-size: 2rem; }
.comp-produtos .swiper-button-next { right: 0.15rem; }
.comp-produtos .swiper-button-prev { left: 0.15rem; }
.comp-produtos .swiper-pagination { top: 0; left: 0; width: 100%; }
.comp-produtos .swiper-pagination span { margin: 0 0.2rem; }
.comp-produtos .swiper-pagination-bullet-active { background: #333; }
@media only screen and (max-width: 750px) {
  .comp-produtos { padding-left: 1.5rem; padding-right: 1.5rem; }
  .comp-produtos .swiper-button-next, .comp-produtos .swiper-button-prev { display: none; }
}


/* Imagem Radius 50% */
.comp-img-r50 { border-radius: 50%; width: 7rem; height: 7rem; }


/* Aba */
.comp-aba { padding: 1rem; }

.comp-aba.i-icon:before { content: "\e91e"; font-family: "gade-cliente"; margin-right: 0.5rem; font-size: 0.7rem; }
.comp-aba.i-icon.at:before { content: "\e91a"; }


/* Btn */
.comp-btn { border: none; background-color: rgba(255,255,255,0.80); color: #333; padding: 1rem; }
.comp-btn:hover { background-color: rgba(255,255,255,0.20); color: #f90; }

.comp-btn.i-icon:before { content: "\e91e"; font-family: "gade-cliente"; margin-right: 0.5rem; font-size: 0.7rem; }
.comp-btn.i-icon.at:before { content: "\e91a"; }

.comp-btn.btn-f90 { background: #F90; color: #FFF; }
.comp-btn.btn-f90:hover { background: rgb(155, 96, 8); color: #FFF; }

.comp-btn.btn-333 { background: #333; color: #FFF; }
.comp-btn.btn-333:hover { background: #4E5155; color: #FFF; }

.comp-btn.btn-CCC { background: #CCC; color: rgb(100, 100, 100); }
.comp-btn.btn-CCC:hover { background: #CCC; color: #333; }

.comp-btn-reset { background: none; border: none; }


/* Bg Full */
.comp-bg-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }


/* Aba */
.comp-ul-aba { display: block; overflow: hidden; }
.comp-ul-aba li { float: left; }
.comp-ul-aba a { display: block; padding: 1rem; background-color: #e7e7e7; }
.comp-ul-aba a.at { background-color: #FFF; }

/* Coluna - Icon */
.comp-col-icon { overflow: hidden; margin: 0 auto; }
.comp-col-icon li { float: left; }
.comp-col-icon li { width: 33.33%; height: 7rem; display: flex; align-items: center; justify-content: center; }
.comp-col-icon.t3 li { width: 33.33%; }
.comp-col-icon a { overflow: hidden; max-width: 330px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; justify-content: center; }
.comp-col-icon .img { font-size: 3rem; margin-right: 1rem; }
.comp-col-icon strong, .comp-col-icon i { display: inline-block; }
.comp-col-icon strong { font-size: 0.95rem; }
.comp-col-icon i { font-size: 0.8rem; }
@media only screen and (max-width: 750px) { .comp-col-icon.t3 li { width: 100%; } .comp-col-icon.t3 a { border-right: none; } }


/* Coluna - Blog */
.comp-col-blog { overflow: hidden; margin: 0 auto; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; column-count: 2; }
.comp-col-blog li { display: inline-block; }
.comp-col-blog.t3 li { width: 33.33%; }
.comp-col-blog a { overflow: hidden; display: block; padding: 1.5rem; }
.comp-col-blog .img { padding-bottom: 1.5rem; }
.comp-col-blog h3 { padding-bottom: 0.5rem; }
.comp-col-blog p { line-height: 1.5rem; }
@media only screen and (max-width: 920px) { .comp-col-blog.t3 li { width: 50%; } }
@media only screen and (max-width: 650px) { .comp-col-blog.t3 li { width: 100%; } }


/* Select */
.comp-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/setas.png) no-repeat center right; background-size: contain; padding-right: 1rem; border: none; }


/* Logo */
.comp-logo { cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center; }


/* Menu Esquerda */
.comp-menu-esquerda { position: fixed; top: 0; left: 0; width: 0; height: 100%; }
.comp-menu-esquerda.at { width: 100%; }

/* Menu Diretia */
.comp-menu-direita { position: fixed; top: 0; right: 0; width: 0; height: 100%; }
.comp-menu-direita.at { width: 100%; }

/* Menu Interno */
.comp-menu-interno { width: 0; height: 0; overflow: hidden; clear: both; }
.comp-menu-interno.at { width: 100%; height: auto; max-height: calc(100vh - 3.2rem); overflow: auto; }

/* Menu Full */
.comp-menu-full { position: fixed; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }
.comp-menu-full.at { width: 100%; height: auto; padding: 1rem; }


/* placeholder - Color */
.placeholder-cl114::placeholder { color: rgb(114, 114, 114); }
.placeholder-cl333::placeholder { color: #333; }


/* Logo SVG */
.comp-log-svg { background-color: #FFF; width: 50px; height: 50px; }


/* Form - Input Button */
.comp-form-reset * { background: none; border: none; }

/* Form - Input Button */
.comp-input-button { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.comp-input-button input { flex: 1 1 auto; padding: 0.5rem; width: 10%; }
.comp-input-button button { padding: 0.5rem; }

/* Input Text */
.comp-form-text { background: none; border: 1px solid #CCC; padding: 0.8rem; width: 100%; font-size: 0.9rem; }

/* Input Readonly */
.comp-input-readonly { background: none; border: none; text-align: center; }

/* Modal */
.comp-modal { position: fixed; top: 0; left: 0; align-items: center; justify-content: center; display: flex; height: 0; width: 100vw; overflow: hidden; }
.comp-modal.at { height: 100vh; }

/* checkbox */
.comp-checkbox:before { content: "\e906"; font-family: "gd-checked"; }
.comp-checkbox.at:before { content: "\e907"; }

/* At */
.comp-at { display: none!important; }
.comp-at.at { display: block!important; }
.comp-at100 { width: 0; height: 0; }
.comp-at100.at { width: 100%; height: auto; }

/* Formulário [Estrutura] */
.comp-formulario label { overflow: hidden; display: block; text-align: left; padding-bottom: 0.5rem; padding-top: 1rem; }
.comp-formulario label:nth-child(1), .comp-formulario label:nth-child(2) { padding-top: 0; }
.comp-formulario label.padding-none { padding-top: 0; }
.comp-formulario label span { font-size: 0.8em; }
.comp-formulario label i, .comp-formulario label abbr { font-size: 0.8em; font-style: italic; }
.comp-formulario input, .comp-formulario textarea, .comp-formulario select { padding: 0.75em 0.8em; font-size: 1em; }
.comp-formulario .button { display: inline-block; cursor: pointer; margin-bottom: 0; padding: 0.75em 1.2em; border-radius: 0.3rem; text-align: center; }

.comp-formulario.tw100p input, .comp-formulario.tw100p textarea, .comp-formulario.tw100p select, .comp-formulario.tw100p .button { width: 100%; }

.comp-formulario .label { overflow: hidden; display: block; padding: 0.7em 0; }
.comp-formulario .label { width: 100%; }
.comp-formulario .label.l50 { float: left; width: 50%; padding-left: 0.5rem; }
.comp-formulario .label.pl0 { padding-left: 0; padding-right: 0.5rem; }
.comp-formulario .label-btn { padding: 0.5em 0; text-align: center; }
.comp-formulario .label-btn .button { width: 100%; font-size: 1em; }

/* === Formulário [Color] === */
.comp-formulario label span { color: #FF9900; }
.comp-formulario label i, .comp-formulario label abbr { color: #888; }
.comp-formulario input, .comp-formulario textarea, .comp-formulario select { background: #e3e3e3; border: 1px solid #FFF; }
.comp-formulario input:hover, .comp-formulario textarea:hover, .comp-formulario select:hover { background: #f9f9f9; border: 1px solid #CCC; color: #333; }
.comp-formulario input:focus, .comp-formulario textarea:focus, .comp-formulario select:focus { background: #FFF; border: 1px solid #F90; color: #333; }
.comp-formulario input.form_erro, .comp-formulario textarea.form_erro, .comp-formulario select.form_erro { background: #fcf1f1; border-color: #e5aeae; }
.comp-formulario .button { border: 1px solid #F90; background: #F90; color: #FFF; }
.comp-formulario .button.btn-sim { border-color: #F00; background: #F00; }
.comp-formulario .button:hover { border-color: #b2cf4e; background: #b2cf4e; color: #FFF; }
.comp-formulario .button.so-borda { border: 2px solid #8cbe20; background: #f9f9f9; color: #8cbe20; }
.comp-formulario .button.sem-bg { background: none; }
.comp-formulario .button.so-borda:hover { border-color: #F90; color: #F90; }

/* === File [Estrutura] === */
.comp-file { display: block; overflow: hidden; padding: 1.5rem !important; cursor: pointer; }
.comp-file span { display: block; text-align: center; }
.comp-file strong { display: block; text-align: center; padding: 0.5rem 0 0.3rem 0; font-size: 1rem !important; }
.comp-file i { display: block; text-align: center; }
.comp-file input { display: none; }
.comp-file.at i { font-size: 1rem !important; }
/* === File [Color] === */
.comp-file { border: 1px solid #ccc; background-color: #fff; }
.comp-file span { color: #CCC; }
.comp-file:hover { border: 1px solid #f90; background-color: #f9f9f9; }
.comp-file:hover span { color: #f90; }
.comp-file.at { border: 1px solid #55bf0f; background-color: #edf5de; }
.comp-file.at span { color: #55bf0f; }
.comp-file.at i { color: #45970f; }


/* === Alerta [Estrutura] === */
.comp-alerta { display: none; overflow: hidden; clear: both; text-align: center; padding: 0.8rem; margin-bottom: 0.5rem; }
.comp-alerta.at { display: block; }

/* === Alerta [Color] === */
.comp-alerta { border: 1px solid #CCC; color: #CCC; font-family: 'ubuntur'; }
.comp-alerta.er { background: #f8e6e6; border: 1px solid #efb2b2; color: #c91818; }
.comp-alerta.ok { background: #ebf9e2; border: 1px solid #bae29d; color: #358c17; }


/* === Filtro [Estrutural] === */
.comp-filtro { padding: 0.8rem; text-align: center; display: block; }

/* === Filtro [Color] === */
.comp-filtro { background: #F9F9F9; border-bottom: 1px solid #f4f4f4; color: #6c6c6c; }
.comp-filtro strong { color: #73ae50; }


/* === Utilitarios === */

input:has(div) { border: 1px solid #F90; }

/* Font */
.ff-raleway { font-family: 'ralewayregular', Arial, Helvetica, sans-serif; }
.ff-raleway-geral * { font-family: 'ralewayregular', Arial, Helvetica, sans-serif; }
.ff-ralewaysemibold { font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif; }
.ff-ralewaysemibolditalic { font-family: 'ralewaysemibold_italic', Arial, Helvetica, sans-serif; }
.ff-ralewaybold { font-family: 'ralewaybold', Arial, Helvetica, sans-serif; }
.ff-ralewaybolditalic { font-family: 'ralewaybold_italic', Arial, Helvetica, sans-serif; }
.ff-ralewayitalic { font-family: 'ralewayitalic', Arial, Helvetica, sans-serif; }

.ff-raleway-conteudo { font-family: 'ralewayregular', Arial, Helvetica, sans-serif; }
.ff-raleway-conteudo strong { font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif; }
.ff-raleway-conteudo i { font-family: 'ralewayitalic', Arial, Helvetica, sans-serif; }

/* Icon */
[gd-icon]:before { font-family: "gade-cliente"; content: attr(gd-icon); }
[gd-icon-gdalimentacao]:before { font-family: "gdalimentacao"; content: attr(gd-icon-gdalimentacao); }

/* Text Transform */
.tt-uppercase { text-transform: uppercase; }

/* Text Decoration */
.td-line-through { text-decoration: line-through; }

/* a */
a:active { transform: translateY(2px); }
.a { color: #FFF; }
.a:hover { color: #F90; }
.a-c333 { color: #333; }
.a-c333:hover { color: #F90; }
.a-cCCC { color: #CCC; }
.a-cCCC:hover { color: #F90; }
.a-c888 { color: #888; }
.a-cCCC:hover { color: #F90; }
.a-cF90 { color: #F90; }
.a-cF90:hover { color: rgb(187, 112, 0); }

/* Color */
.c-fff { color: #fff; }
.c-ccc { color: #ccc; }
.c-888 { color: #888; }
.c-555 { color: #555; }
.c-f90 { color: #f90; }
.c-333 { color: #333; }
.c-6b8411 { color: #6b8411; }

/* cursor */
.cs-pointer { cursor: pointer; }
.cs-move { cursor: move; }

/* overflow */
.of-auto { overflow: auto; }
.of-hidden { overflow: hidden; }

/* Float */
.fl-left { float: left !important; }
.fl-right { float: right; }
.fl-none { float: none; }

/* box */
.bxs-2px333 { box-shadow: 0 2px 2px #333; }
.bxs-10pxCCC { box-shadow: 0 0 10px #CCC; }
.bxs-5pxCCC { box-shadow: 0 0 5px #CCC; }

/* background */
.bgc-342814 { background-color: #342814; }
.bgc-f4f4f4 { background-color: #f4f4f4; }
.bgc-85c810 { background-color: #85c810 !important; }
.bgc-E0EEB7 { background-color: #E0EEB7 !important; }
.bgc-f4c4c4 { background-color: #f4c4c4 !important; }
.bgc-353533 { background-color: #353533; }
.bgc-fff { background-color: #fff; }
.bgc-f8f8f8 { background-color: #f8f8f8; }
.bgc-f9f9f9 { background-color: #f9f9f9; }
.bgc-ccc { background-color: #ccc; }
.bgc-333 { background-color: #333; }
.bgc-f90 { background-color: #f90; }
.bgc-223 { background-color: rgb(223, 223, 223); }
.bgc-23b7e5 { background-color: #23b7e5; }
.bgc-020 { background-color: rgba(24,28,33,0.20); }
.bgc-050 { background-color: rgba(24,28,33,0.50); }
.bgc-080 { background-color: rgba(255,255,255,0.80); }
.bgc-090 { background-color: rgba(255,255,255,0.90); }
.bgc-070 { background-color: rgba(0, 0, 0, 0.70); }
.bgc-e1f5fe { background-color: #e1f5fe!important }
.bgc-daeba2 { background-color: #daeba2!important }

/* border */
.brd-0s { border: 0 solid; }
.brd-1s { border: 1px solid; }
.brd-2s { border: 2px solid; }

/* border bottom */
.brd-b0s { border-bottom: 0 solid; }
.brd-b1s { border-bottom: 1px solid; }
.brd-b2s { border-bottom: 2px solid; }

/* border top */
.brd-t0s { border-top: 0 solid; }
.brd-t1s { border-top: 1px solid; }
.brd-t2s { border-top: 2px solid; }

/* border-color */
.brd-ce0e0e0 { border-color: #e0e0e0; }
.brd-cFFF { border-color: #FFF; }
.brd-c333 { border-color: #333; }
.brd-c114 { border-color: rgba(114, 114, 114, 1); }
.brd-cCCC { border-color: #CCC; }
.brd-cf8f8f8 { border-color: #f8f8f8; }
.brd-cF90 { border-color: #F90; }
.brd-c23b7e5 { border-color: #23b7e5; }


/* border-radius */
.brr-0p2rem { border-radius: 0.2rem; }
.brr-0p5rem { border-radius: 0.5rem; }
.brr-50p { border-radius: 50%; }

.brr-tr0p2rem { border-radius: 0.2rem 0 0 0.2rem; }
.brr-tr0p5rem { border-radius: 0.5rem 0 0 0.5rem; }
.brr-tr0p8rem { border-radius: 0.8rem 0 0 0.8rem; }

/* line-height */
.line-height0p6 { line-height: 0.6rem; }
.line-height1p4 { line-height: 1.4rem; }
.line-height1p5 { line-height: 1.5rem; }
.line-height1p6 { line-height: 1.6rem; }

/* Color */
.cl-f90 { color: #f90; }
.cl-868e96 { color: #868e96; }
.cl-a3a4a6 { color: #a3a4a6; }
.cl-4E5155 { color: #4E5155; }
.cl-fff { color: #FFF; }
.cl-333 { color: #333; }
.cl-156 { color: rgb(156, 156, 156); }
.cl-ccc { color: #CCC; }

/* position */
.p-fixed { position: fixed; }
.p-absolute { position: absolute; }
.p-relative { position: relative; }

/* display */
.ds-block { display: block; }
.ds-none { display: none; }
.ds-inline-block { display: inline-block; }
.ds-flex { display: flex !important; }

/* Clear */

.clear-both { clear: both; }

/* padding */
.pd-0p2rem { padding: 0.2rem; }
.pd-0p3rem { padding: 0.3rem; }
.pd-0p5rem { padding: 0.5rem; }
.pd-0p95rem { padding: 0.95rem; }
.pd-1rem { padding: 1rem; }
.pd-1p5rem { padding: 1.5rem; }

/* padding-left e right */
.pd-lr0p3rem { padding-left: 0.3rem; padding-right: 0.3rem; }
.pd-lr0p5rem { padding-left: 0.5rem; padding-right: 0.5rem; }
.pd-lr1rem { padding-left: 1rem; padding-right: 1rem; }
.pd-lr1p5rem { padding-left: 1.5rem; padding-right: 1.5rem; }

/* padding-right */
.pd-r0p2rem { padding-right: 0.2rem; }
.pd-r0p3rem { padding-right: 0.3rem; }
.pd-r0p4rem { padding-right: 0.4rem; }
.pd-r0p5rem { padding-right: 0.5rem; }
.pd-r0p8rem { padding-right: 0.8rem; }
.pd-r1rem { padding-right: 1rem; }
.pd-r1p5rem { padding-right: 1.5rem; }
.pd-r2p5rem { padding-right: 2.5rem; }
.pd-r3rem { padding-right: 3rem; }
.pd-r3p5rem { padding-right: 3.5rem; }

/* padding-left */
.pd-l0p2rem { padding-left: 0.2rem; }
.pd-l0p5rem { padding-left: 0.5rem; }
.pd-l1rem { padding-left: 1rem; }
.pd-l1p5rem { padding-left: 1.5rem; }
.pd-l2p5rem { padding-left: 2.5rem; }
.pd-l3rem { padding-left: 3rem; }
.pd-l3p5rem { padding-left: 3.5rem; }

/* padding-top */
.pd-t0 { padding-top: 0; }
.pd-t0p1rem { padding-top: 0.1rem; }
.pd-t0p2rem { padding-top: 0.2rem; }
.pd-t0p3rem { padding-top: 0.3rem; }
.pd-t0p4rem { padding-top: 0.4rem; }
.pd-t0p45rem { padding-top: 0.45rem; }
.pd-t0p5rem { padding-top: 0.5rem; }
.pd-t0p8rem { padding-top: 0.8rem; }
.pd-t0p9rem { padding-top: 0.9rem; }
.pd-t0p95rem { padding-top: 0.95rem; }
.pd-t1rem { padding-top: 1rem; }
.pd-t1p05rem { padding-top: 1.05rem; }
.pd-t1p1rem { padding-top: 1.1rem; }
.pd-t1p2rem { padding-top: 1.2rem; }
.pd-t1p4rem { padding-top: 1.4rem; }
.pd-t1p5rem { padding-top: 1.5rem; }
.pd-t2p5rem { padding-top: 2.5rem; }
.pd-t3p2rem { padding-top: 3.2rem; }
.pd-t3p5rem { padding-top: 3.5rem; }

/* padding-bottom */
.pd-b0p5rem { padding-bottom: 0.5rem; }
.pd-b1rem { padding-bottom: 1rem; }
.pd-b1p5rem { padding-bottom: 1.5rem; }
.pd-b3p2rem { padding-bottom: 3.2rem; }
.pd-b0 { padding-bottom: 0; }

.pd-tb0p5rem { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.pd-tb1rem { padding-top: 1rem; padding-bottom: 1rem; }
.pd-tb1p5rem { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pd-tb2rem { padding-top: 2rem; padding-bottom: 2rem; }
.pd-tb2p5rem { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.pd-tb3p2rem { padding-top: 3.2rem; padding-bottom: 3.2rem; }
.pd-tb3p5rem { padding-top: 3.5rem; padding-bottom: 3.5rem; }

/* margin */
.mg-0auto { margin: 0 auto; }
.mg-0p2rem { margin: 0.2rem; }

.mg-t0p2rem { margin-top: 0.2rem; }
.mg-t0p5rem { margin-top: 0.5rem; }
.mg-t1rem { margin-top: 1rem; }
.mg-t1p5rem { margin-top: 1.5rem; }
.mg-t2rem { margin-top: 2rem; }
.mg-t3p2rem { margin-top: 3.2rem; }

.mg-l-l1rem { margin-left: -1rem; }
.mg-l0p5rem { margin-left: 0.5rem; }
.mg-l1rem { margin-left: 1rem; }
.mg-l1p5rem { margin-left: 1.5rem; }
.mg-l18rem { margin-left: 18rem; }

.mg-r0p5rem { margin-right: 0.5rem; }
.mg-r1rem { margin-right: 1rem; }
.mg-r1p5rem { margin-right: 1.5rem; }
.mg-lr1p5rem { margin-left: 1.5rem; margin-right: 1.5rem; }

.mg-b0p2rem { margin-bottom: 0.2rem; }
.mg-b0p5rem { margin-bottom: 0.5rem; }
.mg-b1rem { margin-bottom: 1rem; }
.mg-b1p5rem { margin-bottom: 1.5rem; }
.mg-b2rem { margin-bottom: 2rem; }
.mg-b3p2rem { margin-bottom: 3.2rem; }


.mg-tb0p5rem { margin-top: 0.5rem; margin-bottom: 0.5rem; }

/* margin block end */
.mg-block-end0 { margin-block-end: 0; }

/* width */
.w-0 { width: 0; }
.w-20p { width: 20% }
.w-25p { width: 25% }
.w-33p { width: 33.3% }
.w-50p { width: 50% !important; }
.w-40p { width: 40% !important; }
.w-80p { width: 80%; }
.w-100 { width: 100%; }
.w-auto { width: auto; }
.w-1rem { width: 1rem; }
.w-1p2rem { width: 1.2rem; }
.w-1p5rem { width: 1.5rem; }
.w-2rem { width: 2rem; }
.w-2p5rem { width: 2.5rem; }
.w-3rem { width: 3rem; }
.w-4rem { width: 4rem; }
.w-18rem { width: 18rem; }
.w-100vw { width: 100vw; }

/* Max Width */
.mw-18rem { max-width: 18rem; }
.mw-300px { max-width: 300px; }
.mw-350px { max-width: 350px; }
.mw-400px { max-width: 400px; }
.mw-500px { max-width: 500px; }
.mw-1080px { max-width: 1080px; }

/* height */
.h-50p { height: 50%; }
.h-100 { height: 100%; }
.h-auto { height: auto; }
.h-0p5rem { height: 0.5rem; }
.h-0p8rem { height: 0.8rem; }
.h-1rem { height: 1rem; }
.h-1p5rem { height: 1.5rem; }
.h-2rem { height: 2rem; }
.h-2p5rem { height: 2.5rem; }
.h-3rem { height: 3rem !important; }
.h-3p2rem { height: 3.2rem !important; }
.h-3p5rem { height: 3.5rem !important; }
.h-4rem { height: 5rem; }
.h-8rem { height: 8rem; }
.h-50vh { height: 50vh; }

/* min-height */
.mih-100vh { min-height: 100vh; }
.mih-8rem { min-height: 8rem; }

/* max-height */
.mh-90 { max-height: 90vh; }
.mh-8rem { max-height: 8rem; }
.mh-100-10rem { max-height: calc(100vh - 10rem); }

/* Width e Height */
.wh-3rem { width: 3rem; height: 3rem; }
.wh-4rem { width: 4rem; height: 4rem; }
.wh-5rem { width: 5rem; height: 5rem; }


/* text */
.tx-center { text-align: center; }
.tx-left { text-align: left; }
.tx-right { text-align: right; }

/* column */
.column-count2 { column-count: 2; }
.break-inside div { break-inside: avoid-column; }

/* flex */
.flex-center { align-items: center; justify-content: center; }
.flex1 { flex: 1; }
.flex-wrap { flex-wrap: wrap; }
.flex-grow1 { flex-grow: 1; }
.flex-basis0 { flex-basis: 0; }
.flex-30 { flex: 0 0 33%;  }

.jc-space-between { justify-content: space-between; }


/* font */
.ft-s0p5rem { font-size: 0.5rem; }
.ft-s0p6rem { font-size: 0.6rem; }
.ft-s0p7rem { font-size: 0.7rem; }
.ft-s0p75rem { font-size: 0.75rem; }
.ft-s0p8rem { font-size: 0.8rem; }
.ft-s0p85rem { font-size: 0.85rem; }
.ft-s0p9rem { font-size: 0.9rem; }
.ft-s0p95rem { font-size: 0.95rem; }
.ft-s1rem { font-size: 1rem; }
.ft-s1p1rem { font-size: 1.1rem; }
.ft-s1p15rem { font-size: 1.15rem; }
.ft-s1p2rem { font-size: 1.2rem !important; }
.ft-s1p25rem { font-size: 1.25rem; }
.ft-s1p3rem { font-size: 1.3rem; }
.ft-s1p4rem { font-size: 1.4rem; }
.ft-s1p5rem { font-size: 1.5rem !important; }
.ft-s1p6rem { font-size: 1.6rem; }
.ft-s1p8rem { font-size: 1.8rem; }
.ft-s2rem { font-size: 2rem; }
.ft-s2p2rem { font-size: 2.2rem !important; }
.ft-s2p5rem { font-size: 2.5rem; }
.ft-s3rem { font-size: 3rem !important; }
.ft-s3p5rem { font-size: 3.5rem; }
.ft-s4rem { font-size: 4rem; }

/* font-weight */
.fw-lighter { font-weight: lighter !important; }
.fw-n { font-weight: normal !important; }
.fw-b { font-weight: bold; }

/* font */
.fs-i { font-style: italic; }

/* Z-Index */
.z-index0 { z-index:0; }
.z-index1 { z-index:1; }
.z-index2 { z-index:2; }
.z-index4 { z-index:4; }

/* media */
@media only screen and (max-width: 950px) {
  .media-950 { display: none; }
  .media-950-w-50 { width: 50%; }
  .media-950-w-70 { width: 70% !important; }
  .media-950-w-100 { width: 100%; }
  .media-950-w-0 { width: 0; }
  .media-950-mg-l0 { margin-left: 0; }
  .media-950-pd-0 { padding: 0; }
  .media-950-tx-center { text-align: center; }
  .media-950-fl-none { float: none; }
}
@media only screen and (max-width: 750px) {
  .media-750 { display: none; }
  .media-750-comp-box-col { display: inline; }
  .media-750-w-90 { width: 90% !important; }
  .media-750-w-50 { width: 50%; }
  .media-750-w-100 { width: 100%; }
  .media-750-w-0 { width: 0; }
  .media-750-pd-0 { padding: 0; }
  .media-750-mg-l0 { margin-left: 0; }
  .media-750-tx-center { text-align: center; }
  .media-750-fl-none { float: none; }
}
@media only screen and (max-width: 550px) {
  .media-550 { display: none; }
  .media-550-w-50 { width: 50% !important; }
  .media-550-w-33 { width: 33% !important; }
  .media-550-w-25 { width: 25% !important; }
  .media-550-w-100 { width: 100%; }
  .media-550-pd-0 { padding: 0; }
  .media-550-tx-center { text-align: center; }
  .media-550-fl-none { float: none; }
  .media-550-pd-1rem { padding: 1rem; }
  .media-550-mw-90p { max-width: 98%; }
}
@media only screen and (max-width: 350px) {
  .media-350 { display: none; }
  .media-350-w-100 { width: 100%; }
  .media-350-pd-0 { padding: 0; }
  .media-350-tx-center { text-align: center; }
  .media-350-fl-none { float: none; }
}

/* Barra de Rolagem */
@media only screen and (min-width: 950px) {
  ::-webkit-scrollbar-thumb { background: #dcdcdc; }
  ::-webkit-scrollbar { width: 7px; height: 0.5em; }
}

/* font-size */
.media-ft-s1p2rem { font-size: 1.2rem; }
.media-ft-s1p1rem { font-size: 1.1rem; }
@media only screen and (max-width: 750px) {
  .media-ft-s1p2rem { font-size: 0.9rem; }
  .media-ft-s1p1rem { font-size: 0.9rem; }
}

/* letter-spacing */
.letter-spacing01 { letter-spacing: 0.1rem; }
.letter-spacing03 { letter-spacing: 0.3rem; }

/* text-shadow */
.text-shadow { text-shadow: 0 0 1em rgba(24,28,33,0.8); }

/* Top */
.top-n2rem { top: -2rem; }
.top-n2p5rem { top: -2.5rem; }
.top-n3rem { top: -3rem; }
.top-0 { top: 0; }
.top-3p2rem { top: 3.2rem; }
.top-3p5rem { top: 3.5rem; }

/* left */
.left-n1rem { left: -1rem; }
.left-n2rem { left: -2rem; }
.left-n2p5rem { left: -2.5rem; }
.left-n3rem { left: -3rem; }
.left-0 { left: 0; }

/* right */
.right-n1rem { right: -1rem; }
.right-n2rem { right: -2rem; }
.right-n2p5rem { right: -2.5rem; }
.right-n3rem { right: -3rem; }
.right-0 { right: 0 !important; }

/* Bottom */
.bottom-0 { bottom: 0; }
.bottom-0p6rem { bottom: 0.6rem !important; }



/* === Uso Específico === */

.bg-cover { background-repeat: no-repeat; background-position: center; background-size: cover; }
.bg-no-repeat { background-repeat: no-repeat; }
.bg-center { background-position: center; }


@media only screen and (max-width: 750px) {
}
@media only screen and (max-width: 400px) {
}