#CHAMADA-TOP {
  background: url("../../assets/img/bg-title.jpg");
  overflow: hidden;
}

.linktop {
  color: #FAF9F8;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
}

body {
  font-family: Montserrat, sans-serif;
  background-color: #F3F0ED;
}

.text-link-top {
  color: #1A713A;
  text-decoration: underline;
}

.text-link-top:hover {
  color: #faf9f8;
}

.logoHero {
  width: 350px;
  margin-bottom: 1em;
  margin-top: 1em;
}

.TitleBrancoHero {
  color: #faf9f8;
  font-size: 2em;
}

.paragBranco {
  color: #faf9f8;
  font-size: 13px;
}

.btnPrincipal {
  background-color: #D06D10;
  color: #faf9f8;
  border-radius: 50px;
  padding: 8px 25px;
  text-transform: uppercase;
  font-size: 14px;
  border: 2px solid #d06d10;
}

.btnPrincipal:hover {
  background: #ed8320 !important;
  color: #faf9f8 !important;
}

.btnVideo {
  background: none;
  border: 2px solid #faf9f8 ;
  border-radius: 50px;
  padding: 8px 25px;
  color: #faf9f8;
}

.btnVideo:hover {
  border: 2px solid #d06d10 !important;
  color: #d06d10 !important;
}

.bgHero {
  background: url("../../assets/img/banner-01.webp") center / cover no-repeat;
  background-color: #325032;
}

.bgDados {
  background: url("../../assets/img/bg-laranja.jpg") center / cover no-repeat;
  color: #faf9f8;
  font-size: 20px;
}

@media (min-width: 992px) {
  .TitleBrancoHero {
    font-size: 3.5em;
  }
}

.titleSite {
  color: #d06d10;
}

.video-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 30px;
}

.bRegiao {
  background-color: #faf9f8;
}

.subtitleSpan {
  color: #5ABAD2;
  text-transform: uppercase;
}

.pPadrao {
  color: #B5B1B1;
}

.cardLaranja {
  background: #D06D10;
  border-radius: 10px;
  color: #faf9f8;
  border: none;
}

.timeCard {
  color: #FFD400;
}

.iconCardRegiao {
  font-size: 70px;
}

.cardAzul {
  background: #5ABAD2;
  border-radius: 10px;
  color: #faf9f8;
  border: none;
}

.cardVerde {
  background: #8BD21C;
  border-radius: 10px;
  color: #faf9f8;
  border: none;
}

.card {
  border: none;
  background: none;
}

.arrows-regiao {
  position: absolute;
  top: -46px;
  right: 0;
  z-index: 10;
}

.arrow-regiao-next {
  color: #d06d10;
  width: 43px;
  height: 42px;
  border-radius: 50%;
  font-size: 30px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-style: none;
}

.arrow-regiao-next:hover {
  background: #d06d10;
  transform: scale(1.05);
  color: #faf9f8;
}

.divIconAzul {
  background: #3C94AA;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  font-size: 22px;
  margin-bottom: 18px;
}

.divIconVerde {
  background: #76B217;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  font-size: 22px;
  margin-bottom: 18px;
}

.divIconLaranja {
  background: #A75D18;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  font-size: 22px;
  margin-bottom: 18px;
}

.cardAmarelo {
  background: #FFD400;
  border-radius: 10px;
  color: #2c3134 !important;
  border: none;
}

.paragPreto {
  color: #2c3134;
  font-size: 13px;
}

.divIconAmarelo {
  background: #D1B115;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  font-size: 22px;
  margin-bottom: 18px;
  color: #faf9f8;
}

