.pagina{
    --padding:  60px 10%;
    font-family: "Montserrat", sans-serif;
    .topo{
        background: var(--color-primary);
        padding: var(--padding);
        h1.titulo{
            color: var(--link-invert);
            font-family: 'Prototype';
            font-size: 2.5rem;
            margin: 20px 0;
            line-height: 1.1;
        }        
    }
    .conteudo{
        padding: var(--padding);
        font-size: 1.1rem;
        .thumb{
            img{
                width: 100%;
                aspect-ratio: 16/9;
                height: auto;
                display: block;
                border-radius: 15px;
            }
        }
        h1.titulo{
            color: var(--color-primary);
            font-family: 'Prototype';
            font-size: 2.5rem;
            margin: 20px 0;
            line-height: 1.1;
        }
        p{
            line-height: 1.8;
            margin: 10px 0;
        }
        strong{
            font-weight: 700;
            color: var(--link-color);
        }
        em{
            font-style: italic;
        }
        a{
            text-decoration: underline;
            &:hover{
            color: var(--color-primary);
            }
        }
        ul, ol{
            margin: 15px 0;
            list-style-position: inside;
            padding: 0;
         li{
            padding: 10px 0;
         }   
        }
        h1, h2, h3, h4, h5, h6{
            color: var(--link-color);
            margin: 20px 0;
            font-family: 'Prototype';
            line-height: 1.1;
            strong{
                color: var(--link-color);
                font-weight: initial;
            }
        }
        h1{
            font-size: 2rem;
        }
        h2{
            font-size: 1.8rem; 
        }
        h3{
            font-size: 1.6rem; 
        }
        h4{
            font-size: 1.3rem; 
        }
        h5{
            font-size: 1.2rem; 
        }
        h6{
            font-size: 1.1rem; 
            text-transform: uppercase;
        }
        blockquote{
            background: var(--bg-color-secundary);
            padding: 30px;
            border-left: 5px solid var(--color-primary);
            font-size: 1.2rem;
            line-height: 1.8;
            border-radius: 15px;
            p{
                margin: 15px 0;
            }
        }
        img{
            max-width: 100%;
            width: max-content;
            height: auto;
            display: block;
            margin: 0 auto;
            border-radius: 10px;
        }
        figure{
            margin: 20px 0;
        }
        iframe{
            margin: 20px 0;
            border-radius: 15px;
        }
        figcaption{
            text-align: center;
            font-size: .9rem;
            line-height: 1.5;
            padding: 0;
            margin: 10px 0 0;
        }
    }

    @media screen and (max-width: 1600px) {
        .conteudo{
            font-size: 1rem;
        }
    }   
    @media screen and (max-width: 1025px) {
        --padding: 60px;
    } 
    @media screen and (max-width: 769px) {
    }   
    @media screen and (max-width: 481px) {
        --padding:  30px;
        .topo{
            h1.titulo {
                font-size: 1.8rem;
            }
        }
        .conteudo {
            .thumb {
                img {
                    border-radius: 0;
                }   
            }  
            p {
                line-height: 1.6;
            }
            h1, h2, h3, h4, h5, h6 {
                line-height: 1.2;
                margin: 10px 0;
            }  
            ul, & ol {
                li {
                    padding: 5px 0;
                }
            }                      
        }
    }    
}