* { padding: 0; margin: 0 auto; }
/* Tags de helping */
.brd-rds-5 {border-radius: 5px;}.brd-rds-10 {border-radius: 10px;}.brd-rds-20{border-radius: 20px;}
.hidden-01 {display: hidden;}
.mrg-0{margin: 0 auto;}
.mrg-t-10 {margin-top: 20px;}.mrg-t-b-5 {margin-top: 5px; margin-bottom: 5px;}.mrg-t-b-10 {margin-top: 10px; margin-bottom: 10px;} .mrg-t-b-50 {margin-top: 50px; margin-bottom: 50px;}.mrg-l-20{margin-left: 20px;} .mrg-l-50{margin-left: 50px;}
.mrg-l-r-5 {margin-left: 5px; margin-right: 5px;}.mrg-l-r-10 {margin-left: 10px;margin-right: 10px;}.mrg-l-r-20 {margin-left: 20px;margin-right: 20px;}
.pddng-t-10{padding-top: 10px;}.pddng-t-20{padding-top: 20px;}.pddng-t-30{padding-top: 30px;}
.pddng-10 {padding: 10px;}.pddng-20 {padding: 20px;} .pddng-40 { padding: 40px;}
.pddng-l-r-20{padding: 0px 20px;}
.just-center {justify-content: center;}
.img-ht-500 {height: 500px;width: auto;}
.float-left {float: left;}.float-right {float: right;}.display-block {display: block;}.space-between{justify-content: space-between;}
.align-center{text-align: center;align-content: center;align-self: center;align-items: center;}
.space-height-100{height: 100px;}.max-width-800{max-width: 800px;}.max-width-900{max-width: 900px;}.max-width-1000{max-width: 1000px;}.max-width-1200{max-width: 1200px;}
.ht-100{margin: 0 auto; height: 100px; display: flex; align-items: center; justify-content: center;}.ht-200{margin: 0 auto; height: 200px; display: flex; align-items: center; justify-content: center;}
.ht50{height: 50px;}.ht70{height: 70px;}  .ht100{height: 100px;}
.flex-column{display: flex; flex-direction: column;}
/* Fim das Tags de helping */