.bgVideo {
  background: linear-gradient(#F3F0ED 70%, #FAF9F8 30%);
}

.bgDiferenciais {
  background: linear-gradient(#F3F0ED 70%, #FAF9F8 30%);
}

.pDescriptTitle {
  font-size: 13px;
  color: #879299;
}

.quadroIMGS {
  width: 200px;
  height: 125px;
  border-radius: 10px;
  overflow: hidden;
  border: 3px solid rgb(255,255,255) ;
}

.fundoAzulAtividades {
  background: #5abad2;
  color: #faf9f8;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.bgAmareloFloral {
  background: url("../../assets/img/bgAmarelo.jpg") center / cover no-repeat;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 888;
}

.rotateDiv {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}

.bgValor {
  background: linear-gradient(180deg, #faf9f8 50%, #5abad2 50%);
  padding-top: 10em;
  margin-top: -10em;
  z-index: 9;
}

.divList {
  background: #faf9f8;
  color: #d06d10;
  padding: 10px 35px;
  border-radius: 7px;
  transition: all .35s cubic-bezier(.2,.8,.2,1);
  margin-left: -17px;
  cursor: default;
  overflow: hidden;
  position: relative;
}

#LAZER {
  z-index: 888;
}

@media (min-width: 576px) {
  .bgValor {
    background: linear-gradient(90deg, #faf9f8 50%, #5abad2 50%) !important;
    padding-top: 10em;
    margin-top: -10em;
    z-index: 9;
  }
}

.divIconbranco {
  background: #F2EFEC;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  font-size: 28px;
  color: #5abad2;
}

.divTitleSpanDepo h3 {
  color: #5abad2;
  margin: 0;
}

.divTitleSpanDepo span {
  color: #d06d10;
  font-size: 13px;
}

.cardBranco {
  background: #FAF9F8;
  border-radius: 10px;
  border: none;
  color: #707070;
  font-size: 15px;
  box-shadow: 0px 0px 20px rgba(108,103,103,0.12);
}

.cardHeaderDepo {
  background: none;
}

.divIMGMidia {
  overflow: hidden;
  height: 250px;
  padding: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.divIMGMidia img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  align-items: center;
  transition: transform 0.8s ease;
}

.cardMidia {
  background: #FFFFFF;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.DetaqueNoticia {
  background: #D04410;
  color: #faf9f8;
  padding: 10px 35px;
}

.cardMidia span {
  color: #b5b1b1;
  font-size: 13px;
}

.divNoticiatag {
  background: #faf9f8;
  position: absolute;
  color: #d04410;
  top: 5%;
  right: 3%;
  padding: 5px 11px;
  z-index: 888;
  border-radius: 5px;
  box-shadow: 0 0 0 rgba(208, 68, 16, 0.4);
  animation: pulseGlow 2.8s ease-in-out infinite;
}

.divIMGMidia:hover img {
  transform: scale(1.1);
}

@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(208, 68, 16, 0.45);
    transform: translateY(0);
  }
  50% {
    box-shadow: 0 0 14px 6px rgba(208, 68, 16, 0.25);
    transform: translateY(-2px);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(208, 68, 16, 0.45);
    transform: translateY(0);
  }
}

.DetaqueNoticia h3 {
  font-size: 20px;
}

.bulletsMidia {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
  padding-bottom: 15px;
}

.bulletsMidia .glide__bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d6d6d6;
  border: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.bulletsMidia .glide__bullet--active {
  background: #d06d10;
  transform: scale(1.3);
  box-shadow: 0 0 6px rgba(208, 68, 16, 0.5);
}

.bgMidia {
  background: url("../../assets/img/bg-laranja.jpg") center / cover no-repeat;
}

.carouselMidia {
  margin-bottom: -21em;
}

.titleSiteBranco {
  color: #faf9f8;
}

.subtitleSpanAmarelo {
  color: #ffd400;
  text-transform: uppercase;
}

#MAPA {
  margin-top: 25em;
}

.map-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 16px;
  cursor: grab;
}

.map-wrapper img {
  width: 100%;
  height: auto;
  user-select: none;
}

.divTagAmarelo {
  background: #ffd400;
  color: #d06d10;
  padding: 5px 33px;
  position: absolute;
  top: -3%;
  z-index: 888;
  right: 5%;
  font-weight: bold;
  overflow: hidden;
}

.bgVentagensMapa {
  background: url("../../assets/img/bgMapaVantagem.jpg") right / cover no-repeat;
  border-radius: 14px;
}

.divListVerde {
  background: #faf9f8;
  color: #0D9344;
  padding: 10px 35px;
  border-radius: 7px;
  font-size: 24px;
  transition: all .35s ease;
  position: relative;
  cursor: default;
  overflow: hidden;
}

.PhotosGalery {
  border-radius: 10px;
}

.photoHover {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 18px;
}

.photoHover img {
  transition: transform .6s cubic-bezier(.2,.8,.2,1);
}

.photoHover .overlayZoom {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .4s ease;
}

.photoHover:hover img {
  transform: scale(1.08);
}

.photoHover:hover .overlayZoom {
  opacity: 1;
}

.overlayZoom svg {
  color: #f3f0ed;
  font-size: 50px;
}

.imgDepo {
  width: 100% !important;
}

.bgDepo {
  background: #ffffff;
  padding-bottom: 7em;
}

#VANTAGEM {
  margin-top: -5em;
}

.bgFormImput {
  background: #FAF9F8;
  border-radius: 15px;
}

.bgForm {
  background: url("../../assets/img/young-beautiful-friends-travelers-with-backpacks-walking-canyon.jpg") top / cover no-repeat;
  padding-top: 21em;
  margin-top: -11em;
  padding-bottom: 5em;
  background-attachment: fixed;
}

