@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

:root {
  /* Cores */
  --color-primary: #00E169;
  --color-primary-dark: #00A26B;
  --color-secondary: #35353B;
  --color-secondary-light: #4A4A52;
  --color-gray: #626265;
  --color-light-gray: #F9F9F9;
  --color-white: #FFFFFF;
  --color-black: #151517;
  --color-border: #EBE9E8;
  --color-yellow: #FFD12E;
  --color-blue: #205CE8;
  
  /* Fontes */
  --font-family: 'Sora', sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 36px;
  --font-size-xxxl: 40px;
  --font-size-hero: 48px;
  
  /* Linha */
  --line-height-sm: 1.2;
  --line-height-md: 1.5;
  --line-height-lg: 1.2;
  
  /* Bordas */
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
  --border-radius-lg: 24px;
  --border-radius-circle: 50%;
  
  /* Transições */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Container */
  --container-width-sm: 768px;
  --container-width-md: 1110px;
  --container-width-lg: 1366px;
}

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

body {
  font-family: var(--font-family);
  color: var(--color-black);
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  background-color: var(--color-white);
  overflow-x: hidden;
}

.container-v4 {
  max-width: var(--container-width-md);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  flex-direction: column;
}

@media(max-width: 425px){
  .container-v4{
    padding: 0 16px !important;
  }
}

.container-lg {
  max-width: var(--container-width-lg);
  margin: 0 auto;
  padding: 0 128px;
  width: 100%;
}

.container-sm {
  max-width: var(--container-width-660);
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}

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

/* Botões */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
  border-radius: var(--border-radius-sm);
  font-weight: 700;
  font-size: var(--font-size-md);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.btn-primary {
  background-color: var(--color-primary);
  color: var(--color-black);
}

.btn-primary:hover {
  background-color: var(--color-primary-dark);
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.btn-secondary {
  background-color: var(--color-black);
  color: var(--color-white);
}

.btn-secondary:hover {
  background-color: var(--color-secondary);
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.btn-outline {
  background-color: transparent;
  color: var(--color-black);
  border: 2px solid var(--color-black);
  box-shadow: none;
  padding: 6px 22px;
}

.btn-outline:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-sm {
  padding: 4px 12px;
  font-size: var(--font-size-sm);
  border-radius: var(--border-radius-sm);
}

/* Header */
.header-v4 {
  background-color: var(--color-white);
}

.header-container-v4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media(max-width: 425px){
  .header-container-v4{
    justify-content: center;
    padding: 16px 0;
  }
}

.logo {
  display: block;
  transition: transform 0.3s ease;
}

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

.header-nav {
  display: flex;
  gap: 32px;
}

@media(max-width: 425px){
  .header-nav{
    display: none;
  }
}

.header-nav a {
  color: var(--color-black);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
  padding: 8px 0;
}

.header-nav a:hover {
  color: var(--color-primary);
}

.header-nav a.active {
  color: var(--color-primary);
}

.header-nav a.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: 2px;
}

.header-buttons {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* CTA Sorteio */
.cta-sorteio {
  border-bottom: 4px solid #FFC700;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 24px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media(max-width: 768px){
  .cta-sorteio{
    padding: 16px 0;
    background-position: 55%;
  }
}

.cta-sorteio .circle-1,
.cta-sorteio .circle-2,
.cta-sorteio .circle-3 {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  background-color: #FFEB82;
  border-radius: 50%;
  z-index: 1;
}

.cta-sorteio .circle-1 {
  top: -112px;
  left: 48px;
}

.cta-sorteio .circle-2 {
  top: -112px;
  left: 692px;
}

.cta-sorteio .circle-3 {
  top: -112px;
  left: 1149px;
}

.cta-sorteio-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
}

.cta-sorteio-countdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.cta-sorteio-cta {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

@media(max-width: 768px){
  .cta-sorteio-content, .cta-sorteio-countdown, .cta-sorteio-cta{
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}

.cta-sorteio-cta p {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-black);
  line-height: 1.5;
  font-family: 'Sora', sans-serif;
  text-align: left;
  width: 52%;
}

@media(max-width: 768px){
  .cta-sorteio-cta p{
    width: 100%;
    text-align: center;
  }
}

.cta-sorteio-text {
  display: none;
}

.cta-sorteio-btn {
  display: none;
}

.countdown-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 0;
  line-height: 1.2em;
  font-family: 'Sora', sans-serif;
}

/* Contador */
.countdown {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 8px;
}

.countdown-item {
  display: flex;
  align-items: center;
  gap: 4px;
}

@media(max-width: 425px){
  .countdown-item{
    gap: unset;
  }
}

.countdown-value {
  background-color: var(--color-black);
  color: var(--color-white);
  font-weight: 700;
  font-size: 20px;
  width: 48px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: relative;
}

.countdown-value::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}

