/* ==========================================================================
   6. SEÇÃO 4: BENEFÍCIOS (FUNDO ESCURO)
   ========================================================================== */
 .benefits-section {
     background-color: #0b1120;
     /* Azul marinho profundo */
     padding: 100px 0;
 }

 .benefits-title {
     color: #ffffff;
     font-weight: 800;
     font-size: 2.5rem;
     margin-bottom: 15px;
 }

 .benefits-subtitle {
     color: #94a3b8;
     font-size: 1.1rem;
     max-width: 600px;
     margin: 0 auto;
 }

 .benefit-card {
     background-color: #ffffff;
     border-radius: 20px;
     padding: 40px 30px;
     height: 100%;
     text-align: left;
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
 }

 .benefit-card:hover {
     transform: translateY(-12px) scale(1.02);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
 }

 .icon-box {
     background-color: #fff7ed;
     color: #f97316;
     width: 50px;
     height: 50px;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 25px;
 }

 .benefit-card h3 {
     font-size: 1.25rem;
     font-weight: 700;
     color: #0f172a;
     margin-bottom: 15px;
 }

 .benefit-card p {
     font-size: 0.95rem;
     color: #64748b;
     line-height: 1.6;
     margin-bottom: 0;
 }

 @media (max-width: 768px) {
     .benefits-title {
         font-size: 2rem;
     }
 }