@font-face {
    font-family: "Poppins";
    src: url("../tipografia/Poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins-Bold";
    src: url("../tipografia/Poppins/Poppins-Bold.ttf");
}

.tipo{
    font-family: 'Poppins';
}

.tipo-bold{
    font-family: "Poppins-Bold";
}

a{
    text-decoration: none;
    color:black;
    cursor:pointer;
}

a:hover{
    color:#003595;
}

.azul{
    color: #003595;
}


/*Fondo Responsivo Uno */
#fondo{
    background-image: url('../imagenes/fondo.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Esto mantiene el fondo fijo mientras se desplaza la página */
    height: 70vh; /* Establece el tamaño de la imagen al 100% de la altura de la ventana gráfica */
}

/*Fondo Responsivo Dos */
#fondo2{
    background-image: url('../imagenes/fondo.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Esto mantiene el fondo fijo mientras se desplaza la página */
    height: 120vh; /* Establece el tamaño de la imagen al 100% de la altura de la ventana gráfica */
}

/*Fondo Responsivo Tres */
#fondo3{
    background-image: url('../imagenes/fondo.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Esto mantiene el fondo fijo mientras se desplaza la página */
    height: 138vh; /* Establece el tamaño de la imagen al 100% de la altura de la ventana gráfica */
}

/*Fondo Responsivo Movil  */
#fondo-movil{
    background-image: url('../imagenes/fondo-movil.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Esto mantiene el fondo fijo mientras se desplaza la página */
    height: 100vh; /* Establece el tamaño de la imagen al 100% de la altura de la ventana gráfica */
}