@import url("_root.css");

/*
============================================
PAGES

- Paginas estaticas diversas
- Politicas e termos
- Visualizacao das paginas
============================================
*/
.pages {
    padding-top: var(--header-padding-top);
    padding-bottom: var(--header-padding-bottom);
    min-height: var(--header-min-height);
}

.pages .pages__title h1 {
    font-family: var(--header_h1-font-family);
    font-size: var(--header_h1-font-size);
    font-weight: var(--header_h1-font-weight);
    letter-spacing: var(--header_h1-letter-spacing);
    line-height: var(--header_h1-line-height);
}

.pages .pages__view h2 {
    font-family: var(--header_h2-font-family);
    font-size: var(--header_h2-font-size);
    font-weight: var(--header_h2-font-weight);
    letter-spacing: var(--header_h2-letter-spacing);
    line-height: var(--header_h2-line-height);
    margin-top: var(--header_h2-margin-top);
}

.pages .pages__view-links {
    margin: 100px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    align-items: center;
    justify-content: center;
}

.pages .pages__view-links li {
    margin: 0 0 20px 0;
    padding: 0;
}

.pages .pages__view a:link,
.pages .pages__view a:visited {
    font-size: 14px;
    text-decoration: none;
    color: #737373;
}

.pages .pages__view a:hover {
    color: #00a2ff;
    transition: all 0.5s;
}

.pages .pages__view a {
    position: relative;
    display: inline-block;
}

.pages .pages__view a:link::after,
.pages .pages__view a:visited::after {
    content: '';
    width: 0%;
    height: 1px;
    background: #00a2ff;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: 0.4s;
}

.pages .pages__view a:hover::after {
    width: 100%;
}






@media only screen and (max-width: 430px) {
    .pages .pages__title h1 {
        font-family: var(--header_h1-font-family);
        font-size: 65px;
        font-weight: var(--header_h1-font-weight);
        letter-spacing: var(--header_h1-letter-spacing);
        line-height: 55px;
    }

    .pages .pages__view h2 {
        font-family: var(--header_h2-font-family);
        font-size: var(--header_h2-font-size);
        font-weight: var(--header_h2-font-weight);
        letter-spacing: var(--header_h2-letter-spacing);
        line-height: var(--header_h2-line-height);
        margin-top: var(--header_h2-margin-top);
    }
}

@media only screen and (min-width: 431px) and (max-width: 768px) {
    .pages .pages__title h1 {
        font-family: var(--header_h1-font-family);
        font-size: 65px;
        font-weight: var(--header_h1-font-weight);
        letter-spacing: var(--header_h1-letter-spacing);
        line-height: 55px;
    }

    .pages .pages__view h2 {
        font-family: var(--header_h2-font-family);
        font-size: var(--header_h2-font-size);
        font-weight: var(--header_h2-font-weight);
        letter-spacing: var(--header_h2-letter-spacing);
        line-height: var(--header_h2-line-height);
        margin-top: var(--header_h2-margin-top);
    }
}