@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@300&display=swap');

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('./BebasNeue Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Bebas Neue', sans-serif;
    color: white;
}

/**
Página 1
 */
.p1 {
    font-size: 1vmax;

}

.p1 .bg-orange {
    background-image: url('../images/pie-min.png');
    background-repeat: no-repeat;
    background-position: top;
    background-color: #ff2f00;
}

.text-blue * {
    color: #0058bb;
}

.text-red * {
    color: #ff4722;
}

.p1 .bg-white * {
    color: gray;
}

.p1 .bg-blue {
    background-color: #00458c;
}

.p1 .bg-light-blue {
    background-color: #0058bb;
}

.p1 .bg-yellow {
    background-color: #ffd800;
}

.p1 .bg-red {
    background-color: #ff4722;
}

.p1 p.small-bold {
    font-size: 1.7vmax;
}

.p1 p.large-bold {
    font-size: 4vmax;
    line-height: normal;
}

.p1 .small-regular {
    font-family: 'Bebas Neue Book', sans-serif;
}

.p1 .large-regular {
    font-size: 4vmax;
    font-family: 'Bebas Neue Book', sans-serif;
}

input, button, select option, .montserrat {
    font-family: 'Montserrat', sans-serif;
}

select option {
    color: black;
}

.container-in {
    max-width: 40vmax;
}

.container-60 {
    max-width: 60vmax;
}


.donut {
    width: 43vmax;
    height: 43vmax;
    position: relative;
    text-align: right;
    margin-left: 25vmax;
    margin-top: -20vmax;
    margin-bottom: -23vmax;
    z-index: 2
}

.donut img {
    max-width: 60%;
}

.help.hmobile {
    display: none;
}

.help {
    display: block;
}

/**
all mobile
 */
@media screen
and (min-width: 350px)
and (max-width: 600px) {
    .donut {
        overflow: hidden;
        /*width: 23vmax;*/
        /*margin-left: 30vmax;*/
        /*height: 48vmax;*/
        /*margin-top: -25vmax;*/
        height: unset;
        width: unset;
        right: -1vmax;
    }

    .donut img {
        max-width: 180%;
    }

    .help.hmobile {
        display: block;
    }

    .help {
        display: none;
    }
}

/*@media only screen and (max-width: 600px) {*/
/*    .donut {*/
/*        overflow: hidden;*/
/*        !*width: 23vmax;*!*/
/*        !*margin-left: 30vmax;*!*/
/*        !*height: 48vmax;*!*/
/*        !*margin-top: -25vmax;*!*/
/*        height: unset;*/
/*        width: unset;*/
/*        right: -1vmax;*/
/*    }*/

/*    .donut img {*/
/*        max-width: 180%;*/
/*    }*/

/*}*/


@media only screen and (max-width: 361px) {
    .donut {
        margin-bottom: -13vmax;
    }
}

@media only screen and (min-width: 361px) and (max-width: 375px) {
    .donut {
        top: -5vmax;
        margin-bottom: -12vmax;
    }
}

@media only screen and (width: 375px) and (height: 667px) {
    .donut {
        top: -5vmax;
        margin-bottom: -28vmax;
    }
}

@media only screen and (min-width: 377px) and (max-width: 430px) {
    .donut {
        margin-bottom: -12vmax;
    }
}

@media screen
and (min-width: 350px)
and (max-width: 600px) {
    .p1 {
        font-size: 2.5vmax;
    }

    .p1 p.small-bold {
        font-size: 2.5vmax;
    }

}