.countdown-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
  text-transform: lowercase;
  font-family: 'Sora', sans-serif;
  line-height: 1.2em;
}

.cta-sorteio .btn-secondary {
  background-color: #35353B;
  color: #FFFFFF;
  border: 2px solid #151517;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2em;
  font-family: 'Sora', sans-serif;
  width: 178px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Seção de Sorteio */
.section-sorteio {
  padding: 100px 0 80px 0 !important;
  background: linear-gradient(to bottom, var(--color-white), #EBE9E8);
  position: relative;
  overflow: hidden;
}

@media(max-width: 425px){
  .section-sorteio{
    padding: 24px 0 !important;
  }
}

.sorteio-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-bottom: 60px;
}

@media(max-width: 425px){
  .sorteio-content{
    flex-direction: column-reverse;
    margin-bottom: 0px;
  }
}

.sorteio-left {
  flex: 1;
  max-width: 60%;
}

@media(max-width: 425px){
  .sorteio-left{
    flex: unset;
    max-width: 100%;
  }
}

.sorteio-left h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
  color: var(--color-black);
  font-family: 'Sora', sans-serif;
}

@media(max-width: 425px){
  .sorteio-left h2{
    font-size: 32px;
  }
}

.sorteio-left p {
  font-size: 16px;
  line-height: 1.5;
  color: #4A4B4C;
  margin-bottom: 32px;
  font-family: 'Sora', sans-serif;
}

@media(max-width: 425px){
  .sorteio-left p{
    font-size: 16px;
    margin: 0;
  }
}

.sorteio-app {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  border-radius: 12px;
  padding: 16px;
  gap: 20px;
  border: 2px solid #EBE9E8;
  width: fit-content;
}

@media(max-width: 425px){
  .sorteio-app{
    display: none;
  }
}

.sorteio-app-image {
  width: 90px;
  height: 90px;
  border-radius: 4px;
  overflow: hidden;
}

.sorteio-app-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sorteio-app-content h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black);
  margin-bottom: 8px;
  font-family: 'Sora', sans-serif;
}

.sorteio-app-content p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-black);
  margin: 0;
  font-family: 'Sora', sans-serif;
}

.sorteio-right {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 40%;
}

@media(max-width: 425px){
  .sorteio-right{
    flex: unset;
    max-width: 100%;
  }
}

.sorteio-image {
  max-width: 100%;
  position: relative;
}

.sorteio-image img {
  width: 100%;
  height: auto;
  display: block;
}

@media(max-width: 425px){
  .sorteio-right .sorteio-image{
    width: 328px;
    height: 328px;
  }
}

.app-download-container{
  display: none;
}

@media(max-width: 425px){
  .app-download-container{
    display: flex;
    justify-content: center;
    gap: 8px;

    margin: 32px 0 48px 0;
  }
}


.premios-mobile{
  display: none;
}

@media(max-width: 425px){
  .premios-mobile{
    display: block;
    margin-bottom: 40px;
  }

  .premios-mobile-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .premios-mobile-content .first-block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    font-size: 32px;
  }

  .premios-mobile-content .second-block{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    font-size: 32px;
  }

  .premios-mobile-content .second-block b{
    font-weight: 400;
  }

  .premios-mobile-content .second-block span{
    color: var(--color-primary);
    font-weight: 700;
  }
}
.sorteios-block{
  display: flex;
  column-gap: 80px;
  margin-bottom: 60px;
}

.sorteios-block-image{
  width: 100%;
  height: auto;
  display: block;
}

@media(max-width: 768px){
  .sorteios-block-image{
    display: none !important;
  }

  .sorteios-block h2{
    display: none;
  }
}

.sorteio-heading, .sorteio-heading-winners {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black);
  text-align: left;
  font-family: 'Sora', sans-serif;
}

@media(max-width: 425px){
  .sorteio-heading-winners{
    font-size: 24px;
    padding: 0 !important;
    text-align: left;
  }
}

.sorteio-heading-winners{
  margin-bottom: 40px;
}

.sorteio-cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

@media(max-width: 425px){
  .sorteio-cards{
    align-items: center;
  }
}

.sorteio-card {
  background-color: var(--color-white);
  border-radius: 24px;
  border: 4px solid #EBE9E8;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
}

