h3.text-align.center.blue-text {
    font-size: 3rem;
    text-align: center;
    color: blue;
}

@media screen and (max-width: 600px) {
    h3.text-align.center.blue-text {
        font-size: 2rem;
        /* más pequeño en móvil */
    }
}

/* PARA CAMBIAR EL TAMAÑO DEL TEXTO CAMBIAR LOS VALORES EN FONT-SIZE DE AMBOS*/

/* Texto principal grande (escritorio) */
span.card-title.black-text.center {
    display: block;
    text-align: center;
    color: black;
    font-size: 2.5rem;
    /* grande en escritorio */
    font-weight: bold;
}

/* Texto secundario más pequeño (escritorio) */
p.center {
    text-align: center;
    font-size: 1.2rem;
    /* más pequeño */
    color: #333;
}

/* ✅ Ajuste en móviles */
@media screen and (max-width: 600px) {
    span.card-title.black-text.center {
        font-size: 1.2rem;
        /* reducido en móvil */
    }

    p.center {
        font-size: 0.9rem;
        /* aún más pequeño en móvil */
    }
}