.hero-section {

      background: linear-gradient(135deg, #08152d, #173caa, #295cff);

      min-height: 100vh;

      display: flex;

      align-items: center;

      color: #fff;

      overflow: hidden;

}

.hero-title {

      font-size: clamp(2rem, 5vw, 3.2rem);

      font-weight: 700;

      letter-spacing: -2px;

      line-height: 1.05;

}

.hero-description {

      font-size: 19px;

      opacity: .9;

      margin-bottom: 35px;

}



.badge-hero {

      background: #18c964;

      border-radius: 50px;

      padding: 14px 25px;

      font-weight: 700;

}

.hero-image {

      position: relative;

      text-align: right;

}

.hero-image img {

      border-radius: 20px;
      height: 390px;
      box-shadow:
            0 30px 80px rgba(0, 0, 0, .35),
            0 0 80px rgba(37, 99, 235, .35);

      transform: rotate(-2deg);

      transition: .4s;

}

.hero-image img:hover {

      transform: rotate(0deg) scale(1.02);

}

/*==================================================
                SELO DE CONFIANÇA
===================================================*/

.trust-box {

      display: flex;

      align-items: center;

      gap: 18px;

      margin-top: 35px;

      padding: 18px 22px;

      width: 100%;

      max-width: 620px;

      border-radius: 18px;

      background: rgba(255, 255, 255, .08);

      backdrop-filter: blur(15px);

      border: 1px solid rgba(255, 255, 255, .12);

      transition: .35s;

}

.trust-box:hover {

      transform: translateY(-4px);

      background: rgba(255, 255, 255, .12);

      box-shadow: 0 15px 40px rgba(0, 0, 0, .18);

}

.trust-icon {

      width: 70px;

      height: 70px;

      border-radius: 18px;

      display: flex;

      justify-content: center;

      align-items: center;

      background: linear-gradient(135deg, #22c55e, #16a34a);

      flex-shrink: 0;

}

.trust-icon i {

      color: #FFF;

      font-size: 34px;

}

.trust-content {

      flex: 1;

}

.trust-title {

      font-size: clamp(1rem, 4vw, 1.3rem);
      
            letter-spacing: -1px;
      
            font-weight: 800;

      color: #FFF;

      margin-bottom: 8px;

}

.trust-stars {

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      gap: 6px;

}

.trust-stars i {

      color: #FFD43B;

      font-size: 17px;

}

.trust-stars span {

      width: 100%;

      margin-top: 8px;

      color: rgba(255, 255, 255, .88);

      font-size: 15px;

      line-height: 1.6;

}




/*==================================================
                RESPONSIVIDADE
===================================================*/

/* Tablets */
@media (max-width: 991px) {

      .hero-section {
            min-height: auto;
            padding: 80px 0;
            text-align: center;
      }

      .hero-title {
            font-size: 42px;
      }

      .hero-description {
            font-size: 20px;
      }

      .hero-image {
            margin-top: 50px;
            text-align: center;
      }

      .hero-image img {
            width: 100%;
            max-width: 650px;
            height: auto;
            transform: none;
      }

      .hero-buttons {
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
      }

      .trust-box {
            margin: 35px auto 0;
      }

}

/*################################## Celulares */
@media (max-width: 768px) {

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

      .badge-hero {
            font-size: 14px;
            padding: 10px 18px;
      }

      .hero-title {
            font-size: 36px;
            line-height: 1.2;
      }

      .hero-description {
            font-size: 18px;
      }

      .hero-buttons {
            display: flex;
            flex-direction: column;
            width: 100%;
      }

      .hero-buttons .btn {
            width: 100%;
            margin: 0;
            padding: 14px;
            font-size: 17px;
      }

      .hero-image {
            margin-top: 40px;
      }

      .hero-image img {
            width: 100%;
            height: auto;
            transform: none;
      }

      .trust-box {
            flex-direction: column;
            text-align: center;
            padding: 20px;
      }

      .trust-icon {
            width: 60px;
            height: 60px;
      }

      .trust-icon i {
            font-size: 28px;
      }

      .trust-title {
            font-size: 18px;
      }

      .trust-stars {
            justify-content: center;
      }

      .trust-stars span {
            text-align: center;
            font-size: 14px;
      }

}

/* Celulares pequenos */
@media (max-width: 480px) {

      .hero-title {
            font-size: 30px;
      }

      .hero-description {
            font-size: 17px;
      }

      .badge-hero {
            font-size: 13px;
      }

      .hero-image img {
            border-radius: 15px;
      }

      .trust-box {
            border-radius: 15px;
      }

}