.page-register {
    background-image: url("../../img/Fondo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
}


.page-home {
    background-image: url("../../img/fondo/2560px-x-1440px.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
}

@media (max-width: 1400px) {
    .page-home {
        background-image: url("../../img/fondo/1400x900.jpg");
    }
}

@media (max-width: 1300px) {
    .page-home {
        background-image: url("../../img/fondo/1920px-x-1080px.jpg");
    }
}

@media (max-width: 1200px) {
    .page-home {
        background-image: url("../../img/fondo/1200x900.jpg");
    }
}

@media (max-width: 950px) {
    .page-home {
        background-image: url("../../img/fondo/1200px-x-1200px.jpg");
    }
}

@media (max-width: 850px) {
    .page-home {
        background-image: url("../../img/fondo/1200px-x-1200px.jpg");
    }
}

@media (max-width: 750px) {
    .page-home {
        background-image: url("../../img/fondo/800px-x-800px.jpg");
    }
}

@media (max-width: 600px) {
    .page-home {
        background-image: url("../../img/fondo/600.jpg");
    }
}

@media (max-width: 500px) {
    .page-home {
        background-image: url("../../img/fondo/5a.jpg");
    }
}

@media (max-width: 300px) {
    .page-home {
        background-image: url("../../img/fondo/3a.jpg");
    }
}
/* 
@media (max-width: 363px) {
    .page-home {
       margin-top: -50px;
    }
}

@media (max-width: 276px) {
    .page-home {
       margin-top: -100px;
    }
} */

.navbar {
    position: fixed;
    width: 100%;
    z-index: 10000;
}

h1 {
    font-size: 48px;
}

#calculadora {
    padding-top: 120px !important;
}

#moneda {
    padding: 24px;
    background-color: white;
    border-radius: 5px;
}

#envia,
#recibe,
#formula,
#entidad {
    padding: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 12px;
}

#valores {
    text-align: right;
}

.col-6 > p {
    margin: 0px;
}

#modal {
    text-align: center;
}

#modal > button > p {
    margin: 0px;
}

#somos {
    background: linear-gradient(90deg, #3b5ae2 0%, #0f4061 100%);
    color: #fff;
    text-align: center;
    padding: 26px;
    position: relative;
    border-radius: 10px;
}

#somos::before,
#somos::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

#somos::before {
    background-repeat: repeat;
    height: 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(
        circle at 10px -5px,
        transparent 12px,
        #fff 13px
    );
}

#somos::after {
    background-repeat: repeat;
    height: 15px;
    background-size: 40px 20px;
    background-image: radial-gradient(
        circle at 0px 15px,
        #fff 12px,
        transparent 13px
    );
}

/*Inicio de sesion*/

.py-5 > h3 {
    text-align: center;
    padding-top: 50px;
}

#camposSesion {
    padding-left: 350px;
    padding-right: 350px;
}

#camposSesion > .btn {
    width: 100%;
}

@media only screen and (max-width: 1200px) {
    #camposSesion {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media only screen and (max-width: 1090px) {
    #camposSesion {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media only screen and (max-width: 770px) {
    #camposSesion {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 600px) {
    #camposSesion {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*Registro*/

.col-md-7 > h3 {
    text-align: center;
    padding-top: 50px;
}

#camposRegistro {
    padding-left: 100px;
    padding-right: 100px;
}

@media only screen and (max-width: 600px) {
    #camposRegistro {
        padding-left: 30px;
        padding-right: 30px;
    }
}

#camposRegistro > p {
    margin: 0px;
}

#camposRegistro > #registro {
    width: 100%;
}

#carouselExampleSlidesOnly {
    padding-top: 50px;
}