/* Estilos para las tarjetas de servicios */
      .service-card {
        border: none;
        transition: transform 0.3s;
      }
  
      .service-card:hover {
        transform: translateY(-10px);
      }
      /*
      .welcome-box {
        color: #343a40;
        width: 100%;
        max-width: 400px;
        text-align: center;
      } Estilos para las tarjetas de servicios */
  
      /* Estilos para el carrusel */
  .carousel-item {
    background-color: #3498db; /* Cambiar el color de fondo para todos los carruseles */
    text-align: center; /* Centrar el texto horizontalmente */
  }
  
  .carousel-item h4 {
    padding: 20px; /* Espaciado interno para el texto */
    color: #fff; /* Cambiar el color del texto */
  }  
  
/* Subrayado a terminos y condiciones */

  .no-underline {
    text-decoration: none;
}
.no-underline:hover {
    text-decoration: underline;
}



/* Secciones Nuevas*/
    .cta-section {
        background-color: #007bff; /* Fondo primario */
        color: #fff; /* Texto blanco */
        text-align: center;
        padding: 5rem 0;
        position: relative;
        overflow: hidden;
    }

    .cta-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3); /* Sombreado */
        z-index: 1;
    }

    .cta-section h2 {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
        z-index: 2;
        position: relative;
    }

    .cta-section p {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
        z-index: 2;
        position: relative;
    }

    .cta-section a {
        font-size: 1.25rem;
        padding: 0.75rem 1.5rem;
        border-radius: 5px;
        z-index: 2;
        position: relative;
        transition: transform 0.3s, box-shadow 0.3s;
    }

    .cta-section a:hover {
        transform: scale(1.1);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    }

    .cta-section .container {
        position: relative;
        z-index: 2;
    }

    /* Animaciones */
    @keyframes slideIn {
        from {
            transform: translateY(100px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .cta-section h2,
    .cta-section p,
    .cta-section a {
        animation: slideIn 1s ease-out forwards;
    }

    .cta-section h2 {
        animation-delay: 0.3s;
    }

    .cta-section p {
        animation-delay: 0.6s;
    }

    .cta-section a {
        animation-delay: 0.9s;
    }