:root {
    --pink-primary: #BF0D65;
    --purple-primary: #5F4B8B;
    --purple-dark: #3D2E5F;
    --blue-gradient-start: #5F4B8B;
    --blue-gradient-end: #2E5C9A;
    --gray-100: #F1F1F1;
    --gray-200: #222222;
    --white: #fff;
    --font-sans: "Mark Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Mark Pro Regular (400) */
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/MarkPro.woff2") format("woff2"),
       url("../fonts/MarkPro.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Mark Pro Bold (700) */
@font-face {
  font-family: "Mark Pro";
  src: url("../fonts/MarkPro-Bold.woff2") format("woff2"),
       url("../fonts/MarkPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', 'Arial', sans-serif;
    overflow-x: hidden;
}

/* fonts */
.red-hat-display{
  font-family: "Red Hat Display", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.outfit {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.font-mark{
    font-family: var(--font-sans);
}

.font-weight-300{
  font-weight: 300;
}

.font-weight-400{
  font-weight: 400;
}

.font-weight-500{
  font-weight: 500;
}

.font-weight-600{
  font-weight: 600;
}

.font-weight-700{
  font-weight: 700;
}

.font-weight-800{
  font-weight: 800;
}

/* Header */
.navbar {
    background: white;
    padding: 15px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: relative;
    z-index: 100;
}

.navbar-brand .logo-sancor-top{
    height: 40px;
}

.navbar-brand .logo-ganha-mais-top{
    height: 40px;
    margin-left: 50px;
}

.navbar .nav-link {
    color: var(--pink-primary) !important;
    font-weight: 600;
    margin: 0 15px;
    text-transform: uppercase;
    font-size: 14px;
}

.desktop-menu {
    display: flex;
}

/* Menu Mobile */
.mobile-menu-btn {
    display: none;
    background: var(--pink-primary);
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    color: white;
    font-size: 24px;
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: var(--pink-primary);
    z-index: 9999;
    transform: translateY(-100%);
    transition: transform 0.4s ease;
    overflow-y: auto;
    border-radius: 0 0 40px 40px;
}

.mobile-menu-overlay.active {
    transform: translateY(0);
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.mobile-menu-close {
    background: none;
    border: none;
    color: white;
    font-size: 32px;
    cursor: pointer;
    line-height: 1;
}

.mobile-menu-nav {
    padding: 40px 30px;
}

.mobile-menu-nav a {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
}

/* Hero Section */
.hero-section {
    /* background: linear-gradient(135deg, var(--pink-primary) 0%, #A01155 100%); */
    background: var(--pink-primary);
    padding: 80px 0;
    color: white;
}

.hero-content h1 {
    font-size: 48px;
    margin-bottom: 30px;
    line-height: 50px;
}

.hero-content h1 span {
    display: block;
}

.hero-content p {
    font-size: 16px;
    line-height: 1.6;
}

.btn-regulamento {
    background: white;
    color: var(--pink-primary);
    padding: 6px 35px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
}

.novidade-box {
    width: 100%;
}

.novidade-box img{
    width: 100%;
}

.novidade-text {
    font-size: 72px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.novidade-text .filled {
    opacity: 1;
}

.novidade-text .outline {
    color: transparent;
    -webkit-text-stroke: 2px white;
}

/* Video */

.hero-video{
  position: relative;
  border-radius: 15px;        
  overflow: hidden;
  isolation: isolate;         
  /* box-shadow: 0 8px 28px rgba(0,0,0,.18);  */
  border: 2px solid #F1F1F1;
}


.hero-video::before{
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 */
}


.hero-video > *{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

.hero-thumb{ display:block; }

.hero-mask{
  background: rgba(0,0,0,.45); 
  transition: opacity .25s ease;
}

.hero-play{
  position: absolute;
  inset: 0;
  margin: auto;
  width: 84px; height: 84px;
  border-radius: 50%;
  border: none;
  display: grid; place-items: center;
  background: rgba(191,13,101,.6);
  cursor: pointer;
  outline: none;
  animation: pulse 1.8s infinite ease-out;
  transition: transform .15s ease, background .2s ease;
}

.hero-play:hover{ transform: scale(1.05); }
.hero-play:active{ transform: scale(0.98); }
.hero-play:focus-visible{ box-shadow: 0 0 0 3px rgba(255,255,255,.6); }

@keyframes pulse{
  0%   { box-shadow: 0 0 0 0 rgba(255,255,255,.55); }
  70%  { box-shadow: 0 0 0 28px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}


.hero-video.playing .hero-mask,
.hero-video.playing .hero-play{
  opacity: 0; pointer-events: none;
}


/* Video End */

/* Jornada do Corretor */
.jornada-section {
    background: var(--pink-primary);
    padding: 60px 0 80px 0;
    color: white;
}

.jornada-section h2 {
    font-size: 48px;
    margin-bottom: 30px;
    line-height: 50px;
}

.jornada-section h2 span {
    display: block;
}

.jornada-container {
    background: var(--gray-100);
    border-radius: 20px;
    padding: 20px 20px;
    overflow: hidden;
}

.swiper {
    width: 100%;
    padding: 20px 0 20px 0;
    overflow: hidden;
}

.swiper-wrapper {
    padding-left: 0;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nivel-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
    max-width: 200px;
}

/* o card precisa ser relativo */
.nivel-item { position: relative; }

/* seta em todos os slides */
.swiper-wrapper .swiper-slide .nivel-item::after {
  content: "";
  position: absolute;
  top: 37%;
  right: -40px;            
  transform: translateY(-50%);
  width: 25px;             
  height: 25px;
  pointer-events: none;    
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* PNG normal e retina */
  background-image: image-set(
    url("../image/icon-arrow.png") 1x,
    url("../image/icon-arrow@2x.png") 2x
  );
  /* fallback se o navegador não suportar image-set */
  background-image: url("../image/icon-arrow.png");
}

/* remove a seta no último slide */
.swiper-wrapper .swiper-slide:last-child .nivel-item::after {
  content: none;
}

.nivel-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    position: relative;
    padding-left: 20px;
}

.nivel-label {
    position: absolute;
    background: white;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: left;
    width: 100px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);    
}

.nivel-numero {
    font-size: 12px;
    font-weight: 600;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.nivel-nome {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.nivel-icon {
    width: 100%;
    height: 120px;
    background: #ddd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: right;
    font-size: 60px;
    padding-right: 10px;
}

.nivel-requisito {
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: white;
    width: 100%;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.swiper-pagination {
    margin-top: 20px;
}

.swiper-pagination-bullet {
    background: rgba(200, 21, 107, 0.5);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--pink-primary);
}

/* Cores dos níveis */
.nivel-topazio .nivel-numero,
.nivel-topazio .nivel-nome { color: #3C9BC4; }
.nivel-topazio .nivel-icon { background: linear-gradient(135deg, #3C9BC4 0%, #2E7D94 100%); }
.nivel-topazio .nivel-icon img{ height: 75px;}
.nivel-topazio .nivel-requisito { background: #3C9BC4; }

.nivel-bronze .nivel-numero,
.nivel-bronze .nivel-nome { color: #CF8C61; }
.nivel-bronze .nivel-icon { background: linear-gradient(135deg,#CF8C61 0%, #B8733C 100%); }
.nivel-bronze .nivel-icon img{ height: 75px;}
.nivel-bronze .nivel-requisito { background: #CF8C61; }

.nivel-prata .nivel-numero,
.nivel-prata .nivel-nome { color: #C3C3C3; }
.nivel-prata .nivel-icon { background: linear-gradient(135deg, #C0C0C0 0%, #C3C3C3 100%); }
.nivel-prata .nivel-icon img{ height: 75px;}
.nivel-prata .nivel-requisito { background: #C3C3C3; }

.nivel-ouro .nivel-numero,
.nivel-ouro .nivel-nome { color: #ECB041; }
.nivel-ouro .nivel-icon { background: linear-gradient(135deg, #FFD700 0%, #ECB041 100%); }
.nivel-ouro .nivel-icon img{ height: 75px;}
.nivel-ouro .nivel-requisito { background: #ECB041; }

.nivel-diamante .nivel-numero,
.nivel-diamante .nivel-nome { color: #535C73; }
.nivel-diamante .nivel-icon { background: linear-gradient(135deg, #535C73 0%, #4A5568 100%); }
.nivel-diamante .nivel-icon img{ height: 75px;}
.nivel-diamante .nivel-requisito { background: #535C73; }

/* Clubes */
.clubes-section {
    background: url(../image/background-section-2.png) center top;
    padding: 40px 0;
    color: white;
}

.clube-card {
    background: white;
    border-radius: 20px;
    padding: 60px 40px;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clube-card img {
    width: 100%;
    max-width: 220px;
    height: auto;
}

.clubes-section .clubes-title {
    font-size: 48px;
    margin-bottom: 30px;
    line-height: 50px;
}

.clubes-section .clubes-title span {
    display: block;
}

.clubes-section .clubes-txt{
    font-size: 16px; 
    line-height: 1.6; 
    margin-bottom: 20px;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

/* Vantagens */
.vantagem-title {
    font-size: 48px;
    margin-bottom: 30px;
    line-height: 50px;
}

.vantagem-title span {
    display: block;
}

.vantagens-wrapper {
    background: transparent;
    border-radius: 0px;
}

.vantagem-card {
    background: var(--gray-100);
    border-radius: 20px;
    padding: 20px;
    color: #333;
}

.vantagem-card h3 {
    color: var(--pink-primary);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.vantagem-card p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.vantagem-card.vantagem-card-1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.vantagem-card.vantagem-card-2{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    height: 100%;
}

.vantagem-card .vantagem-card-box-1{
    width: 45%;
}

.vantagem-card .vantagem-card-box-2{
    flex: 1;
}

.fundo-marketing-badges {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.badge-valor {
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.badge-valor img{
    height: 40px;
    margin-right: 25px;
}

.badge-valor p{
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 28px;
    font-weight: 600;
    color:  white;
    line-height: normal;
}

.badge-diamante {
    background: #535C73;
    color: white;
}

.badge-ouro {
    background: #CCBA4D;
    color: #333;
}


/* Experiência Sancor */
.experiencia-card {
    background: var(--gray-100);
    border-radius: 20px;
    padding: 20px;
    margin-top: 30px;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

.experiencia-card h3 {
    color: var(--pink-primary);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;    
}

.experiencia-card p{
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.experiencia-card-box-1{
    width: 30%;
}

.experiencia-card-box-2{
    flex: 1;
}

.experiencia-buttons {
    display: flex;
    gap: 20px;
    flex-direction: row;
}



.viagens-section {
    flex: 1;
    position: relative;
}

.btn-viagens {
    width: 100%;
    padding: 19px 15px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 28px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-internacional {
    background: var(--pink-primary);
    color: white;
}

.btn-nacional {
    background: #2E5C9A;
    color: white;
}

.btn-viagens:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.btn-viagens .btn-text {
    font-size: 24px;
}

.btn-viagens .btn-action {
    background: white;
    color: #BF0D65;
    padding: 8px 20px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    transition: opacity 0.3s ease;
}

.viagens-section.active .btn-action {
    opacity: 0;
    pointer-events: none;
}

/* Popover de Viagens */
.viagens-popover {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.3s ease;
}

.viagens-popover.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.viagem-item {
    background: white;
    border-radius: 15px;
    padding: 10px 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    height: 75px;
}

.viagem-item.viagem-clube-elite{
    background-color: #820050;
}

.viagem-item.viagem-diamante{
    background-color: #535C73;
}

.viagem-item.viagem-ouro{
    background-color: #CCBA4D;
}

.viagem-item.viagem-clube-agro{
    background-color: #5E970D;
}

.viagem-item.viagem-prata{
    background-color: #CCCCCC;
}

.viagem-item.viagem-bronze{
    background-color: #CF8C61;
}

.viagem-item.viagem-topazio{
    background-color: #007CB1;
}

.viagem-item:last-child {
    margin-bottom: 0;
}

.viagem-icon {
    width: 100px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: white;
    flex-shrink: 0;
}

.viagem-icon img{
    max-height: 100%;
}

.viagem-text {
    flex: 1;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.viagem-text strong {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    color: #fff;
}

.viagem-text span {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}

.viagem-text.color strong {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    color: #434343;
}

.viagem-text.color span {
    font-size: 15px;
    color: #434343;
    font-weight: 400;
}


/* CTA Section */
.cta-section {
    background: #2A4993;
    padding: 40px 0;
    color: white;
    text-align: center;
}

.cta-section h2 {
    font-size: 40px;
}

/* FAQ Section */
.faq-section {
    padding: 80px 0;
    background: var(--white);
}

.faq-section h2 {
    color: var(--pink-primary);
    font-size: 40px;
}

.faq-item {
    background: var(--white);
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    cursor: pointer;
    overflow: hidden;
}

.faq-question {
    padding: 20px 30px;
    color: var(--pink-primary);
    font-size: 16px;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 30px;
}

.faq-answer-content {
    padding: 10px 0 20px 0;
}

.accordion-button {
  color: var(--pink-primary);
  background-color: var(--gray-100);
}
.accordion-button:not(.collapsed) {
  background-color: var(--gray-100);
  color: var(--pink-primary);
  box-shadow: none;
}
.accordion-item {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  border: none;
}

.accordion-item .accordion-header{
    line-height: 35px;
}

.accordion-item .accordion-body{
    line-height: 25px;
    padding-top: 0;
    background-color: var(--gray-100);
    color: var(--gray-200);
}

.accordion {
  --bs-accordion-border-color: transparent;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

.accordion-button {
  outline: none !important;
  box-shadow: none !important;
}

.accordion-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important; 
  border-bottom: 0 !important;
}



/* Footer */
.footer {
    background: var(--pink-primary);
    color: white;
    padding: 40px 0;
}

.footer-logo {
    height: 50px;
}


.social {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}


.social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    text-decoration: none;    
    background-color: var(--white);
}

.social-link svg {
    fill: var(--purple-primary);
    width: 18px;
}


.social-link:hover,
.social-link:focus-visible {  
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.2));
  opacity: .95;
  outline: none;
}


.social-link:focus-visible::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 2px solid rgba(255,255,255,.6);
  border-radius: 8px;
}


.footer-text {
    font-size: 12px;
    text-align: right;
}

#clubes-logos-mobile{
    display: none;
}

.link-politicas{
    color: #fff;
    text-decoration: none;
}

.link-politicas:hover{
    opacity: 0.8;
}

/* Responsive */
@media (max-width: 991px) {
    .mobile-menu-btn {
        display: block;
    }
    .desktop-menu {
        display: none !important;
    }

    #clubes-logos-desktop{
        display: none;
    }

    #clubes-logos-mobile{
        display: flex;
        flex-direction: row;
        gap: 30px;
        margin-bottom: 25px;
    }

    
}

@media (max-width: 768px) {
    .jornada-section {
        overflow-x: hidden;
    }

    #clubes-logos-desktop{
        display: none;
    }

    #clubes-logos-mobile{
        display: flex;
        flex-direction: row;
        gap: 30px;
        margin-bottom: 25px;
    }

    #clubes-logos-mobile .clube-card{
        padding: 40px 40px;
    }

    .clubes-txt-bold{
        font-weight: bold;
    }

    .logo-sancor-top{
        display: none;
    }

    .navbar-brand .logo-ganha-mais-top{
        margin-left: 0;
    }

    .hero-section{
        padding: 40px 0;
    }

    .hero-content{
        background-color: var(--gray-100);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 25px;
    }

    .novidade-box{
        background-color: var(--gray-100);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 2px;
    }

    .hero-content h1 {
        font-size: 42px;
        line-height: 1;
        color: var(--pink-primary);
        
    }

    .hero-content p{
        color: var(--gray-200);
    }

    .btn-regulamento{
        background: var(--pink-primary);
        color: var(--white);
    }

    .novidade-text {
        font-size: 36px;
    }

    .jornada-section{
        padding: 0px 0px 40px 0px;
    }

    .jornada-section h2,
    .vantagens-section h2 {
        font-size: 42px;
        line-height: 1;
    }

    .jornada-section .container {
        padding-right: 0;
    }
    .jornada-container {
        border-radius: 20px 0 0 20px;
        padding: 40px 0 40px 20px;
        overflow: hidden;
        margin: 0;
        margin-right: -15px;
    }
    .swiper {
        padding: 0;
        overflow: hidden;
    }
    
    /* Estilos MOBILE para vantagens */
    .vantagens-wrapper{
        background-color: var(--gray-100);
        padding: 25px;
        border-radius: 20px;
    }

    .vantagem-title{
        font-size: 42px;
        line-height: 1;
        color: #304893;
    }

    .vantagem-card h3, .experiencia-card h3{
        font-size: 22px;
        font-weight: 900;
        font-family: "Red Hat Display", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
    }

    .vantagem-card p, .experiencia-card p{
        font-size: 18px;
    }

    
    .vantagens-section .container > .row {
        background: #f5f5f5;
        border-radius: 20px;
        padding: 40px 30px;
        margin: 0;
    }
    .vantagens-section .container > .row::before {
        content: "Vantagens\Ado Ganha Mais";
        display: block;
        font-size: 32px;
        font-weight: 700;
        color: var(--purple-primary);
        margin-bottom: 30px;
        white-space: pre-line;
    }

    .vantagem-card.vantagem-card-2 {
        padding: 0 ;
        flex-direction: column;

    }

    .vantagem-card .vantagem-card-box-1{
        width: 100%;
    }

    .vantagem-card .vantagem-card-box-2{
        width: 100%;
    }

    .experiencia-card {
        padding: 0 !important;
        margin-top: 30px !important;
        flex-direction: column;
        gap: 15px;
    }

    .experiencia-card-box-1 {
        width: 100%;
    }

    .experiencia-card-box-2{
        width: 100%;
    }

    .viagem-item{
        gap:10px;
    }

    .viagem-icon {
        width: 65px;
    }

    .viagem-icon img {
        max-height: 100%;
        max-width: 100%;
    }

    .cta-section h2 {
        font-size: 33px;
    }


    .vantagens-section .row {
        display: flex;
        flex-direction: column;
    }
    .comissao-order {
        order: 1;
    }
    .experiencia-order {
        order: 2;
        margin-bottom: 15px;
    }
    .marketing-order {
        order: 3;
    }
    .experiencia-buttons {
        flex-direction: column;
        gap: 15px;
    }
    .viagem-item {
        flex-direction: row;
    }
    .fundo-marketing-badges {
        flex-direction: column;
    }

    .faq-section {
        padding: 40px 0;
        background: var(--white);
    }

    .accordion-button {
        font-size: 15px;
    }

    .faq-col:nth-child(odd)  .accordion-button{ 
        background:var(--gray-100); 
    }

    .faq-col:nth-child(even) .accordion-button, .faq-col:nth-child(even) .accordion-item .accordion-body{ 
        background:#fff; 
    }

    .btn-viagens .btn-text {
        font-size: 20px;
    }
    .footer-text {
        text-align: center;
        margin-top: 20px;
    }
}