@import url("../font/gilroy.css");

body {
    background: #ffffff;
    color: #ffffff;
    font-family: "Gilroy", sans-serif;
}
.termo-uso header {
    background: rgba(255, 255, 255, 0.5);
    height: initial;
}
/* Header */

.termo-uso header .content-header {
    max-width: 1640px;
    width: 90%;
    padding: 0.6rem 0;
}
.termo-uso header .content-header img {
    width: 140px;
    height: 40px;
}
.header-blur {
    background: rgba(255, 255, 255, 0.5);
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.dark {
    color: #041e42 !important;
    -webkit-transition: ease-in-out 2s;
    transition: ease-in-out 2s;
}

.dark:hover {
    color: #e0004d;
}

/* Footer */
:root .footer {
    --footer-text: #041e42;
}
.termo-uso .footer {
    font-family: "Gilroy", sans-serif;
}
.termo-uso .footer .content-footer .links-footer ul > li {
    color: #041e42;
}
.termo-uso .footer .content-footer .links-footer {
    line-height: 1;
    
}
.termo-uso .footer .content-footer .links-footer ul a li {
    font-size: 16px;
    color: #041e42;
}
.termo-uso .footer .content-footer .links-footer .logo-footer {
    margin: 0 40px 50px 0;
}
.termo-uso .footer .content-footer .links-footer .logo-footer svg path.letter {
    fill: #041e42;
}
.termo-uso .footer .content-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #e7004c), to(rgba(231, 0, 76, 0)));
    background: linear-gradient(270deg, #e7004c 50%, rgba(231, 0, 76, 0) 100%);
}

.termo-uso .footer .content-footer .links-footer .line-split {
    background: linear-gradient(91deg, rgba(231, 0, 76, 0) 0%, rgba(231, 0, 76, 0.2) 100%);
    max-width: 107px;
}

.termo-uso .footer .content-footer .social-media a svg path {
    fill: #041e42;
}

.onm-header {
    background-color:#041E42;
    background: linear-gradient(90deg, #050939, #141a61, #050939);
}

.onm-header h1 {
    font-size: 4.5rem;
    line-height: 1.3;
    color: #ffffff;
    width: min(74rem, 100%);
    padding: clamp(8rem, 8vw, 10rem) 8% 3vw;
    margin: 0;
}

.onm-itens-box {
    padding: 2rem 15% 10rem;
    max-width: 1360px;
    margin: 0 auto;
}

.pink.bold {
    margin-top: 30px;
    font-size: 2.6rem;
}

.bold {
    font-weight: 700;
}

.pink {
    color: #e0004d;
}

p {
    line-height: 1.5;
    color: #041e42;
    margin: 0 0 7px;
    font-size: 1.6rem;
}

/* --------- MEDIA: Large computers and lower --------- */
@media screen and (max-width: 1919px) {
}
/* --------- MEDIA: Medium computers and lower --------- */
@media screen and (max-width: 1679px) {
}
/* --------- MEDIA: Small computers and lower --------- */
@media screen and (max-width: 1279px) {
}
/* --------- MEDIA: Tablets and lower --------- */

@media screen and (max-width: 990px) {
}

/* --------- MEDIA: Smartphones and lower --------- */
@media screen and (max-width: 767px) {
    .onm-itens-box {
        padding: 2rem 10% 10rem;
    }

    .onm-header h1 {
        font-size: 3.4rem;
        line-height: 1.3;
    }
}