.pagina{
    --padding:  60px 10%;
    .topo{
        background: var(--verde);
        padding: var(--padding);
        h1.titulo{
            color: #fff;
            font-size: 2.5rem;
            margin: 40px 0;
            line-height: 1.1;
            font-weight: 700;
        }        
    }
    .conteudo{
        padding: var(--padding);
        font-size: 1.1rem;
        .thumb{
            img{
                width: 100%;
                aspect-ratio: 16/9;
                height: auto;
                display: block;
                border-radius: 15px;
            }
        }
        p{
            line-height: 1.8;
            margin: 10px 0;
        }
        strong{
            font-weight: 700;
            color: var(--verde);
        }
        em{
            font-style: italic;
        }
        a{
            text-decoration: underline;
            &:hover{
            color: var(--verde);
            }
        }
        ul, ol{
            margin: 15px 0;
            list-style-position: inside;
            padding: 0;
         li{
            padding: 10px 0;
         }   
        }
        h1, h2, h3, h4, h5, h6{
            color: var(--verde);
            margin: 20px 0;
            font-weight: 700;
            line-height: 1.1;
            strong{
                color: var(--verde);
                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;
        }
    .wp-block-buttons .wp-block-button__link{
      background: var(--verde);
      width: 100%;
      display: block;
      margin: 3px 0;
      text-align: left;
      border-radius: 15px;
      text-decoration: none;
      transition: .3s;
      &:hover{
        background: var(--verdeescuro);
        color: #fff;
      }
    }
    .wp-block-buttons>.wp-block-button{
      width: 100%;
    }        
        blockquote{
            background: var(--bgverde);
            padding: 30px;
            border-left: 5px solid var(--verde);
            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: 1441px) {
        .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;
                }
            }                      
        }
    }    
}