/* Tags simples --------------------------------------------------------------------------------------------------------------------------------*/
body { margin: 0 auto;padding: 0;font-family: Arial, sans-serif;width: 100%;justify-content: center; transition: 1s; background-color: #dde2e7;}
main {justify-content: center;border-radius: 10px;}
section{display: flex; flex-direction: column; margin: 0 auto;}



.topicos-center{padding-top: 10px;padding-bottom: 10px;justify-content: left;max-width: 900px;text-align: left;line-height: 1.8;}
.container{ width: 100%; display: flex;flex-direction: column;align-items: center;text-align: center;}
.block-main {background-color: #dde2e7; margin: 0; padding: 0px; justify-content: center;}

.main-container{display: grid;grid-template-columns: 1fr 6fr 1fr;}
.center-container-grid{margin: 0 auto;padding: 5px;height: fit-content;grid-column: 2;}

.box-flex {position: relative; border-radius: 5px; background-color: #FF94B9; display: flex;}
.main-box-text {padding: 10px;}
.box-text-02 {padding: 20px;margin-top: 60px;text-align: left;justify-self: auto;}




.slide-container {width: 100%;display: flex;overflow: hidden;overflow-x: scroll;scroll-snap-type: x mandatory;}
.slide-container-header {background-color: #FF94B9;border-radius: 5px;}

/* Fim da Animação de zoom na imagem dinâmico */




@media screen and (max-width: 768px) {
.brd-rds-5 {border-radius: 5px;}.brd-rds-10 {border-radius: 10px;}
.mrg-t-b-5 {margin-top: 5px; margin-bottom: 5px;}
.hidden-01 {display: hidden;}
.mrg-0{margin: 0 auto;}
.mrg-t-10 {margin-top: 10px;}.mrg-t-b-10 {margin-top: 0; margin-bottom: 0;}.mrg-t-b-20 {margin-top: 10px; margin-bottom: 10px;} .mrg-t-b-50 {margin-top: 25px; margin-bottom: 25px;}
.mrg-l-r-5 {margin-left: 0; margin-right: 0;}.mrg-l-r-10 {margin-left: 0px;margin-right: 0px;}.mrg-l-r-20 {margin-left: 10px;margin-right: 10px;}
.pddng-t-10{padding-top: 10px;} .mrg-l-20{margin-left: 20px;} .mrg-l-50{margin-left: 50px;}
.pddng-10 {padding: 3px;}.pddng-20 {padding: 5px;}
.pddng-l-r-20{ padding: 0px 5px}
.just-center {justify-content: center;}
.img-ht-500 {height: 250px;width: auto;}
.float-left {float: left;}
.float-right {float: right;}
.display-block {display: block;}
.space-between{justify-content: space-between;}
.align-center{text-align: center;align-content: center;align-self: center;align-items: center;}
.ht70{display: none;}.ht50{display: none;}.ht-100{ height: 33px;}
/*------------------------------- tag simples ---------------------------------------------------------------*/

body { margin: 0 auto;padding: 0px;font-family: Arial, sans-serif;width: 100%;justify-content: center;}
main {justify-content: center;border-radius: 10px;}

img {width: 100%;height: auto;}
/*------------------------------- tag simples ---------------------------------------------------------------*/

.img-card-container{h1{color: #F2B705;}overflow: hidden;margin: 0 auto;border-radius: 10px;padding: 0px;width: 100%;background-color: #0d0d0d;margin-bottom: 20px;}
.slide-container {width: 100%;gap: 5px;}
/* container texto grid 1fr 6fr 1fr-----------*/
.block-main{margin: 0 auto; padding: 0px;}
.main-container{display: flex;flex-direction: column;}

/* banner grid 3 elementos home-----------*/

/* ----noticias, curiosidades, pesquisas, figuras ------------------------------------------ */


.date-autor-container{align-items: center;margin: 0 auto;justify-content: left;margin-left: 5%;margin-right: 5%;margin-bottom: 0; display: flex; gap: 0px;   padding: 3px 5%;background-color: #f5f5f5;border-radius: 5px;h3{font-size: 10px;}}



.img-sobre-01{height: 150px;object-fit: cover;width: 100%;border-radius: 5px;margin-bottom: 20px;}


/* imagem na coluna esquerda da grid com duas colunas-----------*/
.home-bem-vindo-img-left{height: auto;width: fit-content;padding: 5px;}
.topicos-center{padding: 5px;justify-content: center;text-align: left;line-height: 1.8;}
.aside-anuncio{display: none ;}

/*banner home overlay --------------------------------------------------------------------------------------*/
.banner-home {margin: 5px;position: relative;background-image: url("imgs/img-home-banners/img-home-banner.jpg");background-size: cover;background-position: center;height: 450px;width: 100%;border-radius: 5px;overflow: hidden;}

/*banner home overlay --------------------------------------------------------------------------------------*/
/* img-home-card --------------------------------------------------------------------------------------*/

.img-home-card{overflow: hidden;height: 500px;display: grid;grid-template-columns: 1fr 1fr 1fr;}

.img-home-card-img>picture {width: 50px;height: auto;}



.img-slide {padding: 5px;max-width: auto;height: 300px;}

.zoom-image {border-radius: 10px;transition: transform 0.3s;}
.zoom-image:hover {transform: scale(1.1); /* Zoom de 10% */}
.zoom-image-02 {transition: transform 0.3s;}
.zoom-image-02:hover {transform: scale(1.02); /* Zoom de 10% */}}


.banner-principal-01{
    h1{color: #F2B705; font-weight: 900;}
}