.divTagAmareloForm {
  background: #ffd400;
  color: #d06d10;
  padding: 5px 33px;
  position: absolute;
  top: -10%;
  z-index: 888;
  right: -1%;
  font-weight: bold;
  overflow: hidden;
}

.imputShan {
  background: #F6F4F1 !important;
  border: 1px solid #d06d10 ;
  padding: 20px 16px;
}

.btn-Form {
  background: #d06d10;
  border: none;
}

.btn-Form:hover {
  background: #8bd21c !important;
  border: none;
}

.logorodape {
  width: 250px;
}

.divSocial {
  background: #d06d10;
  width: 40px;
  height: 40px;
  font-size: 35px;
  border-radius: 5px;
  transition: all 1s ease;
}

.divSocial a {
  color: #ffffff;
  text-decoration: none;
}

.logoLumni {
  width: 147px;
  transition: all 1s ease;
}

.pRodape {
  font-size: 12px;
  color: #baa9a4;
}

.divSocial:hover {
  background: #8bd21c;
  transform: rotate(-8deg);
}

.logoLumni:hover {
  transform: scale(1.05);
}

.svg-animado.animar {
  transform: rotate(0deg);
}

.iconTop {
  font-size: 35px;
}

.quadroIMGS:hover img {
  transform: scale(1.1);
}

.quadroIMGS img {
  transition: transform 0.8s ease;
}

.divList::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 0;
  background: linear-gradient(180deg, #4f46e5, #22c55e);
  border-radius: 10px;
  transition: height .35s ease;
}

.divList:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 14px 35px rgba(0,0,0,.08);
  background: #ffffff;
}

.divList:hover::before {
  height: calc(100% - 24px);
}

.divList strong {
  color: #194955;
  transition: color .3s ease;
}

.divList:hover strong {
  color: #86cc0f;
}

.bgvantagens {
  background: #ffffff;
}

.divTagAmareloForm::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -150%;
  width: 120%;
  height: 200%;
  background: linear-gradient( 120deg, transparent 30%, rgba(255,255,255,.6), transparent 70% );
  animation: lightSweep 2.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes lightSweep {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}

.divTagAmarelo::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -150%;
  width: 120%;
  height: 200%;
  background: linear-gradient( 120deg, transparent 30%, rgba(255,255,255,.6), transparent 70% );
  animation: lightSweep 2.6s ease-in-out infinite;
  pointer-events: none;
}

#CHAMADA-TOP::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -150%;
  width: 120%;
  height: 200%;
  background: linear-gradient( 120deg, transparent 30%, rgba(255,255,255,.6), transparent 70% );
  animation: lightSweep 5.6s ease-in-out infinite;
  pointer-events: none;
}

.divListVerde::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(46,166,107,.12), transparent 70%);
  transform: translateX(-120%);
  transition: transform 1.5s ease;
}

.divListVerde:hover::before {
  transform: translateX(120%);
}

.divListVerde:hover {
  transform: translateY(-3px) scale(1.015);
  box-shadow: 0 12px 30px rgba(46,166,107,.18);
  border-left-color: #1f8a58;
}

.divListVerde p {
  transition: transform 1.5s ease;
}

.divListVerde:hover p {
  transform: translateX(4px);
}

.float-whatsapp {
  position: fixed;
  bottom: 22px;
  right: 22px;
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #25d366, #1ebe5d);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(37,211,102,.45);
  z-index: 9999;
  animation: floatZap 3s ease-in-out infinite;
  transition: all .35s cubic-bezier(.4,0,.2,1);
}

.float-whatsapp svg {
  width: 30px;
  height: 30px;
  transition: transform .35s ease;
}

.float-whatsapp::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background: rgba(37,211,102,.35);
  filter: blur(18px);
  opacity: 0;
  transition: opacity .35s ease;
}

.float-whatsapp:hover {
  transform: scale(1.12);
  box-shadow: 0 16px 40px rgba(37,211,102,.6);
}

.float-whatsapp:hover svg {
  transform: rotate(-12deg) scale(1.15);
}

.float-whatsapp:hover::before {
  opacity: 1;
}

/* 🎈 Flutuação suave */

@keyframes floatZap {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.modal-video-clean {
  z-index: 9999 !important;
  pointer-events: auto !important;
}

.modal-video-clean .modal-content {
  background: #000;
  border-radius: 18px;
  overflow: hidden;
}

.modal-video-clean iframe {
  display: block;
}

.hedlineTop {
  background: gold;
  padding: 9px 15px;
  text-transform: uppercase;
}