/*
Theme Name: Accional Solutions
Author: Accional
Author URI: https://accional.pt/
Description:
Requires at least: 6.7.2
Requires PHP: 8.0.1
Version: 1.0
*/
.change-language{
	padding: 4px 0 0 10px;
}
/* --- ANIMAÇÕES BASE --- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* --- HEADINGS --- */
h1,
h2,
h3,
h4 {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
  will-change: opacity, transform;
}

h1 {
  animation-delay: 0.1s;
}

h2 {
  animation-delay: 0.2s;
}

h3 {
  animation-delay: 0.3s;
}

h4 {
  animation-delay: 0.4s;
}

/* Animação ao hover para títulos interativos */
h1 a,
h2 a,
h3 a {
  transition: color 0.3s ease, transform 0.3s ease;
  display: inline-block;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
  transform: translateX(5px);
}

/* --- PARÁGRAFOS --- */
p {
  opacity: 0;
  animation: fadeIn 0.6s ease-out 0.3s forwards;
  will-change: opacity;
}

/* Parágrafos em sequência */
p:nth-of-type(1) {
  animation-delay: 0.4s;
}

p:nth-of-type(2) {
  animation-delay: 0.5s;
}

p:nth-of-type(3) {
  animation-delay: 0.6s;
}

/* --- BOTÕES --- */
/* Botão Primário */
.button-primary,
.btn-primary,
.w-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, box-shadow;
  animation: fadeInUp 0.6s ease-out 0.5s backwards;
}

.button-primary::before,
.btn-primary::before,
.w-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
}

.button-primary:hover::before,
.btn-primary:hover::before,
.w-button:hover::before {
  width: 300px;
  height: 300px;
}

.button-primary:hover,
.btn-primary:hover,
.w-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.button-primary:active,
.btn-primary:active,
.w-button:active {
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.1s ease;
}

/* Botão Secundário */
.button-secondary,
.btn-secondary {
  position: relative;
  transition: all 0.3s ease;
  animation: fadeInUp 0.6s ease-out 0.6s backwards;
}

.button-secondary::after,
.btn-secondary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.button-secondary:hover::after,
.btn-secondary:hover::after {
  width: 100%;
}

.button-secondary:hover,
.btn-secondary:hover {
  transform: translateX(5px);
  opacity: 0.85;
}

/* Botão Outline */
.button-outline,
.btn-outline {
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeInUp 0.6s ease-out 0.7s backwards;
  overflow: hidden;
}

.button-outline::before,
.btn-outline::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: currentColor;
  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
  opacity: 0.1;
}

.button-outline:hover::before,
.btn-outline:hover::before {
  left: 0;
}

.button-outline:hover,
.btn-outline:hover {
  transform: scale(1.05);
}

