/* - ploneCustom.css - */
@media all {
/* https://turminha.mpf.mp.br/portal_css/ploneCustom.css?original=1 */
#visual-portal-wrapper{
margin: 0 auto;
max-width: 1200px;
}
.row{
margin-left: -5px !important;
}
#portal-personaltools {
display:none;
}
.userrole-authenticated #portal-personaltools {
display:block;
}
.row-videos {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.embed-videos.col-xs-12.col-sm-6 {
justify-content: center;
padding: 5px;
text-align: center;
}
.video-embed{
}
.embed-audios.col-xs-12.col-sm-6 {
justify-content: center;
padding: 10px;
text-align: center;
}
#content {
font-size: 100%;
}
#content a:link{
border:none;
}
.content-jogo {
min-height: 850px;
}
#content h1.documentFirstHeading {
font-size: 1.6em;
margin-bottom:8px;
}
#content .documentDescription, #content #description{
margin-bottom:8px;
}
.regioes-brasileiras {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.regioes-brasileiras-conteudo {
justify-content: center;
width: 160px;
padding: 5px;
text-align: center;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2em;
}
.galleria-container {
background: #EDF1BB !important
}
.galleria-container img{
padding: 0px !important;
}
#portal-logo {
height: 50%;
max-width: 413px;
width: 40%;
}
#portal-logo-mobile{
display:none;
}
/* */
#searchGadget { padding: 12px; border-radius: 35px; border: 0; padding-left: 20px; }
.searchSection { display: none !important; }
.searchButton { padding: 12px 15px; border-radius: 0 50px 50px 0; border: 0; position: absolute; top: -4px;}
.searchPage.searchButton { position: relative !important; padding: 8px 23px; border-radius: 0 50px 50px 0; right: -8px;  margin-left: 30px; font-size: 1.3em !important; color: white; background: #497b73; }
#portal-searchbox {  border: 4px solid #281567; border-radius: 25px; width: 188px;}
#searchGadget { width: 14em !important; height: 32px;}
/* */
@media (max-width: 1190px){
div.position-1\3a 4 {
margin-left: -73.875%;
}
.container-fluid{
padding-right: 0px;
padding-left: 0px;
}
#globalnav-wrapper.mobileMenuOn {
display:none;
}
.mobileMenu {
background-color:#281567;
margin: 0 0 0.5em;
padding:0.5em;
}
#portal-globalnav-mobile {
display:flex;
min-width:150px;
}
#globalnav-wrapper {
margin: 0 0 1em;
}
#portal-globalnav {
display: none;
}
#portal-globalnav li {
float: none;
}
#portal-globalnav li a{
border-right:0;
padding:1em;
}
#portal-globalnav > li > a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 0;
padding: 0.5em 1em;
position: relative;
width: 100%;
}
#portal-globalnav li:hover > ul {
display: none;
}
#portal-globalnav li ul {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#portal-globalnav ul li a {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#portal-globalnav ul li a {
font-size: 13px;
}
#portal-globalnav ul.globalSectionsLevel1 > li > a {
padding: 1.5em 1.5em 0.5em 2em; border-right: 0;
}
#portal-globalnav ul.globalSectionsLevel2 > li > a {
padding: 0.5em 1.5em 0.5em 3em;
}
#portal-globalnav ul.globalSectionsLevel3 > li > a {
padding: 0.5em 1.5em 0.5em 4em;
}
#portal-globalnav ul li a.hasChildrens:hover,
#portal-globalnav ul li a.hasChildrens {
background-image: none;
}
#portal-globalnav li ul ul {
left: 0;
}
#portal-globalnav .plus.open > a {
font-size: 9px;
background-color: #281567;
}
#portal-globalnav .plus > a:before,
#portal-globalnav ul li a.hasChildrens:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #fff transparent transparent transparent;
display: block;
position: absolute;
right: 1em;
top: 1.3em;
}
/* */
#globalnav-wrapper .globalnav-toggle {
background-color: #281567;
border: 0;
display: block;
outline: 0;
padding: 0.2em 0;
width: 100%;
}
#globalnav-wrapper.open .globalnav-toggle,
#globalnav-wrapper .globalnav-toggle:hover {
background-color: #281567;
}
#globalnav-wrapper .globalnav-toggle .icon-bar {
background-color:  #fff;
display: block;
height: 3px;
margin: 3px auto;
width: 23px;
cursor: pointer;
}
#globalnav-wrapper.open .globalnav-toggle .icon-bar,
#globalnav-wrapper .globalnav-toggle:hover .icon-bar {
background-color: #fff;
}
#globalnav-toggle:checked ~ .globalnav {
display: block !important;
}
}
@media (max-width: 450px){
#globalnav-wrapper .globalnav-toggle {
padding: 0.1em 0;
}
@media handheld, screen and (max-device-width: 450px){
#marca { margin-bottom: 25px; }
#marca #topo-background { height: 95px; object-fit: cover;}
#portal-logo {
height: 30%;
max-width: 413px;
width: 50%;
display: contents;
}
#livesearch0 .LSBox{
width: 0px;
}
.img-youtube-mob { display: block !important; }
.img-youtube { display: none; }
#portal-searchbox {
border: 4px solid #281567;
border-radius: 25px;
width: 214px;
font-size: 51% !important;
margin: auto;
}
}
#searchGadget {
height: 32px;
}
#portal-logo img {
display:none;
}
#globalnav-wrapper {
margin: 0 0 0em;
}
#portal-logo-mobile{
display:block;
margin: 0;
}
}
#icone-youtube-turminha { right: 40px; top: 50%; }
#icone-youtube-turminha img {     float: right; width: 50%;}
.img-youtube-mob { display: none; }
.searchButton {
background: transparent url(img/lupa.png) no-repeat scroll center center;
border: medium none;
border-radius: 10px;
color: transparent;
cursor: pointer;
font-family: trebuchet ms;
font-size: 9pt;
left: 0px;
padding: 1px 2px 2px 3px;
position: relative;
top: 4px;
width: 20px;
}
#livesearch0 .LSBox{
width: 206px;
}
div.width-full {
width: 98%;
}
div.width-3\:4 {
max-width: 98% !important;
}
div.width-1\:4 {
max-width: 100% !important;
}
div.position-0 {
margin-left: -97.875%;
}
}
.carousel-indicators {
list-style: outside none none !important;
}
#marca a {
}
#marca #topo-background {
max-width: 100%;
}
#portal-logo img{
margin-width: 100%;
}
#portal-globalnav {
background-color: #281567;
box-shadow: inset 0 0 7px 0 rgba(0,0,0,0.21);
text-transform: uppercase;
}
#portal-globalnav li a{
background-color: #281567;
color: #ffffff;
font-weight: bold;
padding: 16px 20px;
border-right:0;
font-size: 17px;
font-family: "Lato", sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
}
#portal-globalnav ul li a{
background: #160b3c !important;
font-weight: normal;
line-height: 25px;
}
#portal-globalnav ul li a span{
font-size: 13px;
}
#portal-globalnav li.selected a {
color:#2a2a86;
}
#portal-globalnav .selected a, #portal-globalnav a:hover {
background: #160b3c !important;
box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.10);
color:#ffffff !important;
}
#livesearch0 .LSBox #searchGadget {
border: medium none;
border-radius: 2em;
}
.LSBox .searchSection {
display: none;
}
#portal-searchbox .searchButton {
background: transparent url("img/lupa.png") no-repeat scroll center center;
border: medium none;
border-radius: 10px;
color: transparent;
cursor: pointer;
font-family: trebuchet ms;
font-size: 9pt;
left: -31px;
padding: 1px 2px 2px 3px;
position: relative;
top: 4px;
width: 20px;
}
div.width-1\:4 {
max-width: 220px;
}
div.width-3\:4 {
max-width: 80.6%;
}
dl.portlet {
font-size: 100%;
}
.carousel-caption {
top: 18%;
}
#content div.newsImageContainer p.discreet {
margin: 0;
padding: 0 0 0 0.5em;
background-color: #fff;
color: black;
font-weight: normal;
position: relative;
width: 90%;
top: -0.5em;
margin-left: 8px;
font-size: 75%;
padding-left: 5px;
}
/* ********************/
#portal-column-one .portlet ul.navTree li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding-left: 0 !important;
}
#portal-column-one dl.portlet ul.navTreeLevel0 > .navTreeItem {
padding: 0.25em 0;
}
dl.portlet ul.navTree .navTreeCurrentNode{
border: none !important;
background:none !important;
}
dl.portlet ul.navTree .navTreeCurrentItem{
background: #aed07e none repeat scroll 0 0 !important;
margin:0px;
}
dl.portlet ul.navTree .navTreeCurrentItem span{
border-left: 5px solid #00a5d8 !important;
padding-left: 5px;
}
ul.navTree.navTreeLevel1 .navTreeItem{
background: #eee;
margin-left:10px;
}
dl.portlet ul.navTreeLevel1 a:hover{
background: #aed07e none repeat scroll 0 0 !important;
}
dl.portlet ul.navTreeLevel1 .navTreeCurrentItem span{
border-left: 5px solid #00a5d8 !important;
}
ul.navTree.navTreeLevel2 .navTreeItem{
background: #cecece none repeat scroll 0 0;
margin-left:15px;
}
dl.portlet ul.navTreeLevel2 a:hover{
background: #aed07e none repeat scroll 0 0 !important;
}
dl.portlet ul.navTreeLevel2 .navTreeCurrentItem span{
border-left: 5px solid #00a5d8 !important;
}
dl.portlet ul.navTreeLevel3 a:hover{
background: #aed07e none repeat scroll 0 0 !important;
}
dl.portlet ul.navTreeLevel3 .navTreeCurrentItem span{
border-left: 5px solid #00a5d8 !important;
}
/* ********************/
#mpf-o-que-e-isso{
width: 585px;
}
.quadro-esq{
float:left;
width:227px;
}
.quadro-dir{
float:right;
}
.quadro-esq p img{
margin-bottom:3pt;
}
.quadro-dir p img{
margin-bottom:8pt;
}
.quadro-6{
float:left;
width:161px;
margin-top:5px;
}
.quadro p img{
margin-bottom:8px;
}
.portlet-static-rod-sentado .portletHeader{
display:none;
}
.portlet-static-rod-sentado .portletItem{
border:medium none;
}
#link-texto a{
font-size:10%;
}
/* ********************/
/* *************************/
#turma-toda{
overflow:hidden;
width:557px;
}
.nome-personagens{
font-size:150%;
text-align:center;
}
#texto-alex{
background:#FEE84D;
float:left;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
.img-personagens{
float:left;
}
#texto-munani{
background:#E0E672;
float:right;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
#texto-maressa{
background:#9AD7D7;
float:left;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
#texto-rafinha{
background:#B1C4E5;
float:right;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
#texto-ari{
background:#DAB1D3;
float:left;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
#texto-vozita{
background:#6FCEEB;
float:right;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
#texto-sol{
background:#E4EFCC;
float:left;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
#texto-malu{
background:#8AC980;
float:right;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
#texto-rod{
background:#7fc6c2;
float:left;
width:46%;
padding:0px 15px;
margin-bottom:15px;
}
/* *************************/
/* ********************/
#entrevista-saci{
max-width: 559px;
line-height: 1.2em;
}
#entrevista-saci img{
padding:0;
}
#entrevista-saci-lateral-esq{
background-image:url(imagens/imagens-saci/lateral-esquerda.jpg);
background-repeat:repeat-y;
background-position:left;
overflow:hidden;
margin-top:0px;
margin-left:0px;
}
#entrevista-saci-lateral-dir{
background-image:url(imagens/imagens-saci/lateral-direita.jpg);
background-repeat:repeat-y;
background-position:right top;
overflow:hidden;
margin-right:12px;
}
#entrevista-saci-rodape{
height:50px;
margin-left:0px;
}
#fundo{
background:#E8F1F8 none repeat scroll 0%;
margin-left:10px;
overflow:hidden;
width:526px;
}
#entrevista-esquerda{
float:left;
width:395px;
margin-left:8px;
}
#entrevista-direita{
float:right;
width:114px;
background:#E8F1F8;
margin-right:3px;
}
.diz{
color:#676767;
font-weight:bold;
}
.malu{
color:#CF30CF;
}
.saci{
color:#0030CF;
}
a.sacicontexto{
position:relative;
font: 100% arial, verdana, helvetica, sans-serif;
padding:0;
color:#039;
text-decoration:none;
border-bottom:2px dotted #039;
cursor:help;
z-index:24;
}
a.sacicontexto:visited{
color:#039 !important;
}
a.sacicontexto:hover{
background:transparent;
z-index:25;
}
a.sacicontexto span{display: none}
a.sacicontexto:hover span{
display:block;
position:absolute;
width:200px;
bottom:0em;
*bottom:3em;
text-align:left;
right:11em;
font: 90% arial, verdana, helvetica, sans-serif;
padding:5px 10px;
border:1px solid #999;
background:#e0ffff;
color:#000;
}
/* ********************/
/* */
.cookie-container {
position: fixed;
bottom: -100%;
left: 0;
right: 0;
background: #f0f0f0;
color: #000000;
padding: 1% 12%;
box-shadow: 0 -2px 16px rgb(47 54 64 / 39%);
transition: 400ms;
z-index: 999;
display: flex;
}
.cookie-container.active {
bottom: 0;
}
.cookie-container p {
font-size: 1rem;
}
.cookie-btn {
background: #444;
border: 0;
color: #f0f0f0f0;
padding: 12px 48px;
font-size: 18px;
margin-bottom: 16px;
margin-left: 1rem;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
.cookie-container {
display: initial;
}
.cookie-container p {
font-size: 1.5rem;
line-height: 2rem;
}
.cookie-btn {
margin: .5rem auto;
font-size: 2rem;
padding: 2rem 5rem;
}
}
/* */
/* *************************/
#portal-footer {
font-size: 90%;
padding: 0.5em;
margin: 0;
}
#portal-footer #acessar{
margin-bottom:0;
text-align:right;
}
#portal-footer #acessar a{
color: #35486f;
}
/* *************************/
/* *************************/
/* */
.hero-section {
padding-bottom: 0;
margin-bottom: 0;
background-color: #AEC600; /* */
width: 100%;
/* */
}
/* */
.hero-container {
max-width: 1200px;
margin: 0 auto;
margin-left: 28px;
padding: 0 15px;
display: flex;
/* */
align-items: center;
}
/* */
.hero-center-image {
margin-top: 30px;
/* */
align-self: flex-end;
}
/* */
.hero-column {
display: flex;
align-items: center;
justify-content: center;
}
/* */
/* */
/* */
.hero-logo img {
width: 214.21px; /* */
height: 69.42px; /* */
}
/* */
/* */
/* */
.hero-center-image img {
width: 550px; /* */
/* */
}
/* */
/* */
/* */
.hero-buttons-area {
flex-direction: column; /* */
gap: 5px; /* */
align-items: flex-end;
justify-content: flex-end;
}
/* */
.search-box {
display: flex;
align-items: center;
justify-content: space-between; /* */
width: 145px; /* */
height: 36px; /* */
background-color: #FFFFFF; /* */
text-decoration: none;
border-radius: 25px;
padding: 2px 5px;
font-size: 15px;
font-weight: bold;
border: 4px solid #281567; /* */
}
.search-input {
padding-left: 10px;
width: 20px;
flex-grow: 1;
border: none;
font-size: 12px;
outline: none;
background-color: transparent;
}
.search-button {
width: 50px; /* */
height: 100%;
background-color: transparent;
border: none;
color: #000000; /* */
cursor: pointer;
font-size: 16px;
}
.search-box .search-input::placeholder {
color: #281567;
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: 700;
}
/* */
.search-box .search-input::placeholder {
opacity: 1;
}
/* */
.search-box .search-input::-webkit-input-placeholder { /* */
color: #281567;
font-family: Arial, sans-serif;
}
.search-box .search-input:-ms-input-placeholder { /* */
color: #281567;
font-family: Arial, sans-serif;
}
/* */
.youtube-button {
width: 260px;
display: flex;
align-items: center;
justify-content: space-between; /* */
background-color: #281567; /* */
color: #FFFFFF !important;
text-decoration: none;
border-radius: 25px;
padding: 4px 22px;
font-size: 15px;
font-weight: bold;
border: 3px solid #FFFFFF; /* */
}
.youtube-button img {
width: 25px;
margin-left: 11px;
}
/* */
/* */
/* */
@media (max-width: 1190px) {
.hero-section{
padding-bottom: 0;
margin-bottom: 0;
}
.hero-container {
max-width: 450px;
margin: 0 auto;
display: flex;
flex-direction: column; /* */
/* */
align-items: center;
}
/* */
.hero-logo {
order: 1;
width: 100%;
text-align: center;
}
.hero-logo img {
max-width: 50%;
height: auto;
}
/* */
.hero-buttons-area {
order: 2;
width: 100%;
gap: 14px;
align-items: center; /* */
}
/* */
.hero-center-image {
order: 3;
margin-top: 30px;
margin-bottom: 0;
}
.hero-center-image img {
max-width: 100%;
}
/* */
.search-box, .youtube-button {
width: 90%;
max-width: 450px;
}
}
/* */
/* */
/* */
.carousel {
width: 100%;
position: relative;
/* */
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.slide.active {
/* */
display: block;
}
.carousel-wrapper {
width:  862px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
position: relative;
width: 100%;
flex-direction: row;
}
.carousel-container {
width:  662px;
position: relative;
max-width: 100vw;
overflow: hidden;
border-radius: 10px;
}
.carousel-text h1{
text-align: center;
font-weight: 600;
font-style: normal;
font-size: 39px;
color:#281567;
}
.carousel-text p{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 16px;
font-style: normal;
line-height: 34px;
}
.noticia_btn_slide{
margin: 10px !important;
text-decoration: none !important;
color: black !important;
font-family: Arial, Helvetica, sans-serif !important;
border: 2px solid rgb(255, 166, 0) !important;
font-size: 16px !important;
font-weight: bold !important;
text-decoration: none !important;
padding: 8px !important;
border-radius: 5px !important;
}
.carousel-slide {
width:  862px;
/* */
display: none;
/* */
width: 100%;
position: relative;
/* */
display: flex;
transition: transform 0.5s ease-in-out;
}
.carousel-item {
flex-shrink: 0;
width: 100%;
display: flex;
flex-direction: column; /* */
align-items: center;
}
.carousel-item img {
width: 100%;
height: auto;
object-fit: cover;
}
/* */
.carousel-btn {
margin-top: 120px;
border: transparent;
border-radius: 50%;
font-size: 24px;
font-weight: bold;
cursor: pointer;
transition: all 15ms;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.carousel-btn:hover {
background-color: #f0f0f0;
transform: scale(1.05);
}
/* */
.carousel-indicators {
border: 0px solid #f70000;
display: flex;
justify-content: center;
gap: 12px;
margin-top: 22px;
}
.dot {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 6px;
background-color: #bbb;
border-radius: 50%;
cursor: pointer;
}
.dot.active {
background-color: #333;
transform: scale(1.2);
}
/* */
@media (max-width: 1200px) {
body {
flex-direction: column;
height: auto;
}
.carousel-wrapper {
flex-direction: column;
gap: 10px;
}
.carousel-btn {
width: 40px;
height: 40px;
font-size: 20px;
border: none;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 50%;
margin-top: 70px;
}
.carousel-text h1{
font-family: "Pacifico", cursive;
font-weight: 600;
font-style: normal;
font-size: 25px;
color:#281567;
}
.carousel-text p{
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 12px;
font-style: normal;
line-height: 34px;
}
.noticia_btn_slide{
margin: 20px;
color: black;
font-family: Arial, Helvetica, sans-serif;
border: 2px solid rgb(255, 166, 0);
font-size: 16px;
font-weight: bold;
text-decoration: none;
padding: 5px;
border-radius: 5px;
}
/* */
.prev-btn {
left: 10px;
}
.next-btn {
right: 10px;
}
/* */
.carousel-container {
overflow: hidden;
width: 100%;
height: auto;
}
.carousel-slide img {
overflow: hidden;
width: 100%;
height: auto;
}
.carousel-slide {
/* */
display: none;
/* */
width: 100%;
position: relative;
/* */
display: flex;
transition: transform 0.5s ease-in-out;
}
.slide.active {
/* */
display: block;
}
.carousel-btn {
width: 40px;
height: 40px;
font-size: 20px;
border: none;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
top: 50%;
margin-top: 50px;
}
}
/* */
.text-with-lines-destaques {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
margin-bottom: 70px;
font-family: 'Roboto', sans-serif;
}
/* */
.line-destaques {
border-top: 3.5px solid #281567;
flex-grow: 1;
margin: 0 15px;
border-radius:32px;
}
/* */
.text-destaques {
text-align: center;
color: #281567; /* */
}
/* */
.destaques {
font-family: 'Pacifico', cursive;
font-size: 38px;
font-weight: 700;
color: #281567;
letter-spacing: 1px;
}
/* */
.vamos-brincar {
font-family: 'Roboto', sans-serif;
font-size: 1.6 rem;
font-weight: 700;
color: #281567; /* */
margin-top: 10%;
background-color: #AEC600; /* */
padding: 5px 15px;
border-radius: 5px;
color: #281567; /* */
font-weight: bold;
}
.flexbox-destaques {
border:0px solid red;
display: flex;
}
.flexbox-destaques div {
background-color: #FFF8F5;
border:2.5px solid #281567;
margin: 10px;
border-radius: 15px;
width:170px;
height: 190px;
}
.flex-container-destaques{
justify-content: center;
flex-flow: row wrap;
color: white;
}
.card-header-destaques img {
display:block;
padding-top: 20px;
max-height: 10em;
object-fit: contain;
object-position: center;
margin: auto;
width: 55%;
}
.card-btn-destaques{
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
margin-top: 17px;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.3s ease, color 0.3s ease;
color: #281567;
}
/* */
/* */
.card-header-destaques {
/* */
background-color: #FFF8F5; /* */
border: 2.5px solid #281567; /* */
margin: 10px;
border-radius: 15px;
width: 170px;
height: 190px;
/* */
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* */
.card-header-destaques:hover {
/* */
transform: scale(1.05);
/* */
box-shadow: 0 8px 16px rgba(40, 21, 103, 0.4);
/* */
z-index: 10;
}
/* */
/* */
/* */
.text-with-lines-explore {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
margin-bottom: 70px;
font-family: 'Roboto', sans-serif;
}
/* */
.line-explore {
border-top: 3.5px solid #281567;
flex-grow: 1;
margin: 0 15px;
border-radius:32px;
}
/* */
.text-explore {
text-align: center;
color: #281567; /* */
}
/* */
.explore {
font-family: 'Pacifico', cursive;
font-size: 38px;
font-weight: 700;
color: #281567;
letter-spacing: 1px;
}
/* */
.vamos-aprender-explore {
font-family: 'Roboto', sans-serif;
font-size: 1 rem;
font-weight: 700;
color: #281567; /* */
margin-top: 10%;
background-color: #FF833E; /* */
padding: 5px 15px;
border-radius: 5px;
color: #281567; /* */
font-weight: bold;
}
/* */
.explore-section {
width: 100%;
padding: 40px 0;
text-align: center;
}
.explore-header h2 {
/* */
font-size: 32px;
color: #333;
margin-bottom: 5px;
}
.explore-header p {
font-size: 18px;
color: #555;
margin-bottom: 30px;
}
/* */
/* */
/* */
.explore-grid {
/* */
display: grid;
/* */
grid-template-columns: repeat(3, 1fr);
/* */
gap: 20px;
/* */
max-width: 900px; /* */
margin: 0 auto;
padding: 0 15px;
}
/* */
.explore-item {
text-decoration: none;
color: #333;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
/* */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start; /* */
text-align: center;
/* */
width: 100%;
}
/* */
.explore-item.item-circle {
/* */
position: relative;
/* */
padding-top: 10px;
}
.explore-item.item-circle img {
/* */
width: 150px; /* */
height: 150px;
border-radius: 50%; /* */
border: 2px solid #ccc; /* */
object-fit: cover; /* */
margin-bottom: 10px; /* */
transition: box-shadow 0.3s;
}
.explore-item.item-circle:hover img {
border-color: orange; /* */
box-shadow: 0 0 10px rgba(255, 165, 0, 0.5);
}
/* */
.explore-item .item-text {
line-height: 1.2;
padding: 0 5px;
height: 3em; /* */
}
/* */
/* */
/* */
.explore-grid-last-row {
/* */
grid-column: span 3;
display: flex;
justify-content: center; /* */
gap: 20px;
margin-top: 20px; /* */
}
/* */
.explore-grid-last-row .explore-item {
width: calc((900px / 3) - 20px); /* */
max-width: 100%;
}
/* */
/* */
/* */
@media (max-width: 900px) {
.explore-grid {
/* */
grid-template-columns: repeat(2, 1fr);
gap: 15px;
padding: 0 10px;
}
.explore-item.item-circle img {
width: 120px; /* */
height: 120px;
}
/* */
.explore-grid-last-row {
/* */
grid-column: span 2;
/* */
justify-content: center;
gap: 15px;
}
/* */
.explore-grid-last-row .explore-item {
width: 100%;
max-width: none;
}
.explore-item {
text-decoration: none;
color: #333;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
/* */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start; /* */
text-align: center;
/* */
width: 100%;
}
}
/* */
.text-with-lines-noticias {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
margin-bottom: 70px;
font-family: 'Roboto', sans-serif;
}
/* */
.line-noticias {
border-top: 3.5px solid #281567;
flex-grow: 1;
margin: 0 15px;
border-radius:32px;
}
/* */
.text-noticias {
text-align: center;
color: #281567; /* */
}
/* */
.noticias {
font-family: 'Pacifico', cursive;
font-weight: 700;
font-size: 38px;
color: #281567;
letter-spacing: 1px;
}
/* */
.da-turminha {
font-family: 'Roboto', sans-serif;
font-size: 1 rem;
font-weight: 700;
color: #281567; /* */
margin-top: 10%;
background-color: #FF833E; /* */
padding: 5px 15px;
border-radius: 5px;
color: #281567; /* */
font-weight: bold;
}
.noticia-turminha{
margin: 0 18px 0 18px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.noticia-container-turminha{
top: 50%;
left: 50%;
translate: transform(-50%,-50%);
border: 0px #DDD solid;
}
.noticia-header-turminha img{
display: block;
max-height: 480px;
}
.noticia-body-turminha{
padding: 1em 0;
box-sizing: border-box;
}
.noticia-body-turminha h1{
color: #281567;
font-size: 22px;
margin: 0  0 16px;
}
.noticia-body-turminha p{
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 18px;
margin: 0  0 16px;
}
.noticia-header-turminha{
max-height: initial;
}
.noticia-btn-turminha{
font-family: "Lato", sans-serif;
font-weight: 700;
border: 2px solid rgb(255, 166, 0) !important;
margin-top: 30px !important;
font-size:medium !important;
text-decoration: none !important;
text-transform: uppercase !important;
background-color:#fff !important;
padding: .75em 1em !important;
color:#281567 !important;
display: inline-block !important;
border-radius: 12px !important;
}
@media screen and (min-width: 70em){
.noticia-turminha{
margin: 0 180px 0 180px;
flex-direction: row;
}
.noticia-header-turminha img{
height: 100%;
}
.noticia-body-turminha{
padding: 1em;
box-sizing: border-box;
}
}
/* */
/* */
.text-with-lines-resultados {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
margin-bottom: 70px;
font-family: 'Roboto', sans-serif;
}
/* */
.line-resultados {
border-top: 3.5px solid #281567;
flex-grow: 1;
margin: 0 15px;
border-radius:32px;
}
/* */
.text-resultados {
text-align: center;
color: #281567; /* */
}
/* */
.resultados {
font-family: 'Pacifico', cursive;
font-weight: 700;
font-size: 2.5rem;
color: #281567;
letter-spacing: 1px;
}
:root {
--purple-border: #584D87;
--lime-green-icon: #A2CF3B;
--text-color: #333333;
}
.corpo {
font-family: Arial, sans-serif;
margin: 20px;
display: flex;
justify-content: center;
align-items: center;
}
/* */
.carousel-container-resultados{
display: flex;
align-items: center;
justify-content: center;
width: 65%;
max-width: 1000px;
padding: 0 100px;
box-sizing: border-box;
position: relative;
}
/* */
.carousel-box-resultados {
flex-grow: 1;
background-color: white;
border: 3px solid var(--purple-border);
border-radius: 15px;
padding: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
min-height: 150px;
/* */
overflow: hidden;
position: relative;
}
/* */
.slides-wrapper-resultados {
position: relative;
width: 100%;
height: 100%;
}
/* */
.slide-item-resultados {
display: none; /* */
align-items: flex-start;
width: 100%;
/* */
position: relative;
}
/* */
.slide-item-resultados.active {
display: flex; /* */
}
.slide-text-resultados {
font-size: 1em;
color: var(--text-color);
line-height: 1.5;
margin: 65px;
}
/* */
.carousel-control-resultados {
background-color: var(--orange-arrow);
border: none;
width: 40px;
height: 40px;
color: white;
cursor: pointer;
z-index: 10;
position: absolute;
box-sizing: border-box;
transition: opacity 0.2s;
}
.media-icon2 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
width: 60px;
height: 60px;
margin: 70px 10px 70px 103px;
}
.media-icon2 img {
width: 200px;
}
.carousel-control-resultados.prev { top: 90px; left: -90px; outline: none; }
.carousel-control-resultados.next { top: 90px; right: -80px; outline: none; }
/* */
@media (max-width: 1100px) {
.carousel-container-resultados{
display: flex;
align-items: center;
justify-content: center;
width: 65%;
max-width: 1000px;
padding: 0 100px;
box-sizing: border-box;
position: relative;
}
.slide-text-resultados {
font-size: 1em;
color: var(--text-color);
line-height: 1.5;
margin: 0px;
}
.body-largura{
margin-right: 0px;
}
.media-icon2 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
width: 60px;
height: 60px;
margin: 70px 20px 40px 20px;
}
.media-icon2 img {
width: 140px;
}
/* */
.slide-item-resultados {
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 10px;
}
.slide-text_resultados { font-size: 0.9em; }
.carousel-control-resultados
{
width: 35px;
height: 35px;
padding: 6px;
}
.carousel-control-resultados.prev { top: 100px; left: 90px; outline: none; }
.carousel-control-resultados.next { top: 100px; right: 100px; outline: none; }
.carousel-control-resultados:hover { opacity: 0.8; }
}
@media (max-width: 480px) {
.carousel-control-resultados.prev { top: 100px; left: 15px; }
.carousel-control-resultados.next { top: 100px; right: 40px; }
.carousel-control-resultados:hover { opacity: 0.8; }
}
.carousel-container-resultados{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 1000px;
padding: 0 10px;
box-sizing: border-box;
position: relative;
}
/* */
/* */
/* */
/* */
:root {
--purple-color: #584D87; /* */
--light-blue-color: #8CCBF3; /* */
--text-color: #333333; /* */
}
/* */
.contact-section {
margin-top: 100px;
margin-bottom: 80px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
/* */
/* */
}
/* */
.contact-header {
display: flex;
align-items: center;
gap: 15px; /* */
margin-bottom: 10px; /* */
}
/* */
.email-icon {
width: 100px; /* */
height: 100px;
color: var(--light-blue-color); /* */
stroke: var(--light-blue-color); /* */
fill: none; /* */
}
/* */
.contact-title {
color: var(--purple-color);
font-size: 29px; /* */
font-weight: 700; /* */
margin: 15px 0;  /* */
}
/* */
.contact-text {
font-size: 18px;
font-weight: 100;
color: var(--text-color);
line-height: 1.6;
}
/* */
.email-link {
font-weight: 700; /* */
color: var(--text-color); /* */
text-decoration: none; /* */
}
/* */
/* */
@media (max-width: 900px) {
.contact-section {
padding-right: 15px;
}
.contact-header {
gap: 10px;
}
.email-icon {
top:10px;
margin-left: 50px;
width: 60px;
height: 60px;
position: absolute;
}
.contact-title {
margin-top: 22px;
margin-left: 35%;
font-size: 32px;
text-align: left;
}
.contact-text {
font-size: 0.9em;
/* */
margin-left: 35%;
text-align: left;
}
/* */
/* */
}
/* */
/* */
/* */
.main-footer {
background-color: #ebebeb; /**/
width: 100%;
height: 120px;
padding: 20px 0; /* */
/* */
display: flex;
justify-content: center; /* */
align-items: center; /* */
}
/* */
.main-footer img {
width: 124px; /* */
height: 79px; /* */
/* */
max-width: 100%;
height: auto; /* */
display: block; /* */
}
/* */
/* */
/* */
@media (max-width: 900px) {
/* */
.main-footer {
padding: 15px 0; /* */
}
}
/* */
/* *************************/

}