/*=====================================
        FUNCIONALIDADES
======================================*/

.features-section {

      padding: 120px 0;

      background: #f8fafc;

}

.section-title {

      text-align: center;

      margin-bottom: 70px;

}

.section-badge {

      display: inline-block;

      background: #2563eb;

      color: #fff;

      padding: 10px 20px;

      border-radius: 30px;

      font-weight: 700;

      margin-bottom: 20px;

}

.section-title h2 {

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

      font-weight: 800;

      color: #111827;

}

.section-title p {

      max-width: 750px;

      margin: auto;

      color: #6b7280;

      font-size: 20px;
      font-weight: 400;

}

.feature-card {

      background: #fff;

      border-radius: 22px;

      padding: 40px 30px;

      height: 100%;

      transition: .35s;

      box-shadow: 0 10px 30px rgba(0, 0, 0, .05);

}

.feature-card:hover {

      transform: translateY(-10px);

      box-shadow: 0 25px 60px rgba(37, 99, 235, .15);

}

.feature-icon {

      width: 80px;

      height: 80px;

      background: #eff6ff;

      border-radius: 18px;

      display: flex;

      justify-content: center;

      align-items: center;

      margin-bottom: 25px;

      transition: .3s;

}

.feature-card:hover .feature-icon {

      background: #2563eb;

}

.feature-icon i {

      font-size: 38px;

      color: #2563eb;

      transition: .3s;

}

.feature-card:hover .feature-icon i {

      color: #fff;

}

.feature-card h4 {

      font-size: 22px;

      font-weight: 700;

      margin-bottom: 15px;

}

.feature-card p {

      color: #6b7280;

      line-height: 1.8;

}

/* RESPONSIVO */

@media(max-width:768px) {

      .features-section {

            padding: 80px 0;

      }

      .section-title {

            margin-bottom: 50px;

      }

      .feature-card {

            text-align: center;

      }

      .feature-icon {

            margin: auto auto 25px;

      }

}