.pagina{
    --padding: 60px 10%;
    border-bottom: solid 1px var(--bg-light);
    .topo{
        background: var(--primaria);
        padding: var(--padding);
        border-top: solid 1px var(--secundaria);
        & h1{
            color: #ffff;
            font-size: 3rem;
            line-height: 1.1;
            margin: 0;
            font-family: "Prata", serif;
            text-align: center;
        }
    }
    .conteudo{
        padding: var(--padding);
        font-size: 1.05rem;
        line-height: 1.6;
        p{
            margin: 15px 0;
        }
        strong{
            color: var(--primaria);
        }
        ul, ol{
            margin: 10px 0;
            list-style-position: inside;
            padding: 0;
            li{
                padding: 5px 0;
                ::marker{
                    color: var(--primaria);
                    font-weight: 800;

                }
            }
        }
        h1, h2, h3, h4, h5, h6 {
        font-family: 'Prata', sans-serif;
        font-weight: 800;
        line-height: 1.2;
        margin: 1rem 0;
        color: var(--primaria);
        }

        h1 { font-size: 2.5rem; }
        h2 { font-size: 2rem; }
        h3 { font-size: 1.75rem; }
        h4 { font-size: 1.5rem; }
        h5 { font-size: 1.25rem; }
        h6 { font-size: 1rem; }

        a{
            color: var(--primaria);
            transition: .3s;
            &:hover{
                color: var(--secundaria);
            }
        }

        iframe{
            border-radius: 15px;
        }

        img{
            max-width: 100%;
            height: auto;
            display: block;
            margin: 15px auto;
        }

        blockquote{
            border-left: 8px solid var(--primaria);
            background: var(--bg-light);
            padding: 30px;
            width: 100%;
            border-radius: 15px;
            margin: 20px 0;
            p{
                margin: 15px 0;
            }
        }

        & label{
            width: 100%;
            margin: 5px 0;
            & input, textarea, select{
            width: 100%;
            padding: 15px;
            border: 0;
            border-radius:10px;
            background: var(--bg-light);
            border: solid 1px var(--bg-light);
            transition: .3s;
            max-height: 150px;
            outline: 0;
            &:focus{
                border-color: var(--primaria);
            }
            }
        }
        & input[type="submit"]{
            background: var(--primaria);
            width: 100%;
            padding: 15px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            border: 0;
            outline: 0;
            border-radius: 10px;
            transition: .3s;
            &:hover{
                background: var(--secundaria);
            }
        }
        & .wpcf7-spinner{
            height: auto;
        }

    }
    @media (max-width: 10240px) {
            --padding: 60px;
    }
    @media (max-width: 480px) {
    --padding: 30px 30px;
    & .topo {
        & h1 {
            font-size: 2rem;
        }
    }
    & .conteudo{
        font-size: 1rem;
    }
    }
}