@media(max-width: 425px){
  .sorteio-card{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

.sorteio-card-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sorteio-icon-blue {
  background-color: #205CE8;
}

.sorteio-icon-green {
  background-color: #00E169;
}

.sorteio-card-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sorteio-card-content {
  flex: 1;
}

.sorteio-card-content h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-black);
  margin-bottom: 8px;
  font-family: 'Sora', sans-serif;
}

.sorteio-card-content p {
  font-size: 16px;
  line-height: 1.5;
  color: #4A4B4C;
  margin: 0;
  font-family: 'Sora', sans-serif;
}

.sorteio-cta {
  display: flex;
  justify-content: center;
}

.sorteio-cta .btn-outline {
  height: 48px;
  width: 211px;
  color: var(--color-secondary);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  border: 2px solid var(--color-primary-dark);
  border-bottom: 6px solid var(--color-primary-dark);
  text-decoration: none;
  white-space: nowrap;
  border-top: 2px solid var(--color-light-gray);
  border-right: 2px solid var(--color-light-gray);
  border-bottom: 5px solid var(--color-light-gray);
  border-left: 2px solid var(--color-light-gray);
  background: var(--color-white);
  transition: all 0.3s ease;
}

@media(max-width: 425px){
  .sorteio-cta .btn-outline {
    width: 240px;
    height: 44px;
  }
}

.sorteio-cta .btn-outline:hover {
  background-color: #f5f5f5;
}

.sorteio-winners {
  display: flex;
  gap: 32px;
}

.sorteio-winner-card {
  background-color: var(--color-white);
  border-radius: 24px;
  border: 4px solid #EBE9E8;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.sorteio-winner-image {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.sorteio-winner-image img {
  width: 44px;
  height: 36px;
  display: block;
}

.sorteio-winner-testimonial {
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-black);
  font-family: 'Sora', sans-serif;
  margin: 0;
}

.sorteio-winner-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sorteio-winner-info h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-black);
  margin: 0;
  font-family: 'Sora', sans-serif;
}

.sorteio-winner-info p {
  font-size: 12px;
  line-height: 1.5;
  color: #4A4B4C;
  margin: 0;
  font-family: 'Sora', sans-serif;
}

.wave-section {
  position: relative;
  overflow: hidden;
}

@media(max-width: 425px){
  .wave-section{
    padding-top: 18px !important;
  }
}

.wave-svg-v4{
  position: absolute;
  bottom: 0;
  left: 0;
  top: 1px;
  width: 100%;
  height: auto;
}

@media(max-width: 425px){
  .wave-svg-v4{
    left: -1px;
    top: 0px;
    width: 101%;
  }
}

.wave-svg-v4-desk{
  display: block;
  width: 100%;
}

.wave-svg-v4-mobile{
  display: none;
}

@media(max-width: 425px){
  .wave-svg-v4-desk{
    display: none;
  }
  .wave-svg-v4-mobile{
    display: block;
    width: 100%;
  }
}

.wave-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.card-video {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  z-index: 2;
}

.card-after-effect {
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 3;
}

.card-after-effect h2 {
  color: var(--color-white);
  font-size: 24px;
  font-weight: 700;
  line-height: var(--line-height-lg);
}

.card-after-effect p {
  color: var(--color-white);
  font-size: var(--font-size-sm);
  font-weight: 400;
  line-height: var(--line-height-md);
}

.container-video {
  width: 100%;
  height: auto;
  flex-shrink: 0;
  border-radius: 16px;
  background: #35353B;
}

.wave-section {
  background: white;
  color: white;
  overflow: hidden;
}

.content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1110px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.content h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 130%;
}

.content p {
  font-size: 20px;
  font-weight: 400;
  line-height: unset;
}

.container-video {
  width: 634px;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
  background-color: #202020; /* Background color for video container */
  flex-shrink: 0;
}

.container-video iframe {
  width: 100%;
  height: 100%;
}

.content-text{
  text-align: left;
}

.content-text h2{
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  margin-top: 3rem;

}

.content-text p{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-top: 24px;
}


.wave-section-wrapper {
  background: linear-gradient(180deg, #35353B 0%, #151517 100%);
  margin-top: calc(100vw / 22.39);
  padding: 80px 0;
}

/* Estilos para a seção de vídeo */
.video-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  color: white;
}

@media(max-width: 768px){
  .video-section{
    gap: 24px;
  }
}

.video-title-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.video-title-wrapper h2 {
  font-family: 'Sora', sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.3;
  color: white;
  margin: 0;
}

.video-title-wrapper h2 b{
  color: #3BEC7C;
}

