.material-icons-outlined.md-18 { font-size: 18px; }
.material-icons-outlined.md-24 { font-size: 24px; }
.material-icons-outlined.md-36 { font-size: 36px; }
.material-icons-outlined.md-48 { font-size: 48px; }

.soft-primary {
    background: #eef6ff;
    color: #298DFF;
}
.soft-secondary {
    background: #f3f3f3;
    color: #6f6f6f;
}
.soft-success {
    background: #c7f6e3;
    color: #00804c;
}
.soft-danger {
    background: #ffebeb;
    color: #e60000;
}
.soft-warning {
    background: #fff2c7;
    color: #997600;
}
.soft-light {
    background: #f7f7f7;
    color: #6f6f6f;
}
.soft-dark {
    background: #d8d8d8;
    color: #262a2e;
}
.soft-info {
    background: #edfcfe;
    color: #18DDEF;
}
.soft-violet {
    background: #f4eefe;
    color: #7429F8;
}

.purezatext {
    width: 180px; /* Ancho fijo del h3 */
    margin: 0 auto; /* Centra el h3 horizontalmente */
    text-align: center; /* Centra el texto dentro del h3 */
    border: 1px solid #000; /* Añade un borde para visualizar mejor el ancho */
}

.titulo {
    font-weight: bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #298DFF;
}