@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap'); /* === fonts-icons === */ @import url(fonts-icons/gade-cliente/style.css); @import url(fonts-icons/gd-delivery/style.css); @import url(fonts-icons/gd-btn/style.css); @import url(fonts-icons/gd-checked/style.css); /* === Fontes === */ @import url(font-baloo2/stylesheet.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%; } .comp-bottom-fixo { position: fixed; bottom: 0; right: 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-plr0p5rem li { padding-left: 0.5rem; padding-right: 0.5rem; } .comp-ul-icons.li-mlr0p2rem li { margin-left: 0.2rem; margin-right: 0.2rem; } .comp-ul-icons.li-mlr0p5rem li { margin-left: 0.5rem; margin-right: 0.5rem; } .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 strong.ft-s1rem { font-size: 1rem; } .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: #E0EEB7; } .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; } .comp-btn-text { display: inline-block; padding: 0 0.5rem; border: 1px solid; } /* 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(../imagens/select-seta.png) no-repeat center right; background-size: 1.2rem 0.6rem; 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"; } /* checkbox */ .comp-radiobox:before { content: "\e903"; font-family: "gd-checked"; } .comp-radiobox.at:before { content: "\e904"; } /* 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 fieldset { overflow: hidden; display: block; border: none; } .comp-formulario label { overflow: hidden; display: block; text-align: left; padding-bottom: 0.5rem; } .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[type=text], .comp-formulario.tw100p input[type=datetime-local], .comp-formulario.tw100p input[type=date], .comp-formulario.tw100p input[type=password], .comp-formulario.tw100p input[type=time], .comp-formulario.tw100p input[type=tel], .comp-formulario.tw100p input[type=email], .comp-formulario.tw100p input[type=number], .comp-formulario.tw100p textarea, .comp-formulario.tw100p select, .comp-formulario.tw100p .button { width: 100%; line-height: 1.2rem; } .comp-formulario input[type="color"] { padding: 0; width: 100%; height: 3rem; } .comp-formulario input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; } .comp-formulario input[type="color"]::-webkit-color-swatch { border: none; } .comp-formulario .label { overflow: hidden; display: block; padding: 0.7em 0; flex: 1 1 320px; } .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: #6e9a0e; } .comp-formulario .button.btn-verde { border: 2px solid #8cbe20; background: #8cbe20; color: #fff; } .comp-formulario .button.sem-bg { background: none; } .comp-formulario .button.so-borda:hover { border-color: #F90; color: #F90; } .comp-formulario .button.pd-lr0 { padding: 0.75em 0; } .comp-formulario .button.pd-0 { padding: 0; } /* === 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; } /* === Btn ON OFF [Estrutura] === */ .comp-onoff { position: relative; display: inline-block; width: 60px; height: 34px; } .comp-onoff input { opacity: 0; width: 0; height: 0; } .comp-onoff-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s; } .comp-onoff-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; -webkit-transition: .4s; transition: .4s; } input:checked + .comp-onoff-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .comp-onoff-slider.round { border-radius: 34px; } .comp-onoff-slider.round:before { border-radius: 50%; } /* === Btn ON OFF [Color] === */ input:checked + .comp-onoff-slider { background-color: #358c17; } input:focus + .comp-onoff-slider { box-shadow: 0 0 1px #358c17; } .comp-onoff-slider { background-color: #ccc; } .comp-onoff-slider:before { background-color: white; } /* === 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; } .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; } /* === Vídeo Youtube === */ .comp-video-conteiner { width: 100%; } .comp-video { position: relative; padding-bottom: 56.25%; height: 0; } .comp-video-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slip-mover { background-repeat: no-repeat; background-size: 5px; background-position: 6px center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAmCAYAAAD9XArwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDE0MzJFM0VENzIyMTFFQUFGREVFNEMwNUI1NkY0MEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDE0MzJFM0ZENzIyMTFFQUFGREVFNEMwNUI1NkY0MEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMTQzMkUzQ0Q3MjIxMUVBQUZERUU0QzA1QjU2RjQwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMTQzMkUzREQ3MjIxMUVBQUZERUU0QzA1QjU2RjQwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkBKlLAAAAGASURBVHja7JRPKERBHMc9RPmT294cuLggPaUoObGcxUE20e51D7JyQLnSnh2WHDYXiit30sp75c9BuUtJpG1pk+cz+q3mvTdp5aRMffY77/f7zvx2Zt4by/O8Cr25rptD6mzb7tDjlQHTDtID7fQPjEYSaWRMy0WJZXxGAklkFvJwC49QgDi5ReWxHMeZQLdlYCdsQTMMwjE0QELNuC6mfhZwibZBhP4F2iu5jDKOwDCJIwm+y9+pJXZFdxSmLMP2PCONCox54/Z810zGN5MxVPonM/5ZY7W20TXIGkyq3YAspNj0os9IW4Wk9qz6L7AQLB0zVEz8ajFZQ34jtBjavCwipg1c+j/r4Mf1hDRBPedcKGdGr9zSlq80peLoA2X2A4bSRdBdmlHdWHsEusRQpX4Y+Eqshe6ZQhmnxZAj0Ypew730TyWX+jxrgss8rMAdFOUGUxdBBNLMPvf1UmDeRGYCC9rFNB56ezAfIkPyeIKpz7g9JKLIOdzAgJ77EGAAcgWLuTgGVVgAAAAASUVORK5CYII='); } .comp-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2rem; } .comp-grid-2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0.5rem; } .comp-grid-minmax { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); grid-gap: 1.5rem; } .comp-grid-minmax-90 { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); grid-gap: 0.5rem; } .grid-gap-0p2rem { grid-gap: 0.2rem; } .comp-grid-bloco { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2rem; } .comp-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0.2rem; } @media only screen and (max-width: 1200px) { .comp-grid-bloco { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 650px) { .comp-grid { grid-template-columns: 1fr 1fr; } .comp-grid-minmax { grid-gap: 1rem; } .comp-grid-bloco { grid-template-columns: 1fr; } .media-w650-comp-grid-1fr { grid-template-columns: 1fr; } } @media only screen and (max-width: 350px) { .comp-grid { grid-template-columns: 1fr; } } /* === Cupom === */ .text-center { text-align: center; } .ttu { text-transform: uppercase; } .printer-ticket { display: table !important; width: 100%; max-width: 600px; font-weight: light; line-height: 1.3em; } .printer-ticket, .printer-ticket * { font-family: Tahoma, Geneva, sans-serif; } .printer-ticket th:nth-child(2), .printer-ticket td:nth-child(2) { width: 50px; } .printer-ticket th:nth-child(3), .printer-ticket td:nth-child(3) { width: 90px; text-align: right; } .printer-ticket th { font-weight: inherit; padding: 10px 0; text-align: center; border-bottom: 1px dashed #BCBCBC; } .printer-ticket tbody tr:last-child td { padding-bottom: 10px; } .printer-ticket tfoot .sup td { padding: 10px 0; border-top: 1px dashed #BCBCBC; } .printer-ticket tfoot .sup.p--0 td { padding-bottom: 0; } .printer-ticket .title { padding: 15px 0; } .printer-ticket .top td { padding-top: 10px; } .printer-ticket .last td { padding-bottom: 10px; } .cupom * { font-family: Tahoma, Geneva, sans-serif; } .cupom { width: 100%; max-width: 600px; margin: 0 auto; font-weight: light; line-height: 1.3em; } .cupom .brd-b1d { border-bottom: 1px dashed #BCBCBC; } .cupom .brd-t1d { border-top: 1px dashed #BCBCBC; } /* === post social === */ .post-social { width: 800px; height: 800px; display: flex; align-items: center; background-color: #fff; color: #fff; position: relative; } .post-social.stories { width: 1080px; height: 1920px; } .post-social * { margin: 0; padding: 0; list-style: none; } .post-social .bg-30 { position: absolute; top: 0; left: 0; width: 100%; height: 40%; background-color: #f90; } .post-social .box-center { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .post-social .box-relative { position: relative; width: 800px; height: 800px; font-size: 16px; } .post-social.stories .box-relative { width: 1080px; height: 1080px; font-size: 22px; } .post-social.stories.auto .box-relative { width: 1080px; height: 1550px; font-size: 22px; } .post-social .img-70 { width: 70%; height: 70%; margin: 10% auto 0 auto; background-image: url(https://media-cdn.tripadvisor.com/media/photo-s/13/f9/d2/67/mexican-burger.jpg); background-size: cover; border-radius: 2em; box-shadow: 0 0 2em #333; } .post-social .img-70.wh700 { width: 600px; height: 600px; } .post-social.stories .img-70 { margin: 0 auto; } .post-social .img-70.radius50 { border-radius: 50%; margin-top: 3em; } .post-social .preco-70 { position: absolute; top: 5%; right: 8%; width: 160px; height: 160px; background-color: rgba(255, 255, 255, 0.9); color: #333; border-radius: 50%; display: flex; justify-content: center; align-items: center; transform: rotate(12deg); } .post-social.stories .preco-70 { width: 220px; height: 220px; } .post-social .preco-70 .box { text-align: center; } .post-social .preco-70 h3 { display: block; font-size: 1em; font-family: 'Montserrat', serif; } .post-social .preco-70 h4 { display: block; font-size: 1.8em; font-family: 'Montserrat', serif; } .post-social .preco-70 span { font-size: 0.7em; } .post-social .text-50 { position: absolute; top: 70%; left: 0; width: 100%; text-align: center; } .post-social.stories .text-50 { top: 60%; } .post-social.stories .text-50.t720 { top: 700px; } .post-social .text-50 h1 { font-size: 3em; display: block; padding: 0 20%; text-shadow: 0 0 0.5em #333; font-family: 'Montserrat', serif; } .post-social .text-50 h1.txt-sha-none { text-shadow: none;} .post-social .text-50 h2 { font-size: 1.8em; display: block; padding: 0 20%; font-family: 'Montserrat', serif; } .post-social .text-50 h2 span { padding: 1em; background-color: #f90; display: block; } .post-social .text-50 p { text-align: left; color: #333; font-size: 1.2em; padding: 1.5em 20%; font-family: 'Montserrat', serif; } .post-social .text-50 p.center { text-align: center; } /* === Utilitarios === */ input:has(div) { border: 1px solid #F90; } /* Font */ .ff-geral * { font-family: 'baloo_2regular', Arial, Helvetica, sans-serif; } .ff-titulo { font-family: 'baloo_2regular', Arial, Helvetica, sans-serif; } .ff-titulo-italic { font-family: 'baloo_2regular', Arial, Helvetica, sans-serif; font-style: italic; } .ff-titulo-bold { font-family: 'baloo_2bold', Arial, Helvetica, sans-serif; } .ff-normal { font-family: 'baloo_2regular', Arial, Helvetica, sans-serif; } .ff-italic { font-family: 'baloo_2regular', Arial, Helvetica, sans-serif; } .ff-bold { font-family: 'baloo_2bold', Arial, Helvetica, sans-serif; } .ff-conteudo { font-family: 'baloo_2regular', Arial, Helvetica, sans-serif; } .ff-conteudo i { font-family: 'baloo_2regular', Arial, Helvetica, sans-serif; font-style: italic; } .ff-conteudo strong { font-family: 'baloo_2bold', Arial, Helvetica, sans-serif; } /* Icon */ [gd-icon]:before { font-family: "gade-cliente"; content: attr(gd-icon); } [gd-icon-gddelivery]:before { font-family: "gd-delibery"; content: attr(gd-icon-gddelivery); } /* 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); } .a-cFFF { color: #FFF; } .a-c23b7e5 { color: #1194bd; } .a-c23b7e5:hover { color: #055e7a; } .a-cd58000 { color: #d58000; } .a-cd58000:hover { color: #ab6700; } /* 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; } .c-23b7e5 { color: #23b7e5; } .c-0887af { color: #0887af; } .c-ed5757 { color: #ed5757; } /* 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 */ .bgs-17p { background-size: 17%; } /* background */ .bgc-fff { background-color: #fff; } .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; } .bgc-f8dede { background-color: #f8dede; } .bgc-353533 { background-color: #353533; } .bgc-f8f8f8 { background-color: #f8f8f8; } .bgc-f9f9f9 { background-color: #f9f9f9; } .bgc-d2d2d2 { background-color: #d2d2d2; } .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 } .bgc-hover-E0EEB7:hover { background-color: #E0EEB7 } /* 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 left */ .brd-l1s { border-left: 1px solid; } /* border-color */ .brd-ce0e0e0 { border-color: #e0e0e0; } .brd-cFFF { border-color: #FFF; } .brd-c888 { border-color: #888; } .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; } .brd-c85c810 { border-color: #85c810; } .brd-ce51f1f { border-color: #e51f1f; } /* border-radius */ .brr-0p2rem { border-radius: 0.2rem; } .brr-0p5rem { border-radius: 0.5rem; } .brr-1rem { border-radius: 1rem; } .brr-t1rem { border-radius: 1rem 1rem 0 0; } .brr-b1rem { border-radius: 0 0 1rem 1rem; } .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; } .brr-t0p5rem { border-radius: 0.5rem 0.5rem 0 0; } .brr-b0p5rem { border-radius: 0 0 0.5rem 0.5rem; } /* line-height */ .line-height0p6 { line-height: 0.6rem; } .line-height1p2 { line-height: 1.2rem; } .line-height1p4 { line-height: 1.4rem; } .line-height1p5 { line-height: 1.5rem; } .line-height1p6 { line-height: 1.6rem; } .line-height100p { line-height: 100%; } .line-height130p { line-height: 130%; } .line-height140p { line-height: 140%; } /* Color */ .cl-f90 { color: #f90; } .cl-868e96 { color: #868e96; } .cl-a3a4a6 { color: #a3a4a6; } .cl-4E5155 { color: #4E5155; } .cl-fff { color: #FFF; } .cl-85c810 { color: #85c810; } .cl-333 { color: #333; } .cl-156 { color: rgb(156, 156, 156); } .cl-ccc { color: #CCC; } .cl-e51f1f { color: #e51f1f; } .cl-23b7e5 { color: #23b7e5; } .cl-35d110 { color: #35d110; } .cl-d7c023 { color: #d7c023; } .cl-ff0030 { color: #ff0030; } /* 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-0p6rem { padding: 0.6rem; } .pd-0p95rem { padding: 0.95rem; } .pd-1rem { padding: 1rem; } .pd-1p5rem { padding: 1.5rem; } .pd-3rem { padding: 3rem; } /* padding-left e right */ .pd-lr0p3rem { padding-left: 0.3rem; padding-right: 0.3rem; } .pd-lr0p35rem { padding-left: 0.35rem; padding-right: 0.35rem; } .pd-lr0p5rem { padding-left: 0.5rem; padding-right: 0.5rem; } .pd-lr0p6rem { padding-left: 0.6rem; padding-right: 0.6rem; } .pd-lr0p7rem { padding-left: 0.7rem; padding-right: 0.7rem; } .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-l0p8rem { padding-left: 0.8rem; } .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-b2rem { padding-bottom: 2rem; } .pd-b3p2rem { padding-bottom: 3.2rem; } .pd-b0 { padding-bottom: 0; } .pd-tb0p5rem { padding-top: 0.5rem; padding-bottom: 0.5rem; } .pd-tb0p8rem { padding-top: 0.8rem; padding-bottom: 0.8rem; } .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-0p5rem { margin: 0.5rem; } .mg-1rem { margin: 1rem; } .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-t2p5rem { margin-top: 2.5rem; } .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-lrp5rem { margin-left: 0.5rem; margin-right: 0.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-b4rem { margin-bottom: 5rem; } .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-12p5p { width: 12.5% !important; } .w-20p { width: 20% } .w-25p { width: 25% !important; } .w-30p { width: 30%; } .w-35p { width: 35%; } .w-33p { width: 33.3% !important; } .w-50p { width: 50% !important; } .w-40p { width: 40% !important; } .w-65p { width: 65%; } .w-70p { width: 70%; } .w-75p { width: 75%; } .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-8rem { width: 8rem; } .w-18rem { width: 18rem; } .w-800px { width: 800px; } .w-400px { width: 400px; } .w-100vw { width: 100vw; } /* Max Width */ .mw-2rem { max-width: 2rem; } .mw-3rem { max-width: 3rem; } .mw-3p5rem { max-width: 3.5rem; } .mw-4rem { max-width: 4rem; } .mw-5rem { max-width: 5rem; } .mw-7rem { max-width: 7rem; } .mw-8rem { max-width: 8rem; } .mw-9rem { max-width: 9rem; } .mw-10rem { max-width: 10rem; } .mw-12rem { max-width: 12rem; } .mw-14rem { max-width: 14rem; } .mw-18rem { max-width: 18rem; } .mw-120px { max-width: 120px; } .mw-300px { max-width: 300px; } .mw-350px { max-width: 350px; } .mw-400px { max-width: 400px; } .mw-500px { max-width: 500px; } .mw-720px { max-width: 720px; } .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; } .h-100vh { height: 100vh; } .h-100vh-3p2rem { height: calc(100vh - 3.2rem); } .h-100vh-4rem { height: calc(100vh - 4rem); } .h-100vh-8rem { height: calc(100vh - 8rem); } /* 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%; } .flex-250 { flex: 1 1 250px; } .jc-space-between { justify-content: space-between; } .jc-space-evenly { justify-content: space-evenly; } .al-it-center { align-items: center; } /* 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; } /* white space (quebra de linha) */ .white-space-nowrap { white-space: nowrap; } /* media */ @media only screen and (max-width: 950px) { .media-950 { display: none; } .media-950-ds-block { display: block; } .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% !important; } .media-750-w-0 { width: 0; } .media-750-pd-0 { padding: 0; } .media-750-mg-t1p5rem { margin-top: 1.5rem; } .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-95 { width: 95% !important; } .media-550-w-100 { width: 100% !important; } .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-pd-0rem { padding: 0rem; } .media-550-pd-0p5rem { padding: 0.5rem; } .media-550-pd-lr1rem { padding-left: 1rem; padding-right: 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; } .right-0p5rem { right: 0.5rem !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) { } /* Impressão */ @media print { #menu-principal { display: none; } [gd-viewconteudopag] { margin-left: auto; font-size: 12px; } .media-print-none { display: none; } }