.pagina{
    background: #fff; 
    padding: 60px 10%; 
    color: #494645; 
    & p{
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 20px 0;
    }
    & h1.titulo{
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 1.2;
        margin: 0;
        &::after {
            content: "";
            display: block;
            height: 10px;
            width: 80px;
            margin: 10px 0 30px 0;
            background: linear-gradient(to right, var(--verde) 0%, var(--verde) 33.33%, var(--laranja) 33.33%, var(--laranja) 66.66%, var(--azul) 66.66%, var(--azul) 100%);
            border-radius: 15px;
        }
    }
    & strong{
        font-weight: 700;
    }
    & a{
        color: var(--laranja);
        text-decoration: underline;
    }
    & img{
        max-width: 100%;
        border-radius: 10px;
        margin: 15px auto;
        display: block;
        height: auto;
    }
    & h1, h2, h3, h4, h5, h6{
        color: #494645;
        font-weight: 700;
        margin: 15px 0 10px;
    }
    & ul, ol{
        list-style-position: inside;
        padding-left: 0;
        & li{
            margin: 8px 0;
        }
    }
    & blockquote{
        background: #f7f7f7; 
        padding: 30px 50px; 
        border-radius: 15px; 
        font-size: 1.2rem; 
        line-height: 1.5;
        font-weight: 600;
        & p{
            margin: 15px 0;
        }
        &::before {
            content: "";
            display: block;
            height: 10px;
            width: 100px;
            margin: -35px auto 30px;
            background: linear-gradient(to right, var(--verde) 0%, var(--verde) 33.33%, var(--laranja) 33.33%, var(--laranja) 66.66%, var(--azul) 66.66%, var(--azul) 100%);
            border-radius: 3px;
        }
        &::after {
            content: "";
            display: block;
            height: 10px;
            width: 100px;
            margin: 30px auto -35px;
            background: linear-gradient(to right, var(--verde) 0%, var(--verde) 33.33%, var(--laranja) 33.33%, var(--laranja) 66.66%, var(--azul) 66.66%, var(--azul) 100%);
            border-radius: 3px;
        }
    }
    & input{
        width: 100%;
        padding: 10px;
        border: solid 1px #dddddd;
        outline: 0;
        &:focus{
            border-color: var(--laranja);
        }
    }
}