@font-face {
    font-family: personalizada_titulo;
    src: url(../material-web/Fonts/AlfaSlabOne-Regular.ttf);
}

@font-face {
    font-family: personalizada_titulo2;
    src: url(../material-web/Fonts/Oswald-VariableFont_wght.ttf);
}


.navbarfondo {
    background-color: rgba(0, 0, 0, 0.5);
    /* Define el color de fondo con transparencia */
    backdrop-filter: blur(10px);
    /* Aplica un efecto de desenfoque */
}

.colornaranja {
    color: #f07622; 
    font-weight: 400;
}

.lineanaranja {
    border: none;
    /* Elimina el borde predeterminado del <hr> */
    border-top: 1px solid #f07622;
    /* Establece un borde superior sólido naranja */
    height: 1px;
    /* Establece la altura del <hr> */
}