@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

    /****  font-family: "Nunito", sans-serif;****/

    body{
        background: #f9fafb;
        margin: 0px;
    }

    .corpo_noticia{
        width: 99%;
        height: auto;
        margin-top: 100px;
        display: block;
        text-align: center;
        justify-content: center;
        /*border: solid 1px red;*/
    }

   .noticia_titulo{
        margin: auto;
        width: 60%;
        height: auto;
        display: block;
        text-align: center;
        font-family: "Nunito", sans-serif;
        font-size: 28px;
        border: none;
   }

   .noticia_subtitulo{
        width: 60%;
        height: auto;
        margin: auto;
        margin-top: 30px;
        /*border: solid 1px red;*/
    }

   .noticia_subtitulo p{
        text-align: justify;
        line-height: 2;
        text-indent: 40px;
        font-family: "Nunito", sans-serif;
    }

    .corpo_imagem{
        margin: auto;
        margin-top: 20px;
        width: 50%;
        height: 60%;
        display: block;
        text-align: center;
        /*border: solid 1px red;*/
    }

    .corpo_imagem img{
        width: 100%;
        height: 100%;
    }

    .noticia_conteudo{
        width: 60%;
        height: auto;
        margin: auto;
        margin-top: 50px;
        /*border: solid 1px red;*/
    }

    .noticia_conteudo label{
        margin: auto;
        width: 100%;
        height: auto;
        /*border: solid 1px red;*/
        display: block;
        text-align: center;
        font-family: "Nunito", sans-serif;
        font-size: 28px;
    }

   .noticia_conteudo p{
        text-align: justify;
        line-height: 2;
        text-indent: 40px;
        font-family: "Nunito", sans-serif;
   }

   hr{
        width: 60%;
        margin-top: 50px;
   } 

   /***************** PRODUTOS ****************/

   .prod-recomendados{
        font-family: "Nunito", sans-serif;
        font-size: 28px;
        font-weight: 400;
        text-align: left;
        margin: auto;
        margin-top: 30px;
        width: 70%;
    }

   .secao-prod{
        width: 70%;
        height: auto;
        margin: auto;
        margin-top: 20px;
   }

   .produtos{
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        display: flex;
        border-radius: 7px;
        box-shadow: 0px 0px 7px #a5a8af;
   }
   
   .produtos a{
       text-decoration: none;
       color: black;
   }

   .img-produto{
        width: 25%;
        height: 249px;
        border-radius: 7px;
   }

   .subsecao-prod{
        width: 70%;
        height: auto;
        margin: auto;
        display: block;
        text-align: left;
   }

   .subsecao-prod h2{
        font-family: "Nunito", sans-serif;
        font-size: 18px;
        width: 97%;
        height: 50px;
        margin: auto;
        margin-top: 20px;
        margin-left: 30px;
   }

   .subsecao-prod p{
        font-family: "Nunito", sans-serif;
        margin-left: 30px;
        height: 50px;
   }

   .preco-botao{
        width: 100%;
        height: auto;
        display: flex;
        margin-bottom: 20px;
        align-items: center;
        justify-content: center;
   }

   .preco-para{
        font-family: "Nunito", sans-serif;
        font-size: 20px;
        margin: 10px;
        margin-left: 30px;
    }

   .preco-botao button{
        font-family: "Nunito", sans-serif;
        font-size: 17px;
        font-weight: 600;
        width: 50%;
        height: 40px;
        border-radius: 7px;
        background: #eec055;
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid 1px gray;
        cursor: pointer;
   }
   
   .preco-botao img{
       width: 30px;
   }
   
  
   
    /**************** ARTIGOS RECOMENDADOS *****************/

   .artigos-recomendados{
        font-family: "Nunito", sans-serif;
        font-size: 28px;
        font-weight: 400;
        width: 70%;
        margin: auto; 
   }

   #corpo_cards{
        width: 100%; /* Ideal 90% */
        height: auto;
        background: #f9fafb;
        /*border: solid 2px black;*/
        margin-top: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-flow: wrap; /* Distribui os cards na div */
    }

    #card{
        width: 34%;
        height: auto;
        margin: 15px;
        border-radius: 2%;
        box-shadow: 0px 0px 7px #a5a8af;
    }

    #card img{
        width: 100%;
        height: 240px;
        border-top-left-radius: 2%;
        border-top-right-radius: 2%;
    }

    #card h2{
        font-family: "Nunito", sans-serif;
        font-size: 18px;
        color: #111827;
        text-align: left;
        margin: 5px;
        height: 60px;
        padding: 15px;
    }

    .card_descricao{
        font-family: "Nunito", sans-serif;
        font-size: 16px;
        color: #4b5563;
        margin: 15px;
        height: 50px;
        padding-bottom: 30px;
        text-align: left;
    }

    .card_titulo{
        text-decoration: none;
    } 

    .observacao{
        width: 100%;
        height: auto;
        /*border: solid 1px red;*/
        margin: 10px;
        position: relative;
        bottom: -5px;
    }

    .observacao_text{
        font-size: 13px;
        font-family: "Nunito", sans-serif;
        color: #4b5563;
        text-align: left;
    }

    .fa-clock{
        font-size: 13px;
    }


    /*************** RESPONSIVO ****************/

    @media screen and (max-width: 1200px){

        .noticia_titulo {
            margin: auto;
            width: 95%;
            height: auto;
            display: block;
            text-align: center;
            font-family: "Nunito", sans-serif;
            font-size: 28px;
        }

        .noticia_subtitulo {
            width: 80%;
            height: auto;
            margin: auto;
            margin-top: 30px;
            /* border: solid 1px red; */
        }

        .corpo_imagem{
            margin-top: 20px;
            width: 80%;
            height: 50%;
            display: block;
            text-align: center;
            /*border: solid 1px red;*/
        }

        .noticia_conteudo{
            width: 80%;
            height: auto;
            margin: auto;
            margin-top: 50px;
            /*border: solid 1px red;*/
        }

        /*************** PRODUTOS *****************/

        .prod-recomendados{
            text-align: left;
            margin: auto;
            margin-top: 30px;
            width: 90%;
        }

        .secao-prod{
            width: 100%;
            height: auto;
            margin: auto;
            margin-top: 10px;
            display: flex;
        }

        .produtos{
            width: 40%;
            height: auto;
            margin: auto;
            display: block;
        }

        .img-produto{
            width: 65%;
            height: 295px;
            margin: 17%;
        }

        .subsecao-prod{
            width: 100%;
            height: auto;
            display: block;
            margin-top: -35px;
        }

        .subsecao-prod h2{
            width: 95%;
            height: 50px;
            margin: auto;
        }

        .subsecao-prod p{
            margin: 10px;
            margin-top: 5%;
            height: 50px;
        }

        .preco-botao{        
            width: 100%;
            height: auto;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .preco-botao button{
            width: 95%;
            height: 40px;
            margin-top: 10px;
            background: #eec055;
        }

        .preco-para{
            margin: 10px;
            margin-top: 5%;
        }

        /*************** ARTIGOS RECOMENDADOS **************/

        .artigos-recomendados{
            width: 90%;
            margin: auto;
            margin-top: 40px; 
        }

        #card {
            width: 40%;
            height: auto;
            margin: auto;
            border-radius: 2%;
            box-shadow: 0px 0px 7px #a5a8af;
        }

    }
    

    @media screen and (max-width: 700px){

        .corpo_noticia{
            width: 95%;
            height: auto;
            margin: auto;
            margin-top: 75px;
            display: block;
            text-align: center;
            justify-content: center;
            /*border: solid 1px red;*/
        }

        .noticia_titulo {
            margin: auto;
            width: 98%;
            height: auto;
            display: block;
            text-align: center;
            font-family: "Nunito", sans-serif;
            font-size: 28px;
        }

        .noticia_subtitulo{
            width: 98%;
            height: auto;
            margin: auto;
            margin-top: 30px;
            /*border: solid 1px red;*/
        }

        .corpo_imagem{
            margin-top: 20px;
            width: 100%;
            height: 45%;
            display: block;
            text-align: center;
            /*border: solid 1px red;*/
        }

        .noticia_conteudo{
            width: 98%;
            height: auto;
            margin: auto;
            margin-top: 50px;
            /*border: solid 1px red;*/
        }

        hr{
            width: 95%;
        }

        /************** PRODUTOS ***************/

        .prod-recomendados{
            text-align: center;
            margin: auto;
            margin-top: 30px;
            width: 99%;
        }

        .secao-prod{
            width: 94%;
            height: auto;
            margin: auto;
            margin-top: 10px;
            display: block;
        }

        .subsecao-prod h2{
            width: 95%;
            height: 50px;
            margin: auto;
            margin-top: 0px;
        }
        
        .subsecao-prod p {
            margin: 10px;
            margin-top: 20px;
            height: 50px;
        }
        
        .produtos{
            width: 94%;
            height: auto;
            margin: auto;
            display: block;
        }

        .img-produto{
            width: 71%;
            height: 300px;
            margin: 14%;
        }

        .preco-de{
            margin: 10px;
        }

        .preco-para{
            margin: 10px;
            margin-top: 20px;
        }

        .preco-botao{        
            width: 100%;
            height: auto;
            padding-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .preco-botao button{
            width: 94%;
            height: 40px;
            margin-top: 15px;
            background: #eec055;
        }

        /*************** ARTIGOS RECOMENDADOS ***************/

        .artigos-recomendados{
            width: 100%;
            text-align: center;
        }

        #corpo_cards{
            display: block;
            width: 100%;
        }

        #card{
            width: 94%;
        }

        .observacao_text{
            padding-bottom: 10px;
        }

    }
    
    @media screen and (max-height: 700px) and (orientation: landscape){
        .corpo_imagem{
            margin-top: 20px;
            width: 90%;
            height: 100%;
            display: block;
            text-align: center;
            /*border: solid 1px red;*/
        }
    }