@media(max-width: 768px){
  .video-title-wrapper h2{
    font-size: 24px;
    text-align: left;
  }
}

.green-dot {
  width: 12px;
  height: 12px;
  background-color: #3BEC7C;
  border-radius: 50%;
  display: inline-block;
}

.video-content{
  display: flex;
  justify-content: flex-start;
  column-gap: 32px;
}

@media(max-width: 768px){
  .video-content{
    flex-direction: column;
  }
}

.video-description {
  font-family: 'Sora', sans-serif;
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: white;
  margin: 0;
}

@media(max-width: 768px){
  .video-description{
    font-size: 16px;
    text-align: left;
    margin-bottom: 96px;
  }
}

.video-container {
  min-width: 635px;
  width: 100%;
}

@media(max-width: 768px){
  .video-container{
    min-width: 100%;
  }
}

.video-placeholder {
  width: 100%;
  height: 420px;
  background-color: #35353B;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.video-placeholder:hover {
  background-color: #454549;
}

.play-button {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .video-title-wrapper h2 {
    font-size: 32px;
  }
  
  .video-description {
    font-size: 16px;
    max-width: 100%;
  }
  
  .video-placeholder {
    height: 240px;
  }
  
  .play-button {
    width: 60px;
    height: 60px;
  }
}

/* Estilos para a seção de Recomendação */
.recomendacao-section {
    padding: 80px 0;
    background-color: #fff;
    position: relative;
}

@media(max-width: 425px){
  .recomendacao-section{
    padding: 40px 0;
  }
}

.recomendacao-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.recomendacao-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.26;
    text-align: center;
    color: #151517;
    max-width: 800px;
    margin: 0 auto;
}

@media(max-width: 425px){
  .recomendacao-title{
    font-size: 24px !important;
  }
}

.recomendacao-wrapper {
    display: flex;
    align-items: center;
    gap: 55px;
    width: 100%;
    max-width: 1108px;
    margin: 0 auto;
}

.didi-card-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.didi-card-container img{
  height: 100%;
  width: 100%;
}

.recomendacao-info {
    display: flex;
    flex-direction: column;
    gap: 28px;
    flex: 1;
}

.recomendacao-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 784px;
}

.recomendacao-header h3 {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    color: #151517;
}

@media(max-width: 425px){
  .recomendacao-header h3{
    font-size: 20px !important;
    text-align: left;
  }
}

.recomendacao-header p {
    font-family: 'Sora', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #151517;
}

@media(max-width: 425px){
  .recomendacao-header p{
    font-size: 16px !important;
    text-align: left;
  }
}

.recomendacao-steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.step-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #00E169;
    border-radius: 20px;
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    color: #151517;
}

.step-item p {
    font-family: 'Sora', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3;
    color: #151517;
}

@media(max-width: 425px){
  .step-item p{
    font-size: 16px !important;
    text-align: left;
    width: 85%;
  }
}

