/* -------------------------------
       Estilos para la sección del timeline
    ------------------------------- */
    #providerProcess {
        padding: 4rem 0;
        background: #f9f9f9;
      }
      #providerProcess .section-title {
        margin-bottom: 3rem;
      }
      .timeline {
        position: relative;
        padding: 2rem 0;
      }
      .timeline:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 4px;
        background: #e9ecef;
        transform: translateX(-50%);
      }
      .timeline-item {
        position: relative;
        width: 50%;
        padding: 1rem 2rem;
      }
      .timeline-item .timeline-content {
        background: #fff;
        padding: 1.5rem;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      }
      .timeline-item-left {
        left: 0;
        text-align: right;
      }
      .timeline-item-right {
        left: 50%;
      }
      .timeline-item:before {
        content: "";
        position: absolute;
        top: 1.5rem;
        width: 16px;
        height: 16px;
        background: #28a745;
        border: 4px solid #fff;
        border-radius: 50%;
        z-index: 1;
      }
      .timeline-item-left:before {
        right: -8px;
      }
      .timeline-item-right:before {
        left: -8px;
      }
      @media (max-width: 767px) {
        .timeline:before {
          left: 8%;
        }
        .timeline-item {
          width: 100%;
          padding-left: 4rem;
          padding-right: 2rem;
        }
        .timeline-item-left,
        .timeline-item-right {
          left: 0;
          text-align: left;
        }
        .timeline-item:before {
          left: -8px;
        }
      }
      /* -------------------------------
         Estilos para el formulario de datos del posible cliente
      ------------------------------- */
      #clientEvaluation {
        max-width: 700px;
        margin: 4rem auto 2rem;
        padding: 2rem;
        background: #fff;
        border-radius: 0.5rem;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      }
      #clientEvaluation h3 {
        margin-bottom: 1.5rem;
        text-align: center;
      }
      .evaluation-step {
        display: none;
      }
      .evaluation-step.active {
        display: block;
        animation: fadeIn 0.5s;
      }
      @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
      }
      /* Barra de progreso */
      #clientProgress {
        height: 10px;
        background-color: #e9ecef;
        border-radius: 5px;
        margin-bottom: 2rem;
      }
      #clientProgress .progress-bar {
        background-color: #28a745;
        transition: width 0.4s ease;
      }
      /* Estilos para la sección de Beneficios */
  .provider-benefits {
    background: #f9f9f9;
  }
  
  .provider-benefits .benefit-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
  }
  
  .provider-benefits .benefit-item:hover {
    transform: translateY(-5px);
  }
  
  .provider-benefits .benefit-item h4 {
    font-weight: bold;
    margin-bottom: 0.5rem;
  }
  
  .provider-benefits .benefit-item p {
    font-size: 0.95rem;
    color: #555;
  }