/* Botão CTA */
.button-cta,
.btn-cta,
.cta-marcar-rastreio {
  animation: fadeInUp 0.7s ease-out 0.5s backwards;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.button-cta::after,
.btn-cta::after,
.cta-marcar-rastreio::after {
  content: '→';
  position: absolute;
  right: -20px;
  opacity: 0;
  transition: all 0.3s ease;
  font-size: 1.2em;
}

.button-cta:hover::after,
.btn-cta:hover::after,
.cta-marcar-rastreio:hover::after {
  right: 20px;
  opacity: 1;
}

.button-cta:hover,
.btn-cta:hover,
.cta-marcar-rastreio:hover {
  padding-right: 50px;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(178, 34, 34, 0.25);
}

/* --- MICRO-INTERAÇÕES PARA LINKS --- */
a {
  transition: color 0.3s ease, opacity 0.3s ease;
}

a:hover {
  opacity: 0.8;
}

/* Links com underline animado */
.link-animated {
  position: relative;
  text-decoration: none;
}

.link-animated::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.link-animated:hover::after {
  width: 100%;
}

/* --- ANIMAÇÕES PARA CARDS E CONTAINERS --- */
.slide-servico-visual,
.card,
.servico-item {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-servico-visual:hover,
.card:hover,
.servico-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* --- ANIMAÇÕES PARA IMAGENS --- */
img {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    filter 0.4s ease;
}

a:hover img,
.image-hover:hover img {
  transform: scale(1.05);
}

/* --- ANIMAÇÕES PARA ÍCONES/ARROWS --- */
.arrow-left,
.arrow-right,
.icon {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.arrow-left:hover,
.arrow-right:hover {
  transform: scale(1.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.arrow-left:active,
.arrow-right:active {
  transform: scale(0.95);
}

/* --- OTIMIZAÇÕES DE PERFORMANCE --- */
/* Reduz animações para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Remove animações após carregamento para melhor performance */
.loaded h1,
.loaded h2,
.loaded h3,
.loaded h4,
.loaded p {
  animation: none;
  opacity: 1;
}

/* --- ANIMAÇÕES DE ENTRADA PARA SEÇÕES --- */
.section-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.section-animate.visible {
  opacity: 1;
  transform: translateY(0);
}

/* --- LOADING STATES --- */
.button-loading {
  pointer-events: none;
  position: relative;
  color: transparent !important;
}

.button-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: button-spin 0.6s linear infinite;
}

@keyframes button-spin {
  to {
    transform: rotate(360deg);
  }
}

/* --- PULSE PARA ELEMENTOS IMPORTANTES --- */
@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }
}

.pulse-on-load {
  animation: pulse 2s ease-in-out 1s 3;
}

:root {
  --_cores---vermelho: #aa2b31;
  --_cores---preto: #000;
  --_cores---branco: white;
  --_cores---vermelho-transp: #aa2b3170;
  --_cores---cinzento: #939598;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: var(--_cores---vermelho);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 2rem;
  font-family: Open Sans, sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.3;
}

h2 {
  color: var(--_cores---preto);
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-family: Mulish, sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.1;
}

h3 {
  color: var(--_cores---preto);
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  font-family: Mulish, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
}

h4 {
  text-align: left;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  color: var(--_cores---preto);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.2;
}

h6 {
  color: var(--_cores---preto);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
}

p {
  color: var(--_cores---preto);
  margin-bottom: 1.5rem;
  font-family: Mulish, sans-serif;
  font-size: 1.1rem;
  line-height: 1.4;
}

a {
  text-decoration: underline;
}

img {
  border-radius: 1rem;
  max-width: 100%;
  display: inline-block;
}

.bottom-cta_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image_bg_overlay {
  z-index: 2;
  background-image: none;
  position: absolute;
  inset: 0%;
}

.section {
  z-index: 2;
  background-color: var(--_cores---branco);
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.section.is-footer {
  background-color: var(--_cores---vermelho);
  border-top: 1px solid #d8d8d8;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section.background-image {
  background-image: linear-gradient(#000000a8, #000000a8), url('../images/optimed.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.background-image.container-xl-95 {
  background-image: linear-gradient(to bottom, null, null), url('../images/22.avif');
  border-radius: 20px;
}

.section.is-about-hero {
  margin-top: 6rem;
  padding-top: 5rem;
  padding-bottom: 6rem;
}

.section.is-about-hero.hidden {
  display: none;
}

.section.is-contact {
  margin-top: 6rem;
  padding-top: 0;
  padding-bottom: 0;
}

.section.background-color-red-copy {
  background-color: #ffbec142;
}

.section.no-padding {
  padding-top: 0;
}

.section.no-padding.hidden {
  display: none;
}

.section.no-padding.no-padding-bottom {
  padding-bottom: 0;
}

.faqs_head {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  padding-top: .75rem;
  font-weight: 700;
  display: flex;
}

.text-size-regular {
  font-size: 1rem;
}

.margin-bottom-8 {
  margin-bottom: .5rem;
}

.link_line {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-color: #ceff65;
  width: 100%;
  height: .25rem;
  padding: 0;
  position: absolute;
  transform: scale3d(0, 1, 1);
}

.bottom-cta_box {
  z-index: 1;
  transform-origin: 50% 0;
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 33.13rem;
  margin-top: -6.4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.margin-top-32 {
  margin-top: 2rem;
}

.faqs_list {
  flex: 1;
  padding-left: 0;
  list-style-type: none;
}

.flex-center {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-size-medium {
  font-size: 1.125rem;
  line-height: 1.4;
}

.text-size-medium.white-text {
  font-size: 1rem;
}

.link-box {
  z-index: 1;
  opacity: 0;
  background-color: #d8d8d8;
  border-radius: .25rem;
  width: 115%;
  height: 115%;
  position: absolute;
}

.icon-24 {
  z-index: 2;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
  position: relative;
}

.social-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.social-link:hover {
  background-color: var(--_cores---vermelho-transp);
  border-radius: 4px;
}

.opacity-60 {
  opacity: .6;
}

.slider_bg {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.page-wrapper {
  overflow: clip;
}

.margin-bottom-40 {
  margin-bottom: 2.5rem;
}

.container-large {
  width: 90%;
  max-width: 72.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-size-eyebrow {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .875rem;
  line-height: 1;
}

.text-size-eyebrow.text-color-grey {
  color: var(--_cores---cinzento);
  text-transform: none;
}

.services_wrap {
  z-index: 2;
  grid-column-gap: 4.75rem;
  grid-row-gap: 4.75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faqs_item {
  border-bottom: 1px solid var(--_cores---vermelho);
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: color .45s cubic-bezier(.215, .61, .355, 1);
}

.faqs_item:hover {
  border-bottom-color: var(--_cores---vermelho);
  color: var(--_cores---vermelho);
  -webkit-text-stroke-color: var(--_cores---vermelho);
}

.margin-top-8 {
  margin-top: .5rem;
}

.max-width-full {
  width: 100%;
}

.margin-bottom-16 {
  margin-bottom: 1rem;
}

.wrap_flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrap_flex.is-align-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.wrap_flex.is-align-top {
  align-items: flex-start;
}

.margin-bottom-48 {
  margin-bottom: 3rem;
}

.footer_copyright {
  border-top: 1px solid var(--_cores---branco);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  display: flex;
}

.max-width-440 {
  width: 100%;
  max-width: 30rem;
}

.list {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--_cores---vermelho);
  color: var(--_cores---branco);
  letter-spacing: .05rem;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-family: Mulish, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .45s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:hover {
  background-color: #7a1c20;
}

.button.bt-secondary {
  border: 1px solid var(--_cores---vermelho);
  color: var(--_cores---preto);
  background-color: #0000;
}

.button.bt-secondary:hover {
  background-color: #aa2b3140;
}

.button.max-width-400 {
  max-width: 28rem;
}

.button.optimed {
  border: 2px solid var(--_cores---vermelho);
  background-color: var(--_cores---branco);
  color: var(--_cores---vermelho);
  padding-left: 1rem;
  padding-right: 1rem;
}

.button.optimed:hover {
  background-color: #aa2b3140;
}

.button.btn-white {
  background-color: var(--_cores---branco);
}

.locations_visual {
  aspect-ratio: 20 / 20;
  text-align: left;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faqs_body {
  font-size: 1rem;
  overflow: hidden;
}

.services_item {
  background-color: #fff;
  border-radius: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.text-box {
  color: var(--_cores---preto);
  font-family: Mulish, sans-serif;
}

.footer_copyright-inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.text-style-link, .descricao_faq a {
  color: var(--_cores---vermelho);
  text-decoration: underline;
}

.text-style-link:hover, .descricao_faq a:hover {
  text-decoration: none;
}

.services_list {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.social-links {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.z-index-2 {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  font-family: Mulish, sans-serif;
  line-height: 1.2;
  position: relative;
}

.list_visual_img {
  aspect-ratio: 1;
  border-radius: 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.margin-bottom-20 {
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.margin-bottom-24 {
  margin-bottom: 1.5rem;
}

.img-cover {
  z-index: 1;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-cover.cover-40-50 {
  object-fit: cover;
  object-position: 50% 40%;
}

.img-cover.cover-50-50 {
  object-fit: cover;
}

.img-cover.cover-0-50 {
  object-fit: cover;
  object-position: 50% 0%;
}

.footer_link {
  color: var(--_cores---branco);
  letter-spacing: .04em;
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem .5rem .1rem;
  font-size: 0;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer_link:hover {
  color: var(--_cores---cinzento);
}

.footer_link.w--current {
  font-size: .8rem;
}

.footer_links {
  grid-column-gap: 11rem;
  grid-row-gap: 11rem;
  align-items: flex-start;
  margin-bottom: 0;
  margin-right: -.5rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav_wrapper {
  z-index: 99;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffd6;
  position: sticky;
  inset: 0% 0% auto;
}

.text-color-lightgrey {
  color: #d8d8d8;
}

.list_item {
  flex: 1;
}

.social-links_item {
  display: flex;
}

.center-text-index-2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.slider {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.paragraph {
  text-transform: none;
  margin-bottom: 0;
}

.white-text, .white-text p {
  color: var(--_cores---branco);
}

.max-width-700 {
  max-width: 700px;
}

.margin-top-24 {
  margin-top: 1.5rem;
}

.hero_wrap {
  background-color: var(--_cores---branco);
  border-radius: 3.5rem;
  justify-content: center;
  align-items: stretch;
  width: 98%;
  height: calc(98vh - 6rem);
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_inner {
  z-index: 3;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hero_inner_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .8rem;
  display: flex;
}

.feature_visual {
  aspect-ratio: 560 / 761;
  border-radius: 3.5rem;
  width: 35rem;
  max-width: 50%;
  position: relative;
  overflow: hidden;
}

.exp-slider_arrow {
  color: #ceff65;
  border: 1px solid #ffffff3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  font-size: 1.3rem;
  transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  inset: auto;
}

.exp-slider_arrow:hover {
  color: #080808;
}

.max-width-400 {
  max-width: 25rem;
}

.button-2 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #080808;
  text-transform: uppercase;
  background-color: #ceff65;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: background-color .45s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-2:hover {
  background-color: #b3e940;
}

.hero_overlay {
  z-index: 2;
  background-image: linear-gradient(#0000, #0009);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-cover-hero {
  z-index: 1;
  object-fit: cover;
  background-image: url('../images/Design-sem-nome.avif');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: absolute;
}

.red-text {
  color: var(--_cores---vermelho);
  margin-bottom: 0;
}

.img-icon {
  max-width: 100%;
  margin-top: 0;
}

.mg-top-30 {
  margin-top: 30px;
}

.about-hero_wrap {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-size-medium-5, .text-size-medium-5 p{
  font-size: 1.125rem;
  line-height: 1.2;
}

.max-width-800 {
  max-width: 50rem;
}

.about-visual_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  aspect-ratio: 16 / 9;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32.5rem;
  margin-top: -4.5rem;
  margin-bottom: 0;
  display: flex;
}

.slide-5 {
  background-image: url('../images/470663420_3870482876557056_8607937222791253541_n.avif');
  background-position: 50%;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/470679917_3870482589890418_1421558332402964226_n.avif');
  background-position: 50%;
  background-size: cover;
}

.slide-7 {
  background-image: url('../images/471181282_3870482873223723_3359615752913814808_n.avif');
  background-position: 50%;
  background-size: cover;
}

.slide-9 {
  background-image: url('../images/471175564_3870482593223751_4361581282545405158_n.avif');
  background-position: 50%;
  background-size: cover;
}

.brands_item-logo {
  object-fit: contain;
  height: 100%;
}

.brands_item-block {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brands_item-logo-wrap {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 1.125rem;
  justify-content: center;
  align-items: center;
  width: 12rem;
  display: flex;
}

.container-medium {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.brands_item-name {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  font-family: Mulish, sans-serif;
  font-size: 1.25rem;
}

.brands_item-desc {
  color: var(--_cores---cinzento);
  text-align: center;
  font-size: .75rem;
  font-weight: 500;
}

.form-input {
  color: #080808;
  background-color: #0000;
  border: 1px solid #0808084d;
  border-radius: 1rem;
  height: auto;
  min-height: 3.5rem;
  margin-bottom: 0;
  padding: .5rem 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color .4s cubic-bezier(.215, .61, .355, 1), background-color .4s cubic-bezier(.25, .46, .45, .94);
}

.form-input:hover {
  border-color: #080808;
}

.form-input:focus {
  background-color: #a9a9a91a;
  border-color: #080808;
}

.form-input::placeholder {
  color: #08080880;
}

.form-input.is-text-area {
  border-radius: 1rem;
  height: auto;
  min-height: 11.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: auto;
}

.nav_link-2 {
  color: #080808;
  letter-spacing: .04em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: .1rem .5rem;
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.field-label {
  color: var(--_cores---cinzento);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .4rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
}

.form-field-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  width: 100%;
  display: flex;
  position: relative;
}

.margin-top-64 {
  margin-top: 4rem;
}

.contact_content {
  flex: none;
}

.contact_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_link-2 {
  color: #080808;
  letter-spacing: .04em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: .1rem .5rem;
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  position: relative;
  overflow: clip;
}

.shops-content-box {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffd9;
  border-radius: 20px;
  min-width: 300px;
  max-width: 20vw;
  padding: 30px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
  box-shadow: 2px 2px 15px #0003;
}

.shops-content-box.left-aligned {
  left: 0;
  right: auto;
}

.shops-thumbanils-wrapper {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  flex-flow: column;
  display: flex;
}

.image-wrapper {
  border-top-right-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 85vw;
  max-height: 85vh;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrapper.image-wrapper-2 {
  border-top-right-radius: 0;
  border-bottom-left-radius: 10rem;
}

.image-overlay {
  background-color: #fff;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-overlay.reverse-direction {
  left: 0;
  right: auto;
}

.container-xl-95 {
  width: 95%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.shop-thumbnail {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.shop-thumbnail.right-aligned {
  align-items: flex-end;
}

.shops-description {
  margin-top: 60px;
  margin-bottom: 60px;
}

.images-wrapper {
  min-height: 100vh;
}

.slide-campanhas {
  background-image: url('../images/26_1.avif');
  background-position: 50%;
  background-size: cover;
}

.left-arrow {
  background-color: var(--_cores---preto);
  border-radius: 8px 0 0 8px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-left: 10px;
  display: flex;
  inset: auto 12.5% 5% auto;
}

.left-arrow:hover {
  background-color: var(--_cores---vermelho-transp);
}

.slider-hero {
  background-color: #0000;
  height: 85svh;
}

.right-arrow {
  background-color: var(--_cores---preto);
  border-radius: 0 8px 8px 0;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-right: 1px;
  display: flex;
  inset: auto 5% 5% auto;
}

.right-arrow:hover {
  background-color: var(--_cores---vermelho-transp);
}

.slide-institucional {
  background-image: url('../images/campanha-natal-dos-progressivos-banner.avif');
  background-position: 60%;
  background-size: cover;
}

.slide-nav {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-hero {
  margin-bottom: 140px;
}

.container-hero {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  height: 100%;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.hero_text {
  background-color: var(--_cores---vermelho);
  color: var(--_cores---vermelho);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50svw;
  padding: 40px;
  display: flex;
}

.hero_text.bg-white {
  background-color: var(--_cores---branco);
}

.icone-wrapper {
  background-color: #fff0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  height: 300px;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s ease-in;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.icone-wrapper:hover {
  background-color: var(--_cores---branco);
}

.icone-wrapper.w--current {
  padding-left: 0;
  padding-right: 0;
}

.icone {
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .2s;
}

.icone.icone-grande {
  object-fit: contain;
  height: 100%;
}

.brands-wrapper {
  flex-wrap: wrap;
  align-items: center;
  width: 200vh;
  height: 100%;
  display: flex;
}

.brands-sticky {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: none;
  position: sticky;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.tittle-sticky {
  z-index: 300;
  background-color: #3498db00;
  width: 90%;
  margin: 10vh auto 0;
  font-family: Libre Baskerville, sans-serif;
  position: static;
  top: 0;
  right: 0;
  transform: perspective(2000px);
}

.brands-mask {
  z-index: 200;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 10vh;
  display: flex;
  position: relative;
}

.brands-box {
  flex: none;
  width: auto;
  height: 40vh;
  margin-left: 150px;
  margin-right: 150px;
  overflow: hidden;
}

.brands-box.primeiro {
  margin-left: 40vw;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

.flex-vertical.center {
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.gride-brands {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}

.gride-brands.grid-brands-home-page {
  grid-template-columns: 1fr 1fr 1fr;
}

.testimonials1_arrow-icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.produtos-slide {
  max-width: 100%;
  max-height: 100%;
  margin-right: 2rem;
}

.ofertas-arrow {
  background-color: var(--_cores---vermelho);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  transition: background-color .1s ease-out;
  display: flex;
  position: absolute;
  inset: -5rem auto auto 42.5%;
}

.ofertas-arrow:hover {
  background-color: #aa2b31c9;
}

.ofertas-arrow.right {
  top: -5rem;
  bottom: auto;
  left: 50%;
}

.testimonials1_slider-nav {
  display: none;
}

.label {
  z-index: 2;
  border: 1px solid var(--_cores---preto);
  color: var(--_cores---preto);
  text-transform: uppercase;
  background-color: #fff;
  border-radius: .5rem;
  margin-bottom: 10px;
  padding: 10px 22px;
  font-family: Mulish, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: absolute;
}

.wrapper-produto-destaque {
  color: #333;
  transform-style: preserve-3d;
  background-image: url('../images/Dezembro---Optimed.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 15px -7px #0003;
}

.wrapper-produto-destaque:hover {
  transform: scale3d(1.02, 1.02, 1.02);
}

.wrapper-produto-destaque.img-2 {
  background-image: url('../images/ulos-de-sol-rayban.avif');
  background-position: 50%;
}

.wrapper-produto-destaque.img-3 {
  background-image: url('../images/27_1.avif');
}

.wrapper-produto-destaque.img-4 {
  background-image: url('../images/61.avif');
  background-position: 50%;
}

.wrapper-produto-destaque.img-5 {
  background-image: url('../images/32.avif');
  background-position: 50%;
  background-size: cover;
}

.produtos-slide {
  width: 40svw;
}

.produtos-slider-mask {
  width: 100%;
  overflow: visible;
}

.slider-produtos-destaque {
  background-color: #0000;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 500px;
  margin-top: 8rem;
  margin-bottom: 4rem;
  display: flex;
}

.footer-logo {
  width: 120px;
  padding-bottom: 40px;
}

.legal-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.barra-a-ores-footer {
  max-width: 50%;
  margin-top: 20px;
}

.link-block-livro-de-reclama-es {
  margin-top: 20px;
}

.livro-de-reclama-es {
  float: none;
  vertical-align: baseline;
  display: inline-block;
  position: static;
}

.morada-wrap {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.icon-location {
  margin-bottom: 12px;
  margin-right: 8px;
}

.icon-location.mg-bottom-pin {
  margin-bottom: 34px;
}

.mobile-hamburger {
  display: block;
}

.nav-container {
  background-color: #ddd0;
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem 1rem;
  display: flex;
}

.nav-container.navbar-inner-wrapper {
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.nav-menu {
  background-color: #0000;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.grid-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-layout.desktop-columns-1 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-layout.desktop-columns-1.tablet-column-1.grid-gap-sm {
  grid-template-columns: 1fr;
}

.nav-left {
  grid-row-gap: 2rem;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-logo {
  color: inherit;
  justify-content: flex-start;
  align-items: center;
  width: 115px;
  margin-right: 2rem;
  text-decoration: none;
}

.nav-logo:hover {
  color: color-mix(in srgb, currentColor 80%, transparent);
}

.nav-menu-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-list-items {
  display: flex;
  margin-bottom: 0 !important;
}

.nav-dropdown-list {
  display: none;
}

.nav-dropdown-list.w--open {
  background-color: #0000;
  padding-top: 1.25rem;
  left: 0;
  right: 0;
}

.nav-link-dropdown {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #171d12;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: Mulish, sans-serif;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.nav-link-dropdown:hover {
  color: var(--_cores---vermelho);
}

.nav-mega-menu-list-2 {
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-caret-icon {
  margin: 0;
  position: relative;
}

.nav-mobile-menu-button-2 {
  color: inherit;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .5rem;
}

.nav-mobile-menu-button-2:hover {
  color: inherit;
}

.nav-mobile-menu-button-2.w--open {
  z-index: 2;
  background-color: #0000;
}

.nav-mobile-menu-button-2.w--open:hover {
  color: #d8ffe099;
}

.nav-right {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu-dropdown {
  display: block;
  position: static;
}

.icon-2 {
  color: #054f30;
  vertical-align: middle;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.nav-dropdown-list-wrapper {
  color: #171d12;
  background-color: #fff;
  border-radius: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 300px;
  max-height: 300px;
  padding: 2rem;
  display: block;
  box-shadow: 0 4px 8px -2px #0000001a;
}

.nav-dropdown-list-wrapper.w--open {
  border-radius: .75rem;
  order: 0;
  justify-content: center;
  align-self: auto;
  padding: 2rem;
  display: flex;
  position: absolute;
  inset: 100% 0% auto;
  box-shadow: 0 8px 8px -4px #0000001a;
}

.nav-links {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  letter-spacing: .5px;
  white-space: nowrap;
  word-break: keep-all;
  color: var(--_cores---preto);
  border-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: .5em .75em;
  font-family: Mulish, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
}

.nav-links:hover {
  background-color: color-mix(in srgb, currentColor 5%, transparent);
  color: inherit;
}

.nav-links.w--current, .nav-links.w--open {
  background-color: #0000;
}

.nav-tittle {
  letter-spacing: .01em;
  text-transform: uppercase;
  color: color-mix(in srgb, currentColor 60%, transparent);
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Mulish, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.3em;
  display: inline-block;
}

.mg-bt-2 {
  font-family: Mulish, sans-serif;
  margin-bottom: 0 !important;
}

.nav-menu-dropdown-list-2 {
  display: none;
}

.nav-menu-dropdown-list-2.w--open {
  background-color: #0000;
  padding-top: 1.25rem;
  display: flex;
}

.logo {
  width: 150px;
  height: auto;
}

.text-span, .text-span-2 {
  color: var(--_cores---vermelho);
}

.text-size-3rem {
  font-size: 3rem;
}

.slider-wrap {
  object-fit: fill;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.sports-islider-block {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.primary-button {
  background-color: #0000;
  padding: 0;
  position: relative;
}

.sports-content {
  padding: 112px 80px 112px 60px;
}

.sports-content.margin-top-0 {
  padding-top: 0;
}

.grid-sports-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_cores---vermelho);
  background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/68e650f9e31d912119914be7/691339a1a358c795e5c5a929_20251104_1037_Mountain%20Bikers'%20Adventure_remix_01k97acvgnewpsm43q9xak75s0.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slide-14 {
  background-image: url('../images/28.avif');
  background-position: 50% 80%;
  background-size: cover;
}

.slide-15 {
  background-image: url('../images/33.avif');
  background-position: 0 0;
  background-size: cover;
}

.slide-16 {
  background-image: url('../images/31.avif');
  background-position: 50% 100%;
  background-size: cover;
}

.slide-17 {
  background-image: url('../images/29.avif');
  background-position: 50% 0;
  background-size: cover;
}

.slide-18 {
  background-image: url('../images/54-2.avif');
  background-position: 50%;
  background-size: cover;
}

.features-component {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12rem;
  display: flex;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.features_content {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.page-headings.text-align-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100ch;
  display: flex;
}

.features-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.features-wrap.is-middle {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.text-size-medium-7 {
  font-size: 1.125rem;
}

.max-width-small {
  width: 100%;
  max-width: 48ch;
}

.features_image {
  object-fit: cover;
  border-radius: 1rem;
  width: 40vw;
  max-width: 41rem;
  height: 37rem;
  margin-left: auto;
  overflow: hidden;
}

.icon-acessibilidade {
  z-index: 100;
  vertical-align: baseline;
  display: block;
  position: fixed;
  top: 300px;
  left: 0;
}

.icon-acessibilidade-image {
  border-radius: 0 25px 25px 0;
}

.grid-campanhas-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_cores---branco);
  border: 1px #000;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: grid;
}

.link {
  color: var(--_cores---vermelho);
  -webkit-text-decoration-color: var(--_cores---vermelho);
  text-decoration-color: var(--_cores---vermelho);
}

.link-faqs {
  color: var(--_cores---vermelho);
  font-family: Mulish, sans-serif;
  font-weight: 700;
}

.link-faqs:hover {
  color: var(--_cores---vermelho-transp);
}

.link-2 {
  color: var(--_cores---branco);
  -webkit-text-decoration-color: var(--_cores---branco);
  text-decoration-color: var(--_cores---branco);
}

.text-span-3, .text-span-4, .text-span-5 {
  color: var(--_cores---vermelho);
}

.link-5, .link-6 {
  color: var(--_cores---preto);
}

.lightbox-galery {
  width: 100%;
}

.text-center {
  text-align: center;
  line-height: 1.4;
}

.text-center.text-mulish {
  font-family: Mulish, sans-serif;
  font-weight: 700;
}

.ilustra-o-pintas {
  max-height: 35svh;
}

.bg-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: none;
}

.bg-image.hero {
  transform-style: preserve-3d;
  background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/68e650f9e31d912119914be7/691339a1a358c795e5c5a929_20251104_1037_Mountain%20Bikers'%20Adventure_remix_01k97acvgnewpsm43q9xak75s0.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-width: 100vw;
  transform: none;
}

.bg-image.hero.kids {
  background-image: linear-gradient(#00000080, #00000080), url('../images/56-2.avif');
  background-position: 0 0, 50% 25%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.bg-image.hero.adult {
  background-image: linear-gradient(#00000080, #00000080), url('../images/22.avif');
  background-position: 0 0, 50% 60%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.content-heading {
  z-index: 20;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: flex-end;
  padding: 6rem 1rem;
  display: grid;
  position: relative;
}

.collection-list-wrapper {
  z-index: 25;
  align-self: stretch;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.background {
  max-width: 100%;
  position: absolute;
  inset: 0%;
}

.content-hero-heading {
  z-index: 20;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}

.backgorund-lauyout-blog {
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 2.5rem 1fr 1fr 1fr 2.5rem;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.collection-grid-list {
  grid-template-rows: auto;
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-auto-columns: 33.33%;
  grid-auto-flow: column;
  display: grid;
}

.hero-section-blog {
  z-index: 15;
  flex-direction: column;
  padding-top: 10rem;
  position: relative;
}

._3-column-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.section-2 {
  margin-top: -100px;
}

.grid-blog {
  grid-template-columns: 1fr 1fr 1fr;
}

.link-block-blog {
  text-decoration: none;
  -webkit-text-decoration-color: var(--_cores---vermelho);
  text-decoration-color: var(--_cores---vermelho);
  background-color: #fff;
  border: 1px #000;
  border-radius: 2rem;
  box-shadow: 0 0 20px 2px #0000000a;
}

.link-block-blog:hover {
  transform: scale(1.01);
}

.box-contect-blog {
  padding: 23px;
}

.image-8 {
  border-radius: 1rem;
  aspect-ratio: 1;
  object-fit: cover;
}

.div-block-image-blog {
  width: 100%;
}

.red-text-h5 {
  color: var(--_cores---vermelho);
}

.footer-text {
  font-size: 1rem;
}

.image-9, .image-10 {
  border-radius: 2rem;
}

._404 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

._2-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-color-red {
  color: var(--_cores---vermelho);
}

.text-servicos {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 800;
}

.servicos-icone {
  aspect-ratio: 20 / 20;
  background-color: var(--_cores---vermelho);
  text-align: left;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 55%;
  max-width: 45px;
  padding: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-perguntas {
  color: var(--_cores---vermelho);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3rem;
}

.flex-left {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-align-left, .text-align-left p {
  text-align: left;
}

.cuidamos-h2 {
  color: var(--_cores---vermelho);
  font-size: 5rem;
}

._3-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.image-11 {
  object-fit: cover;
  height: 100%;
  position: sticky;
  top: 100px;
}

.inner-footr {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.container-small {
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

._4-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.servicos-home {
  text-align: center;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem;
}

.image-12 {
  position: sticky;
  top: 100px;
}

.div-block-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.logo-flutuante {
  opacity: .25;
  width: 20svw;
  position: absolute;
  inset: -100px 2rem auto auto;
}

.logo-flutuante._02 {
  right: 10rem;
}

.logo-flutuante._03 {
  top: auto;
  bottom: 0;
  right: 10rem;
}

.logo-flutuante._05 {
  top: 10rem;
}

.pintas {
  z-index: 1;
  transform-origin: 50% 0;
  border-radius: 3.125rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 33.13rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-13 {
  position: sticky;
  top: 100px;
}

.thumbnail-lightbox {
  aspect-ratio: 1;
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.h2-except-text-regular {
  color: var(--_cores---vermelho);
  font-size: 1.2rem;
}

.link-9 {
  color: var(--_cores---preto);
}

@media screen and (min-width: 1440px) {
  .left-arrow {
    right: 12%;
  }

  .hero_text {
    width: 40svw;
  }

  .produtos-slide {
    width: 20svw;
  }

  .livro-de-reclama-es {
    margin-left: 0;
  }

  .logo-flutuante {
    width: 15svw;
  }
}

@media screen and (min-width: 1920px) {
  .container-large {
    max-width: 85rem;
  }

  .img-cover-hero {
    background-position: 50% 15%;
  }

  .shops-content-box {
    max-width: 25vw;
  }

  .slide-campanhas {
    background-image: url('../images/26_1.avif');
  }

  .left-arrow {
    width: 95px;
    height: 95px;
    right: 15%;
  }

  .right-arrow {
    width: 95px;
    height: 95px;
    right: 10%;
  }

  .container-hero {
    padding-left: 10%;
  }

  .hero_text {
    width: 30svw;
  }

  .gride-brands.grid-brands-home-page {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .livro-de-reclama-es {
    margin-left: 0;
  }

  .nav-container.navbar-inner-wrapper {
    max-width: 85rem;
  }

  .nav-dropdown-list {
    display: none;
  }

  .sports-content {
    height: 900px;
  }

  .div-block {
    width: 65%;
  }

  .image-11, .image-12 {
    top: 150px;
  }

  .logo-flutuante {
    width: 15svw;
  }

  .image-13 {
    top: 150px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.7rem;
  }

  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.is-about-hero, .section.is-contact {
    margin-top: 4.5rem;
    padding-top: 2.5rem;
  }

  .margin-bottom-8 {
    margin-bottom: .375rem;
  }

  .margin-top-32 {
    margin-top: 1.75rem;
  }

  .margin-bottom-40 {
    margin-bottom: 2.25rem;
  }

  .services_wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .margin-top-8 {
    margin-top: .375rem;
  }

  .margin-bottom-48 {
    margin-bottom: 2.75rem;
  }

  .footer_copyright {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .list_visual_img {
    border-radius: 1.5rem;
  }

  .margin-bottom-20 {
    margin-bottom: 1rem;
  }

  .margin-bottom-24 {
    margin-bottom: 1.25rem;
  }

  .footer_link {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .list_item {
    list-style-type: none;
  }

  .slider {
    height: 500px;
  }

  .margin-top-24 {
    margin-top: 1.25rem;
  }

  .hero_wrap {
    border-radius: 2rem;
    height: calc(98vh - 4.5rem);
  }

  .hero_inner {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .feature_visual {
    aspect-ratio: 3 / 2;
    width: 100%;
    max-width: 100%;
  }

  .about-visual_wrap {
    margin-bottom: 1rem;
    transform: scale(.9);
  }

  .brands_item-logo {
    height: 60%;
  }

  .brands_item-logo-wrap {
    width: 12rem;
  }

  .container-medium {
    max-width: none;
  }

  .brands_item-name {
    font-size: 1rem;
    font-weight: 400;
  }

  .nav_link-2 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 10vw;
  }

  .margin-top-64 {
    margin-top: 3.5rem;
  }

  .footer_link-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .shops-content-box {
    box-shadow: none;
    min-width: auto;
    max-width: none;
    padding: 0;
    position: static;
    transform: translate(0);
  }

  .shops-thumbanils-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .image-wrapper {
    max-width: none;
    max-height: none;
  }

  .shops-description {
    margin-bottom: 0;
  }

  .left-arrow {
    right: 120px;
  }

  .slider-hero {
    height: 90svh;
  }

  .section-hero {
    margin-bottom: 120px;
  }

  .container-hero {
    padding-bottom: 15%;
  }

  .hero_text {
    width: 100%;
    margin-bottom: 10px;
  }

  .gride-brands {
    grid-template-columns: 1fr 1fr;
  }

  .ofertas-arrow {
    left: 40%;
  }

  .link-block-livro-de-reclama-es {
    margin-top: 0;
  }

  .mobile-hamburger {
    background-color: #ffffff21;
    border-radius: 100vw;
    padding: .9em 2.1em;
    display: block;
  }

  .nav-menu {
    background-color: #fff;
    border-radius: .5rem;
    height: auto;
    max-height: calc(100dvh - 10rem);
    padding: 1rem;
    position: absolute;
    top: 100%;
    overflow: auto;
    box-shadow: 0 4px 8px #0000001a;
  }

  .nav-menu-list {
    flex-flow: column;
  }

  .nav-menu-list-items {
    flex-flow: column;
    margin-bottom: 0;
  }

  .nav-dropdown-list.w--open {
    height: auto;
    padding-bottom: .5rem;
    position: relative;
    top: 0%;
  }

  .nav-mega-menu-list-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .nav-mobile-menu-button-2 {
    color: inherit;
    background-color: #0000;
    align-self: center;
  }

  .nav-mobile-menu-button-2.w--open {
    color: #054f30;
    background-color: #0000;
  }

  .nav-mobile-menu-button-2.w--open:hover {
    color: #054f30;
  }

  .nav-menu-dropdown {
    width: 100%;
    height: auto;
  }

  .nav-dropdown-list-wrapper {
    z-index: 3;
    box-shadow: none;
    background-color: color-mix(in srgb, currentColor 5%, transparent);
    padding: 1rem;
  }

  .nav-dropdown-list-wrapper.w--open {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    box-shadow: none;
    text-align: left;
    background-color: #171d121a;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    min-width: 0;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    position: relative;
    top: auto;
    left: 0;
    right: 0;
  }

  .nav-links {
    justify-content: space-between;
    align-items: center;
    font-size: 1.13rem;
  }

  .nav-links:hover {
    color: var(--_cores---vermelho);
    background-color: color-mix(in srgb, currentColor 0%, transparent);
  }

  .nav-links.w--current:hover, .nav-links.w--open {
    background-color: #0000;
  }

  .nav-tittle {
    font-size: .9rem;
  }

  .mg-bt-2 {
    margin-bottom: 0;
  }

  .nav-menu-dropdown-list-2.w--open {
    border-radius: .75rem;
    position: relative;
  }

  .sports-islider-block {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }

  .sports-content {
    padding: 40px 30px;
  }

  .grid-sports-wrapper {
    grid-template-columns: 1fr;
  }

  .slide-15 {
    background-position: 50%;
  }

  .features-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-bottom: 6rem;
  }

  .features_content {
    padding-right: 7rem;
  }

  .page-headings.text-align-center.is-location {
    max-width: 60ch;
  }

  .features-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .features-wrap.is-middle {
    flex-flow: column-reverse wrap;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .max-width-small {
    max-width: none;
  }

  .features_image {
    width: 100%;
    max-width: none;
    height: 50vh;
  }

  .grid-campanhas-wrap {
    grid-template-columns: 1fr;
  }

  .svg {
    color: var(--_cores---preto);
  }

  .text-center.text-mulish {
    font-size: 2.5rem;
  }

  .ilustra-o-pintas {
    max-height: 45svh;
  }

  .content-heading {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .collection-list-wrapper {
    overflow: auto;
  }

  .collection-grid-list {
    grid-template-columns: 66.66% 66.66% 66.66%;
    grid-auto-columns: 66.66%;
  }

  .grid-blog {
    grid-template-columns: 1fr 1fr;
  }

  ._2-col {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .cuidamos-h2 {
    font-size: 4rem;
  }

  .h1-hero {
    font-size: 2.3rem;
  }

  .image-11 {
    position: relative;
    top: 0;
  }

  .inner-footr {
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
  }

  .container-small {
    max-width: none;
  }

  ._4-col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .image-12 {
    position: relative;
    top: 50px;
  }

  .image-13 {
    position: relative;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }

  .section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.is-footer {
    background-color: var(--_cores---vermelho);
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.is-about-hero {
    padding-bottom: 4rem;
  }

  .bottom-cta_box {
    margin-top: -4rem;
  }

  .margin-top-32 {
    margin-top: 1.5rem;
  }

  .footer_link-item {
    text-align: center;
  }

  .margin-bottom-40 {
    margin-bottom: 2rem;
  }

  .wrap_flex.is-align-top {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }

  .margin-bottom-48 {
    margin-bottom: 2.25rem;
  }

  .footer_copyright {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: center;
  }

  .list {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    flex-flow: column;
    display: flex;
  }

  .button.optimed.rastreio {
    display: none;
  }

  .services_item {
    flex: none;
  }

  .footer_copyright-inner {
    flex-flow: column;
  }

  .services_list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .margin-bottom-24 {
    margin-bottom: 1rem;
  }

  .footer_link {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .footer_links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
  }

  .white-text.footer-text {
    text-align: center;
  }

  .white-text.descricao-slider {
    display: none;
  }

  .margin-top-24 {
    margin-top: 1rem;
  }

  .feature_visual {
    aspect-ratio: 1;
  }

  .about-visual_wrap {
    height: 20rem;
    margin-top: -3.5rem;
  }

  .brands_item-logo {
    height: 100%;
  }

  .brands_item-logo-wrap {
    width: 10rem;
  }

  .brands_item-name {
    font-size: .9rem;
  }

  .margin-top-64 {
    margin-top: 3rem;
  }

  .images-wrapper {
    min-height: auto;
  }

  .left-arrow {
    right: 90px;
  }

  .right-arrow {
    right: 2%;
  }

  .slide-nav {
    justify-content: flex-start;
    align-items: center;
    padding-left: 5%;
  }

  .section-hero {
    margin-bottom: 80px;
  }

  .container-hero {
    padding-bottom: 18%;
  }

  .hero_text {
    margin-bottom: 20px;
    padding: 20px;
  }

  .brands-wrapper {
    width: 250vh;
  }

  .brands-box {
    width: 90vw;
  }

  .gride-brands {
    grid-template-columns: 1fr;
  }

  .gride-brands.grid-brands-home-page {
    grid-template-columns: 1fr 1fr;
  }

  .produtos-slide {
    width: 90%;
    max-width: none;
    margin-right: 1.25rem;
  }

  .produtos-slider-mask {
    width: 100%;
  }

  .legal-wrap {
    flex-flow: column;
  }

  .barra-a-ores-footer {
    max-width: 75%;
  }

  .link-block-livro-de-reclama-es {
    order: -1;
  }

  .nav-menu-list-items {
    margin-bottom: 0;
  }

  .nav-link-dropdown {
    font-size: 18px;
  }

  .nav-mega-menu-list-2 {
    grid-template-columns: 1fr;
  }

  .nav-dropdown-list-wrapper.w--open {
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem 1.25rem .75rem;
  }

  .nav-links:hover {
    color: var(--_cores---vermelho);
  }

  .nav-tittle {
    font-size: .8rem;
  }

  .mg-bt-2 {
    margin-bottom: 0;
  }

  .sports-islider-block {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }

  .grid-sports-wrapper {
    grid-template-columns: 1fr;
  }

  .features_content {
    padding-right: 0;
  }

  .page-headings.text-align-center.is-location {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .features-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .grid-campanhas-wrap {
    grid-template-columns: 1fr;
  }

  .svg {
    color: var(--_cores---preto);
  }

  .text-center.text-mulish {
    font-size: 2.5rem;
  }

  .content-heading {
    grid-template-columns: 1fr;
    padding-top: 7rem;
    padding-bottom: 3rem;
  }

  .backgorund-lauyout-blog {
    grid-template-rows: auto;
    grid-template-columns: 1.25rem 1fr 1.25rem;
  }

  .collection-grid-list {
    grid-template-columns: 50% 50% 50%;
    grid-auto-columns: 50%;
  }

  ._3-column-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .grid-blog {
    grid-template-columns: 1fr;
  }

  .cuidamos-h2 {
    font-size: 2.5rem;
  }

  .descricao-slider {
    display: none;
  }

  .h1-hero {
    font-size: 1.5rem;
    font-weight: 700;
  }

  .h1-hero.white-text {
    margin-bottom: 0;
  }

  ._3-col {
    grid-template-columns: 1fr 1fr;
  }

  .inner-footr {
    justify-items: center;
    margin-bottom: 2rem;
  }

  ._4-col {
    grid-template-columns: 1fr;
  }

  .servicos-home {
    flex: none;
  }

  .logo-flutuante {
    width: 30svw;
    top: -50px;
  }

  .logo-flutuante._02, .logo-flutuante._03 {
    top: 20px;
    right: 2rem;
  }

  .pintas {
    margin-top: -4rem;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-weight: 800;
  }

  .text-size-regular.white-text.footter-text {
    font-size: 1rem;
  }

  .bottom-cta_box {
    height: 30rem;
    margin-top: -4.5rem;
  }

  .flex-center {
    font-size: 2rem;
  }

  .services_wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .wrap_flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .wrap_flex.is-align-top {
    margin-bottom: 20px;
  }

  .button {
    padding: 1rem;
  }

  .button.max-width-400 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .services_list {
    grid-template-columns: 1fr;
  }

  .img-cover.cover-0-50 {
    object-position: 0% 50%;
  }

  .footer_links {
    flex-flow: column wrap;
  }

  .slider {
    width: 97.4%;
  }

  .paragraph {
    text-align: center;
    font-size: .98rem;
  }

  .paragraph.white-text {
    font-size: .9rem;
  }

  .white-text.footer-text {
    font-size: 1rem;
  }

  .feature_visual {
    aspect-ratio: 2 / 3;
  }

  .img-cover-hero {
    background-position: 80%;
  }

  .red-text.text-size-3rem {
    font-size: 2rem;
  }

  .about-visual_wrap {
    margin-top: -3rem;
  }

  .brands_item-logo {
    height: 100%;
  }

  .brands_item-logo-wrap {
    width: 7.5rem;
  }

  .brands_item-name {
    font-size: .8rem;
  }

  .nav_link-2 {
    font-size: 12vw;
  }

  .contact_form {
    flex-flow: column;
    display: flex;
  }

  .image-wrapper {
    border-top-right-radius: 100px;
  }

  .image-wrapper.image-wrapper-2 {
    border-bottom-left-radius: 100px;
  }

  .container-xl-95 {
    max-width: none;
  }

  .left-arrow {
    bottom: 2%;
  }

  .right-arrow {
    bottom: 2%;
    right: 2%;
  }

  .container-hero {
    padding-bottom: 25%;
  }

  .hero_text {
    margin-bottom: 10px;
  }

  .brands-wrapper {
    width: 200vh;
  }

  .tittle-sticky {
    margin-top: 76px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .brands-box {
    margin-left: 40px;
    margin-right: 40px;
  }

  .brands-box.primeiro {
    margin-left: 0;
  }

  .gride-brands {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .gride-brands.grid-brands-home-page {
    grid-template-columns: 1fr 1fr;
  }

  .produtos-slide {
    width: 90%;
  }

  .ofertas-arrow {
    left: 30%;
  }

  .footer-logo {
    width: 120px;
  }

  .barra-a-ores-footer, .nav-container.navbar-inner-wrapper {
    max-width: 100%;
  }

  .nav-left {
    margin-left: -28px;
  }

  .nav-menu-list-items {
    margin-bottom: 0;
  }

  .nav-mobile-menu-button-2.w--open {
    color: inherit;
  }

  .nav-dropdown-list-wrapper.w--open {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-tittle {
    font-size: .8rem;
  }

  .mg-bt-2 {
    margin-bottom: 0;
  }

  .nav-menu-dropdown-list-2.w--open {
    background-color: #0000;
    border-radius: .75rem;
    flex-flow: column;
    position: relative;
  }

  .logo {
    width: 80%;
    margin-left: 40px;
  }

  .sports-islider-block {
    border-radius: 20px 20px 0 0;
  }

  .sports-content {
    padding: 24px 16px;
  }

  .features-component {
    justify-content: center;
    align-items: flex-end;
  }

  .features-wrap.is-middle {
    display: flex;
  }

  .features_image {
    height: 30vh;
  }

  .icon-acessibilidade {
    z-index: 1400;
    padding-top: 5px;
    padding-right: 5px;
    display: block;
    position: fixed;
    inset: auto auto 5% 0%;
  }

  .icon-acessibilidade-image {
    vertical-align: baseline;
    display: inline-block;
    overflow: clip;
  }

  .grid-campanhas-wrap {
    grid-template-columns: 1fr;
  }

  .heading-7 {
    font-size: 2.75rem;
  }

  .heading-8, .heading-9 {
    font-size: 2rem;
  }

  .heading-11 {
    font-size: 3rem;
  }

  .text-center.text-mulish {
    font-size: 1.7rem;
  }

  .content-heading {
    padding-top: 6rem;
    padding-bottom: 2rem;
  }

  .background {
    margin-bottom: 20px;
  }

  .content-hero-heading {
    max-width: 100%;
  }

  .collection-grid-list {
    grid-template-columns: 100% 100% 100%;
    grid-auto-columns: 100%;
  }

  ._3-column-grid, .grid-blog {
    grid-template-columns: 1fr;
  }

  .red-text-h5 {
    color: var(--_cores---vermelho);
  }

  .footer-text {
    font-size: 1rem;
  }

  .flex-left {
    font-size: 2rem;
  }

  .logo-flutuante {
    width: 50svw;
  }

  .logo-flutuante._02, .logo-flutuante._03 {
    width: 50svw;
    top: 50px;
  }

  .logo-flutuante._05 {
    top: 17rem;
  }

  .pintas {
    height: 30rem;
    margin-top: -4.5rem;
  }
}

#w-node-_4a9151b8-ea04-b8ee-4db7-e731089ca8c8-19914c53 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-be2853d5-a469-82b9-fc8d-77757eb5c54a-19914c53, #w-node-be2853d5-a469-82b9-fc8d-77757eb5c55b-19914c53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_454d89d0-877e-ab01-352f-70c94d562d6a-4d562d54.w-node-_8af4bd5f-9167-0f65-9509-0acc51fa50e6-6c582bf3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_454d89d0-877e-ab01-352f-70c94d562d9a-4d562d54.w-node-_8af4bd5f-9167-0f65-9509-0acc51fa50f1-6c582bf3, #w-node-_454d89d0-877e-ab01-352f-70c94d562d9a-4d562d54.w-node-_60480075-5b4a-f372-3c93-6b6bd6718a61-6c582bf3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_454d89d0-877e-ab01-352f-70c94d562d6a-4d562d54.w-node-_67087293-5055-8aef-a658-c7abec65a501-6c582bf3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_454d89d0-877e-ab01-352f-70c94d562d9a-4d562d54.w-node-_67087293-5055-8aef-a658-c7abec65a509-6c582bf3, #w-node-_454d89d0-877e-ab01-352f-70c94d562d9a-4d562d54.w-node-_67087293-5055-8aef-a658-c7abec65a50d-6c582bf3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4880e79a-ce01-5b23-0d73-953be134ed7c-01a5e1c8, #w-node-fe293a7c-13e8-22a1-8e8e-7bb3fa4004d1-01a5e1c8, #w-node-fe293a7c-13e8-22a1-8e8e-7bb3fa4004d5-01a5e1c8, #w-node-fe293a7c-13e8-22a1-8e8e-7bb3fa4004d9-01a5e1c8, #w-node-fe293a7c-13e8-22a1-8e8e-7bb3fa4004dd-01a5e1c8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f4620463-ce55-ff55-071f-42141738e571-5740e68f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f4620463-ce55-ff55-071f-42141738e574-5740e68f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f4620463-ce55-ff55-071f-42141738e579-5740e68f {
  grid-area: span 2 / span 5 / span 2 / span 5;
}

#w-node-f4620463-ce55-ff55-071f-42141738e5b7-5740e68f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_23faaa0b-359a-bda8-1f49-f9182b64d164-464ea7c7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_23faaa0b-359a-bda8-1f49-f9182b64d167-464ea7c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_23faaa0b-359a-bda8-1f49-f9182b64d16c-464ea7c7 {
  grid-area: span 2 / span 5 / span 2 / span 5;
}

#w-node-_23faaa0b-359a-bda8-1f49-f9182b64d19d-464ea7c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d18ea7bc-fc20-f22e-fefc-913455c1a295-49695bf3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d18ea7bc-fc20-f22e-fefc-913455c1a29b-49695bf3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d18ea7bc-fc20-f22e-fefc-913455c1a2d1-49695bf3 {
  grid-area: span 2 / span 5 / span 2 / span 5;
}

#w-node-d18ea7bc-fc20-f22e-fefc-913455c1a2e3-49695bf3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-be2853d5-a469-82b9-fc8d-77757eb5c54a-19914c53, #w-node-be2853d5-a469-82b9-fc8d-77757eb5c552-19914c53 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f4620463-ce55-ff55-071f-42141738e5b7-5740e68f, #w-node-_23faaa0b-359a-bda8-1f49-f9182b64d19d-464ea7c7, #w-node-d18ea7bc-fc20-f22e-fefc-913455c1a2e3-49695bf3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f4620463-ce55-ff55-071f-42141738e574-5740e68f, #w-node-_23faaa0b-359a-bda8-1f49-f9182b64d167-464ea7c7, #w-node-d18ea7bc-fc20-f22e-fefc-913455c1a29b-49695bf3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f4620463-ce55-ff55-071f-42141738e574-5740e68f {
    justify-self: center;
  }

  #w-node-f4620463-ce55-ff55-071f-42141738e5b7-5740e68f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_23faaa0b-359a-bda8-1f49-f9182b64d167-464ea7c7 {
    justify-self: center;
  }

  #w-node-_23faaa0b-359a-bda8-1f49-f9182b64d19d-464ea7c7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d18ea7bc-fc20-f22e-fefc-913455c1a29b-49695bf3 {
    justify-self: center;
  }

  #w-node-d18ea7bc-fc20-f22e-fefc-913455c1a2e3-49695bf3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}