.recomendacao-cta {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

@media(max-width: 768px){
  .recomendacao-cta{
    justify-content: center;
  }
}

.btn-recomendacao {
  background-color: var(--color-primary);
  padding: 8px 24px;
  margin-bottom: 1rem;
  color: var(--color-secondary);
  font-size: var(--font-size-sm);
  font-weight: 700;
  line-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  border: 2px solid var(--color-primary-dark);
  border-bottom: 6px solid var(--color-primary-dark);
  text-decoration: none;
  white-space: nowrap;
}

.btn-recomendacao:hover {
    transform: translateY(1px);
    transition: transform 0.3s ease;
}

@media (max-width: 991px) {
    .recomendacao-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .recomendacao-info {
        width: 100%;
    }
    
    .recomendacao-header {
        align-items: center;
        text-align: center;
    }
    
    .step-item p {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .recomendacao-title {
        font-size: 32px;
    }
    
    .recomendacao-header h3 {
        font-size: 28px;
    }
}

.section-cards-v4{
  padding: 80px 0 !important;
  background-color: #fff !important;
}

.new-card-group-wrapper-v4{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.feature-carousel-navigation{
  display: none;
}

/* Estilos para o carrossel mobile de ganhadores */
@media (max-width: 768px) {
  .section-cards-v4{
    padding: 48px 16px !important;
  }
  .sorteio-winners-wrapper {
    width: 100vw;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
  }
  
  .sorteio-winners {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  
  .sorteio-winner-card {
    width: 100% !important;
    padding: 24px 16px;
    margin: 0 16px;
    box-sizing: border-box;
    background-color: white;
    border-radius: 24px;
    border: 2px solid #EBE9E8;
    max-width: 90vw;
    height: 320px !important; /* Altura fixa para todos os cards */
    display: flex !important;
    flex-direction: column;
  }
  
  .sorteio-winner-image {
    margin-bottom: 16px;
  }
  
  .sorteio-winner-testimonial {
    flex-grow: 1;
    margin-bottom: 16px;
  }
  
  .sorteio-winner-info {
    margin-top: auto;
  }
  
  /* Esconder as setas de navegação padrão do slick */
  .slick-mobile-carousel .slick-arrow {
    display: none !important;
  }
  
  .slick-slide {
    height: inherit !important;
  }
  
  .slick-track {
    display: flex !important;
    align-items: stretch;
  }
  
  .slick-slide > div {
    height: 100%;
  }
  
  /* Estilo para o container de navegação */
  .sorteio-carousel-navigation {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
  
  .carousel-arrows {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .carousel-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-primary);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    padding: 0;
  }
  
  .carousel-arrow svg {
    width: 24px;
    height: 24px;
  }
  
  /* Estilo para os dots de navegação */
  .carrossel-dots-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  
  .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .slick-dots li {
    margin: 0;
    padding: 0;
  }
  
  .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background-color: #CACACC;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s ease;
  }
  
  .slick-dots li.slick-active button {
    background-color: var(--color-primary);
    width: 8px;
    height: 8px;
  }
  
  /* Ajustar o container de sorteio para remover padding interno */
  .section-sorteio .container {
    padding-left: 0;
    padding-right: 0;
  }
  
  .sorteio-heading-winners {
    padding-left: 16px;
    padding-right: 16px;
  }
  
  /* Ajustes para o Slick Slider */
  .slick-list {
    overflow: visible !important;
  }
}

@media (min-width: 768px) {
  /* Em desktop, manter o layout original */
  .sorteio-carousel-navigation,
  .carrossel-dots-mobile {
    display: none;
  }
}

@media(max-width: 768px){
  .is-plusdin-reliable-title-wrapper{
    padding: 0 16px !important;
  }

  .is-plusdin-reliable-title{
    font-size: 24px !important;
  }

  .is-plusdin-reliable-slider-wrapper > .floating-buttons-container{
    padding: 5px;
    gap: unset;
  }

  .is-plusdin-reliable-slider-wrapper{
    margin: 0;
  }
}

.section-blog{
  padding: 48px 16px !important;
}

.section-blog .container{
  padding: 0 !important;
}

/* Estilos para o carrossel de recursos (features) */
@media (max-width: 768px) {
  .new-card-group {
    width: 100vw;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
  }
  
  .new-card {
    width: 280px !important;
    padding: 24px 16px;
    box-sizing: border-box;
    background-color: white;
    border-radius: 24px;
    border: 2px solid #EBE9E8;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
  }
 
  .title-cards-v4 {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Sora', sans-serif; 
    text-align: left;
  }
  
  .new-card span {
    font-size: 14px;
    line-height: 1.5;
    color: #4A4B4C;
    font-family: 'Sora', sans-serif;
    min-height: 96px;
  }

  
  .new-card img {
    width: 48px;
    height: 48px;
  }
  
  /* Estilo para o container de navegação */
  
  /* Estilo para os dots de navegação */
  .carrossel-dots-features {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  /* Configurações para o Slick slider */
  
  .slick-mobile-features .slick-track {
    display: block !important;
  }  
}

@media(max-width: 768px){
  .new-card{
    align-items: flex-start;
    text-align: left;
  }
}

@media(max-width: 768px){
  .title-cards-v4{
    max-width: 65%;
    line-height: 1.2;
  }
}

@media(min-width: 1024px){
  .recent-posts-grid{
    width: 100%;
    min-height: 496px;
    gap: 1rem;
    position: relative;
  } 

  .recent-post{
    align-items: start !important;
  }

  .recent-post.small-post:nth-child(4){
    position: absolute;
    right: 0;
    left: unset;
  }

  .recent-post.small-post:nth-child(2) .recent-post-content{
    width: 50%;
  }

  .recent-post-content{
    min-height: 123px;
    justify-content: flex-start !important;
  }

  .recent-post.small-post:nth-child(4) .small-post-title{
    display: block;
  }
}

@media(max-width: 1024px){
  .recent-posts-container{
    width: 100%;
  }
  .recent-post.small-post:nth-last-child(-n+3) .recent-post-thumbnail-v4{
    width: 40%;
  }
}

.recent-post-excerpt{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
}

@media(max-width: 767px){
  .feature-carousel-navigation{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }  
}