        /* Clase para el color del texto */
        .texto-azul {
            color: #000126;
        }

        /* Clase para el color de fondo */
        .bg-azul {
            background-color: #000126;
        }

        /* Efectos hover */
        .hover-lift:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0,1,38,0.4) !important;
            background-color: #00012e !important;
        }

        .hover-scale:hover {
            transform: scale(1.05);
        }

        /* Estilos generales */
        body {
            background-color: #f8f9fa;
            font-family: 'Inter', sans-serif;
        }

        /* Estilos de tarjetas */
        .card {
            border: none;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }

        .card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }

        .card-img-top {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            height: 220px;
            object-fit: cover;
            background-color: #ced4da;
        }

        .card-title {
            font-weight: 700;
            color: #2d3436;
        }

        .card-subtitle {
            font-size: 0.9rem;
            font-weight: 500;
            letter-spacing: 0.3px;
        }

        .card-text {
            font-size: 0.95rem;
            color: #4b4b4b;
            line-height: 1.5;
        }

        /* Título de sección */
        .section-title {
            font-weight: 700;
            color: #1e272e;
            position: relative;
            padding-bottom: 15px;
        }

        .section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #0984e3, #6c5ce7);
            border-radius: 2px;
        }
        
        