/* Colores específicos para cada nivel */
h1 {
    color: #5a8bc2;  /* Azul principal */
}

h2 {
    color: #5a8bc2;  /* Azul xx*/
}

h3 {
    color: #5a8bc2;  /* Azul -- */
}

h4 {
    color: #5a8bc2;  /* Azul -- */
}

h5 {
    color: #5a8bc2;  /* Azul -- */
}

h6 {
    color: #5a8bc2;  /* Azul -- */
}

/* Quitar subrayado a todos los enlaces en cualquier estado */
/* === QUITAR SUBRAYADO POR DEFECTO EN TODOS LOS ENLACES === */
a,
a:link,
a:visited {
    text-decoration: none !important;
}

/* Efecto bonito al pasar el ratón o al recibir foco */
a:hover,
a:focus {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
    opacity: 0.85;
    transition: all 0.25s ease;
}

/* Si quieres que los enlaces dentro de botones sí mantengan el estilo original de Bootstrap, los excluimos */
.btn a,
a.btn {
    text-decoration: none !important;
}
.btn a:hover,
a.btn:hover {
    text-decoration: none !important;
    opacity: 0.8;
}