/**
*  Folha de estilo da homepage
*/

#apresentacao {
   padding: 80px 0;
}
#apresentacao h1 {
   font-size: 2.5em;
}
#apresentacao .texto_destaque {
   font-size: 1.4em;
}
#apresentacao .grid .box {
   height: auto;
   /*padding-top: 80%;*/
}


#destaque {
   background-color: var(--azul);
}
#destaque .grid {
   grid-gap: 0 5%;
   grid-template-columns: repeat(3,1fr);
   grid-template-areas: '. . .';
}
#destaque .grid .box {
   background-color: #fefefe;
}
#destaque .grid .box .bg_img {
   height: auto;
   padding-top: 70%;
   border-bottom: 1px solid var(--cinza);
}
#destaque .grid .box > div {
   color: var(--cinza);
}
#destaque .grid .box h2 {
   font-size: 1.4em;
}
#destaque .grid .box a.btn {
   display: table;
   width: auto;
   margin: 20px auto 0 auto;
   color: #fff;
   text-align: center;
}
#destaque .grid .box a.btn:hover {
   text-decoration: none;
}

#destaque .grid .box .grid2 {
   height: 100%;
   grid-gap: 0 0;
   grid-template-columns: 100%;
   grid-template-areas: '.' '.';
}
#destaque .grid .box .grid2 .qrd_texto {
   padding: 30px 20px;
}




/*** MOBILE MEDIA */
@media (max-width:767px) {

   #destaque .media {
      width: 85%;
   }

   #destaque .grid {
      grid-gap: 50px 0;
      grid-template-columns: 100%;
      grid-template-areas: '.' '.' '.';
   }

}

/*** TABLE MEDIA */
@media (min-width:768px) and (max-width:1023px) {

   .small,
   .media {
      width: 85%;
   }


   #apresentacao .grid {
      grid-gap: 20px 0;
      grid-template-columns: 100%;
      grid-template-areas: 'a' 'b';
   }
   #apresentacao .grid .box {
      padding-top: 0;
   }
   #apresentacao .grid .box .vertical-center {
      position: initial;
      transform: unset;
   }


   #destaque .grid {
      grid-gap: 50px 0;
      grid-template-columns: 100%;
      grid-template-areas: '.' '.' '.';
   }


   #destaque .grid .box .grid2 {
      grid-gap: 0 0;
      grid-template-columns: 50% auto;
      grid-template-areas: '. .';
   }

}

/*** DESKTOP MEDIA */
@media (min-width: 1024px) {

}