:root {
	--blue: #0B3D42;
	--blue-h: #0B3D4288;
	--black: #202020;
	--black-h: #000;
	--white:#fff;
	--white-h:#ccc;
}

::-webkit-scrollbar {width: 6px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #999;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}
::-webkit-scrollbar-thumb:window-inactive {background: #999;}

body{-webkit-font-smoothing: antialiased; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
html { margin: 0; padding: 0; overflow-x:hidden!important}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: 12px;}
big {font-size: 16px;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5, h6 { display: block; margin: 0;}

.clear { clear: both;}

body {margin: 0; padding: 0; font-size:16px;font-family: 'Roboto', sans-serif;}


#aquisefazciencia {display: none;overflow: hidden; position: absolute;left: 0;width: 100%!important;z-index: 2; top:120px!important;opacity: 0;transition: opacity 0.3s ease-in-out;}
#aquisefazciencia.elementor-sticky--effects{top:120px!important; padding:40px 0!important;}
#aquisefazciencia.show{opacity: 1;}

#redesmenu {display: none;overflow: hidden; position: absolute;left: 0;width: 100%!important;z-index: 2; top:120px!important;opacity: 0;transition: opacity 0.3s ease-in-out;}
#redesmenu.elementor-sticky--effects{top:120px!important; padding:40px 0!important;}
#redesmenu.show{opacity: 1;}

#nossasproducoes {display: none;overflow: hidden; position: absolute;left: 0;width: 100%!important;z-index: 2; top:120px!important;opacity: 0;transition: opacity 0.3s ease-in-out;}
#nossasproducoes.elementor-sticky--effects{top:120px!important; padding:40px 0!important;}
#nossasproducoes.show{opacity: 1;}

#pesquisamenu{display: none;overflow: hidden; position: absolute;left: 0;width: 100%!important;z-index: 2; top:120px!important;opacity: 0;transition: opacity 0.3s ease-in-out;}
#pesquisamenu.elementor-sticky--effects{top:120px!important; padding:40px 0!important;}
#pesquisamenu.show{opacity: 1;}

#eventosmenu{display: none;overflow: hidden; position: absolute;left: 0;width: 100%!important;z-index: 2; top:120px!important;opacity: 0;transition: opacity 0.3s ease-in-out;}
#eventosmenu.elementor-sticky--effects{top:120px!important; padding:40px 0!important;}
#eventosmenu.show{opacity: 1;}

#projetosmenu {display: none;overflow: hidden; position: absolute;left: 0;width: 100%!important;z-index: 2; top:120px!important;opacity: 0;transition: opacity 0.3s ease-in-out;}
#projetosmenu.elementor-sticky--effects{top:120px!important; padding:40px 0!important;}
#projetosmenu.show{opacity: 1;}

#home .legenda {max-width:820px; width:100%; margin:0 auto;}
#home h2 {text-align: center; font-size: 54px; font-weight: 800; letter-spacing: 0px; line-height: 90px; color: #fff; margin-bottom:20px; font-family:'Poppins';}
#home p{text-align: center; font-size: 22px; line-height: 33px; font-weight: 300; letter-spacing: 0px; color:#fff; margin-bottom:20px;font-family:'Poppins';}
#home .swiper-button-next{color:#FFF;}
#home .swiper-button-prev{color:#FFF;}
#home .bota{text-align: center; background:#fff; padding:10px 25px; border-radius:40px; color:#202020; display:table; margin:0 auto;font-family:'Poppins';}
#home .swiper {width: 100%;height: 100%;}
#home .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#home .banner{background-color: #0C6062;height:80vh; background-position:center center; background-size:cover!important;background-blend-mode: multiply;}

/* ODS */
.ods .ods-slide{width:70%; float: left; padding-top:30px;}
.ods .ods-thumb{width:30%; float: right; text-align:center;}
.ods .slide-text h3 {font-weight:800; font-size: 42px; letter-spacing: 0px; line-height: 50px;}
.ods .slide-text p {font-size:24px; margin: 30px 0px;}
.ods .slide-thumb { max-height: 460px;}
.ods .slide-thumb img {width: 141px; height: 141px;}
.ods .slide-thumb .swiper-slide:not(.swiper-slide-thumb-active) img{ filter: brightness(0.5) contrast(1.3);}
.ods .ods-img{display:none}
.ods .swiper-pagination{display:none;}

/* ATALHOS */
.atalho{height:250px; background:#26bde2; text-align:center;display: flex;align-items: center;justify-content: center;transition:.3s all ease-in-out!important}
.atalho-info{height:250px; color:#fff;font-size:24px; font-weight:700;display: flex;align-items: center;flex-direction: column;justify-content: center; }
#atalhos .swiper-button-next{right:-50px!important;}
#atalhos .swiper-button-prev{left:-50px!important;}
.atalho img{display:block; margin:0 auto; margin-bottom:10px; max-width:220px!important;width:100%; height:auto;}
.atalho:hover{background:#139dbf;}

#post p{margin-bottom:15px;}
.page-numbers{background: #999;color: #fff;padding: 10px 15px;border-radius:5px;transition: all 0.35s ease-in-out;}
.page-numbers:hover{background: #202020;color: #fff!important;}
.page-numbers.current{background:var(--blue);color: #fff;}
.elementor-sub-item{padding-left:5px!important;}

#termos figure {margin: 0px}
#termos .wp-block-jetpack-slideshow_slide figure {margin-left: -25px !important;}

h3.tit-local{font-size:18px; font-weight:700;}

.wp-caption{line-height: 22px;font-size: 14px;font-style: italic;}


/* LISTAGEM MATERIAIS */
/* Estilo das abas */
.abas-materiais {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    justify-content: flex-start;
}

.abas-materiais li {
    margin-right: 10px;
}

.abas-materiais .aba {
    display: block;
    padding: 10px 20px;
    border: 2px solid #005AAB;
    border-radius: 20px;
    color: #005AAB;
    text-decoration: none;
    font-weight: bold;
    background-color: white;
}

.abas-materiais .aba.active {
    background-color: #005AAB;
    color: white;
}

/* Estilo da listagem de materiais */
#lista-materiais ul.materiais-listagem {
    list-style: none;
    padding: 0;
}

#lista-materiais ul.materiais-listagem li {padding: 15px;border: 1px solid #e0e0e0;border-radius: 5px;margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
#lista-materiais ul.materiais-listagem li:hover {background-color: #f9f9f9;}
#lista-materiais ul.materiais-listagem li .item-content {flex: 1;}
#lista-materiais ul.materiais-listagem li .item-icons {display: flex;align-items: center;}
#lista-materiais ul.materiais-listagem li .item-icons a {margin-left: 10px;color: #005AAB;font-size: 20px;}
#lista-materiais ul.materiais-listagem li .item-icons a:hover {color: #003F7F;}

.infoturismo{font-size: 18px;font-family: roboto;font-weight: 300!important;letter-spacing: 0.01em; font-family:"Poppins", Sans-serif;}
.infoturismo h2{font-size:28px!important; font-weight:700;margin-bottom:15px;}
.infoturismo .icotur{margin-bottom:15px;display: flex; align-items: flex-start;}
.infoturismo svg{color:#00b0bf !important; fill:#00b0bf !important; width:26px; height:26px; margin-right:10px;}
.infoturismo img{border-radius:0!important;}
.grecaptcha-badge{display: none !important;}
.post img.size-large {width: 100%;height: auto;}
.aligncenter img {width: 100%;height: auto;}
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;margin: 0 0 1em 1em;}
.alignnone {float: none;margin: 0 1em 1em 0;}
.alignleft {float: left;margin: 0 1em 1em 0;}
.floatleft {float: left;}
.floatright {float: right;}
.aligncenter, .alignright, .alignleft {margin-top: 5px;}
.alignnone {margin-bottom: 10px;}
img.aligncenter, img.alignnone {width: 100%;height: auto;margin-bottom: 10px;}

.autorperfil{display:flex;}
.autorimg{display:contents;}
.autorimg img{max-width:150px!important; width:100%; height:auto;}
.autorinfo{padding:10px!important;}
.autorinfo h3{font-size:24px; margin-bottom:5px!important; font-weight:700;}
.autorinfo p{margin-bottom:10px!important; font-size:16px; color:#777;line-height:20px!important;}
.autorinfo button{border:2px solid #6EC1E4;font-size:16px;  padding:10px 20px; color:#6EC1E4; background:#fff; font-weight:500;cursor:pointer}
.autorinfo button:hover{border:2px solid #6EC1E4;color:#FFF; background:#6EC1E4;}

/* TERMOS */

#termos p{margin-bottom:10px;}

#termos ul, #termos ol {margin-left: 25px; margin-bottom: 10px; }
#termos ol li {display: block; padding: 7px;margin-bottom: 10px;}
#termos ol li:before {content: counters(item, ".") " "; counter-increment: item; font-weight: bold;}
#termos ol {counter-reset: item;}

#termos ul li { list-style: none;margin-bottom: 10px;}
#termos ul li::before { content: "\2022"; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
#termos table{font-size:14px; margin-bottom:20px; }
#termos table, #termos th, #termos td {border: 1px solid; border-collapse: collapse;}
#termos table tr td{margin:10px 0; padding:10px;}

.iconestermos{display: flex;justify-content: space-between;text-align: center;}

a.whatsappico{position:fixed;width:43px;height:43px;bottom:10px;right:10px; background-color:#D45032;color:var(--white);border-radius:50px;text-align:center;box-shadow: 1px 1px 2px #888;z-index:1000;transition: all 0.30s ease-in-out;}
a.whatsappico:hover{background-color:#D45032;}

a.whatsappico svg{margin-top:8px;}	

#clientes .gallery-icon img{border:0;}

.elementor-slideshow__title{display:none!important;}

nav a.elementor-item-active{font-weight:700!important;}

.leaflet-popup-content p{margin:0!important;}

.more{background: var(--blue); color: #fff; padding:10px 30px!important; border-radius: 40px; font-size:18px; font-weight: 500; display: inline-block;border: 0;font-smooth: always; margin-top: 15px;}

.line{background: url(../images/bar2.svg) left center no-repeat; height: 6px; margin-bottom: 80px;}

.wpcf7-spinner{display: block;} 
.wpcf7-text::placeholder, .wpcf7-textarea::placeholder{color:#333;font-size: 14px;font-family:"Roboto";}

.wpcf7-text {font-family:"Roboto"; border: 1px solid #dedede; background:#fff; font-size: 14px; color: #777; width: 100% !important; height: 36px; padding:20px 13px; margin:10px 0 0;border-radius: 4px;}
.wpcf7-textarea {font-family:"Roboto"; border: 1px solid #dedede; background:#fff; height: 130px; resize: none; font-size: 14px; color: #777; width: 100% !important; padding: 6px 10px; height: 160px; margin:10px 0; border-radius: 4px;}
.wpcf7-submit {padding:10px 40px;font-size: 16px; font-weight: 600; letter-spacing:2px; background:#D45032; border:0; color: var(--white);-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;border-radius: 5px;width:100%; text-transform: uppercase;}
.wpcf7-submit:hover {color: var(--white);background:#D4503255; opacity: 0.8;}
.wpcf7-submit{max-width: 240px; width: 100%; font-size: 16px;}
.wpcf7-spinner{display: block;}
.banner{position:relative;overflow:hidden;}
.banner::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .3s ease;}
a.banner:hover::after{background:rgba(0,0,0,0.10);}
a.banner{display:block;text-decoration:none;color:inherit;}


a.whatsappico{position:fixed;width:43px;height:43px;bottom:10px;right:10px; background-color:#2db742;color:var(--white);border-radius:50px;text-align:center;box-shadow: 1px 1px 2px #888;z-index:1000;transition: all 0.30s ease-in-out;}
a.whatsappico:hover{background-color:#058318;}

a.whatsappico svg{margin-top:8px;}	
.center-img figure img, .center-img img { margin: 0px auto !important; text-align: center; justify-content: center; display: flex;}
.center-img figure figcaption, .center-img figcaption { margin: 0px auto !important; text-align: center; justify-content: center; display: flex; margin-top: 10px;}

.video-napi-evento iframe {height: 480px}


.single-post .wp-block-image .wp-element-caption {
  font-style: italic !important; font-weight: bold !important; font-size: 14px; line-height: 22px;
}
.single-post .wp-block-image {
	margin-bottom: 25px !important;
}

div[data-id="703a383"] p{
  font-weight: bold !important;
}
.content-noticia .wp-block-heading {
    margin-block: 15PX;
}
.content-noticia h2 {
    font-size: 33px !important;
	line-height: 38px;
	font-weight: bold;
}


.rox-noticias {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 70px;
    width: 100%;
}

.rox-noticias a {
    text-decoration: none !important;
    display: block;
}

.rox-noticias-destaque .rox-noticia-imagem {
    width: 100%;
    margin-bottom: 12px;
}

.rox-noticia-imagem img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.67;
    object-fit: cover;
    display: block;
}

.rox-noticia-data {
    display: block;
    color: #a4a4a4;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.rox-noticia-titulo {
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

.rox-noticias-destaque .rox-noticia-titulo {
    font-size: 25px;
    color: #00636a;
}

.rox-noticias-lista .rox-noticia-item {
    padding: 0 0 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #d2d2d2;
}

.rox-noticias-lista .rox-noticia-titulo {
    font-size: 20px;
    color: #353535;
}

.rox-noticias a:hover .rox-noticia-titulo {
    color: #00bfc3;
}

/* Responsivo */
@media (max-width: 767px) {
    .rox-noticias {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .rox-noticias-destaque .rox-noticia-titulo {
        font-size: 23px;
    }

    .rox-noticias-lista .rox-noticia-titulo {
        font-size: 19px;
    }
}


@media only screen and (max-device-width: 1366px), screen and (max-width: 1366px) {
	
	#home h2 {text-align: center; font-size: 48px; line-height: 120%;}
	#home p{text-align: center; font-size: 18px; line-height: 150%;}
	
	
}
@media (max-width: 1400px) {
    .elementor-7444 .elementor-element.elementor-element-4814c9f .elementor-nav-menu--main .elementor-item {
        padding-left: 14px !important;
        padding-right: 14px !important;
        font-size: 14px !important;
    }
}

@media only screen and (max-device-width: 860px), screen and (max-width: 860px	) {
	.elementor-section.elementor-section-height-full, .elementor-section.elementor-section-height-full>.elementor-container{height:auto!important;}    
    #home h2{font-size:34px;line-height: 90%;font-weight: 800;color: #fff;}
	#home .banner{height:80vh; }
	.ods .ods-slide{width:100%; float: left; padding-top:0;}
	.ods .ods-thumb{display:none!important}
	.ods .slide-text h3 {display:none;}
	.ods .slide-text p {font-size:16px; margin:10px;}
	.ods .ods-img{display:block; /*text-align:center;*/margin-left:12px;}
	.ods .ods-img img{max-width:200px; width:100%; height:auto;}
	.ods .swiper-pagination{display:block; margin-bottom:-40px;}
	.atalhos{margin:0 60px!important;}
	#atalhos .swiper-button-next{right:0!important;}
	#atalhos .swiper-button-prev{left:0!important;}
}



@media only screen and (max-device-width: 680px), screen and (max-width: 680px	) {
	body{overflow-x:hidden;}
	.elementor-section.elementor-section-height-full, .elementor-section.elementor-section-height-full>.elementor-container{height:auto!important;}
	#home h2{font-size:26px;line-height: 90%;}
	#home .legenda {padding:0 60px;}
	#home p{font-size: 16px;}
    #areas{background:#E1E2E3!important}
    .iconestermos{display:block;}
    .iconestermos div{margin: 10px auto;}

	.elementor-5085 .elementor-element.elementor-element-c37e090 .elementor-heading-title {font-size: 35px !important;}



}


/* .redesme, .eventosme, .noticiasme, .sobreme, .nossasprodu, .projetosme{display:none!important;}
.redescel, .eventoscel, .noticiascel, .sobrecel, .producoescel, .projetoscel{display:none!important;} */



.painel-feiras {
    --azul-escuro: #07376f;
    --azul: #0755a5;
    --azul-claro: #1475c9;
    --texto: #102b50;
    --texto-claro: #61718c;
    --borda: #dce7f3;
    --verde: #1da467;
    --amarelo: #f3ad00;
    --roxo: #6c45c1;

    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--texto);
    width: 100%;
}

.painel-feiras * {
    box-sizing: border-box;
}

/* TÍTULO DO PAINEL */

.painel-feiras .pf-topo {
    background: linear-gradient(135deg, #052d62, #063d7d);
    border-radius: 16px 16px 0 0;
    padding: 24px 30px;
    text-align: center;
}

.painel-feiras .pf-topo h2 {
    color: #fff;
    margin: 0;
    font-size: clamp(22px, 2vw, 31px);
    line-height: 1.2;
    font-weight: 800;
}

.painel-feiras .pf-aviso {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 13px 20px;

    background: #eef7ff;
    color: #1258a2;

    font-size: 14px;

    margin-bottom: 24px;
}

.painel-feiras .pf-aviso svg {
    width: 18px;
    height: 18px;
}


/* CARDS PRINCIPAIS */

.painel-feiras .pf-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.painel-feiras .pf-card {
    border: 1px solid var(--borda);
    border-radius: 15px;
    padding: 22px;

    display: flex;
    align-items: center;
    gap: 20px;

    min-height: 140px;

    background: #fff;

    box-shadow: 0 5px 20px rgba(12, 59, 111, .05);

    transition: .2s ease;
}

.painel-feiras .pf-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(12, 59, 111, .11);
}

.painel-feiras .pf-card-icon {
    width: 78px;
    height: 78px;
    min-width: 78px;

    border-radius: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
}

.painel-feiras .pf-card-icon svg {
    width: 38px;
    height: 38px;
}

.painel-feiras .pf-card-icon.azul {
    background: linear-gradient(135deg, #0877dd, #0058bb);
}

.painel-feiras .pf-card-icon.verde {
    background: linear-gradient(135deg, #24b878, #149159);
}

.painel-feiras .pf-card-icon.roxo {
    background: linear-gradient(135deg, #8057d0, #5835a9);
}

.painel-feiras .pf-card-icon.amarelo {
    background: linear-gradient(135deg, #ffc119, #e99d00);
}

.painel-feiras .pf-card-titulo {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0px;
}

.painel-feiras .pf-card-valor {
    color: #075cb6;
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0px;
}

.painel-feiras .pf-card-valor.verde {
    color: var(--verde);
}

.painel-feiras .pf-card-valor.roxo {
    color: var(--roxo);
}

.painel-feiras .pf-card-valor.amarelo {
    color: var(--amarelo);
}

.painel-feiras .pf-card-desc {
    color: var(--texto-claro);
    font-size: 13px;
}


/* CARDS SECUNDÁRIOS */

.painel-feiras .pf-secundarios {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    background: linear-gradient(180deg, #f7fbff, #eef7ff);

    border: 1px solid #d4e3f1;
    border-radius: 15px;

    overflow: hidden;

    margin-bottom: 24px;
}

.painel-feiras .pf-secundario {
    padding: 22px 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 17px;

    position: relative;
}

.painel-feiras .pf-secundario:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background: #d4e2ef;
}

.painel-feiras .pf-secundario-icon {
    color: #0864bd;
}

.painel-feiras .pf-secundario-icon svg {
    width: 39px;
    height: 39px;
}

.painel-feiras .pf-secundario-titulo {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.painel-feiras .pf-secundario-valor {
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    color: #0867c5;
    margin-bottom: 6px;
}

.painel-feiras .pf-secundario-desc {
    font-size: 12px;
    color: var(--texto-claro);
}


/* COLUNAS */

.painel-feiras .pf-grid {
    display: grid;

    grid-template-columns:
        minmax(420px, 1.25fr)
        minmax(350px, .95fr)
        minmax(300px, .85fr);

    gap: 22px;
}


/* PAINÉIS */

.painel-feiras .pf-box {
    border: 1px solid var(--borda);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;

    box-shadow: 0 4px 18px rgba(12, 59, 111, .04);
}

.painel-feiras .pf-box + .pf-box {
    margin-top: 20px;
}

.painel-feiras .pf-box-titulo {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 15px 18px;

    background: linear-gradient(135deg, #08469b, #0758b4);

    color: white;

    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.painel-feiras .pf-box-titulo svg {
    width: 21px;
    height: 21px;
}


/* TABELAS */

.painel-feiras .pf-tabela-wrap {
    width: 100%;
    overflow-x: auto;
}

.painel-feiras table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin: 0;
}

.painel-feiras thead {
    background: #f6faff;
}

.painel-feiras th {
    padding: 12px 10px;
    text-align: left;

    color: #094d95;
    font-weight: 700;

    border-bottom: 1px solid #dce6f0;
}

.painel-feiras td {
    padding: 9px 10px;

    color: #273d5d;

    border-bottom: 1px solid #edf1f5;
}

.painel-feiras tbody tr:last-child td {
    border-bottom: 0;
}

.painel-feiras tbody tr:hover {
    background: #fafcff;
}

.painel-feiras .numero {
    text-align: center;
}


/* PERCENTUAIS */

.painel-feiras .pf-percentual {
    min-width: 95px;
}

.painel-feiras .pf-percentual-box {
    position: relative;

    min-width: 90px;
    height: 22px;

    border-radius: 4px;
    overflow: hidden;

    background: #f2f4f7;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    padding-right: 5px;

    font-weight: 600;
}

.painel-feiras .pf-barra {
    position: absolute;
    inset: 0 auto 0 0;
}

.painel-feiras .pf-percentual-box span {
    position: relative;
    z-index: 2;
}

.painel-feiras .verde {
    background: #bce6ca;
}

.painel-feiras .amarelo {
    background: #ffe2a0;
}

.painel-feiras .vermelho {
    /*background: #ffd0d0;*/
}


/* NOTA FINAL */

.painel-feiras .pf-nota {
    margin-top: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color: #687c96;
    font-size: 12px;
}

.painel-feiras .pf-nota svg {
    width: 17px;
    height: 17px;
}


/* RESPONSIVO */

@media (max-width: 1200px) {

    .painel-feiras .pf-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .painel-feiras .pf-grid {
        grid-template-columns: 1fr 1fr;
    }

    .painel-feiras .pf-col-direita {
        grid-column: span 2;

        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }

    .painel-feiras .pf-col-direita .pf-box {
        margin-top: 0;
    }
}

@media (max-width: 800px) {

    .painel-feiras .pf-secundarios {
        grid-template-columns: 1fr 1fr;
    }

    .painel-feiras .pf-grid {
        grid-template-columns: 1fr;
    }

    .painel-feiras .pf-col-direita {
        grid-column: auto;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {

    .painel-feiras .pf-cards {
        grid-template-columns: 1fr;
    }

    .painel-feiras .pf-secundarios {
        display: block;
    }

    .painel-feiras .pf-secundario {
        justify-content: flex-start;
        border-bottom: 1px solid #d4e2ef;
    }

    .painel-feiras .pf-secundario::after {
        display: none !important;
    }

    .painel-feiras .pf-secundario:last-child {
        border-bottom: 0;
    }

    .painel-feiras .pf-topo {
        padding: 20px 15px;
    }

    .painel-feiras .pf-card-valor {
        font-size: 36px;
    }
}

@media print {
  header {
    display: none !important;
  }
}

/* ======================================================
   ANIMAÇÕES DO PAINEL
====================================================== */

/* Entrada suave conforme os elementos aparecem no scroll */
/*
.painel-feiras .pf-animar {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.22,.61,.36,1);
    will-change: opacity, transform;
}

.painel-feiras .pf-animar.pf-visivel {
    opacity: 1;
    transform: translateY(0);
}
*/
/* Cards principais entram em sequência */
/*
.painel-feiras .pf-card:nth-child(1) { transition-delay: 0s; }
.painel-feiras .pf-card:nth-child(2) { transition-delay: .08s; }
.painel-feiras .pf-card:nth-child(3) { transition-delay: .16s; }
.painel-feiras .pf-card:nth-child(4) { transition-delay: .24s; }
*/
/* Indicadores secundários também recebem um pequeno escalonamento */
.painel-feiras .pf-secundario:nth-child(1) { transition-delay: 0s; }
.painel-feiras .pf-secundario:nth-child(2) { transition-delay: .07s; }
.painel-feiras .pf-secundario:nth-child(3) { transition-delay: .14s; }
.painel-feiras .pf-secundario:nth-child(4) { transition-delay: .21s; }

/* Barras começam em zero e crescem ao entrar na tela */
.painel-feiras .pf-barra {
    width: 0 !important;
    transition: width 1.15s cubic-bezier(.22,.61,.36,1);
    will-change: width;
}

/* Números permanecem sempre nítidos; apenas a contagem é animada */
.painel-feiras .pf-card-valor,
.painel-feiras .pf-secundario-valor {
    opacity: 1;
    transform: none;
}

/* Acessibilidade: desativa animações quando o usuário prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
    .painel-feiras .pf-animar,
    .painel-feiras .pf-barra,
    .painel-feiras .pf-card-valor,
    .painel-feiras .pf-secundario-valor {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}