/* Estilos para centrar el texto */
.centrar-texto h1 {
    text-align: center;
    margin-top: 0; /* Elimina el margen superior para una mejor alineación vertical */
    padding-top: 0; /* Asegura que no haya padding superior innecesario */
}

/* Estilos para texto con peso 300 */
.fw-300 {
    color: #0a87d4; /* Color del texto */
    font-weight: 300; /* Ajusta el peso de la fuente a 300 */
    text-align: center; /* Centra el texto horizontalmente */
    margin-top: 0; /* Elimina el margen superior para una mejor alineación */
    padding-top: 0; /* Asegura que no haya padding superior innecesario */
}

/* Efectos hover para texto con peso 300 */
.fw-300:hover {
    color: #337ccf; /* Color del texto al pasar el ratón */
    text-shadow: 1px 1px 6px #508AD3; /* Agrega sombra al texto para un efecto de profundidad */
    cursor: pointer; /* Cambia el cursor para indicar que el texto es interactivo */
}