/* miolo das páginas internas (turismo, notícias, ouvidoria, leitura de notícia); tudo preso a #pg-interna */
#pg-interna{--azul:#132691;--azul2:#0523cd;--ouro:#ffa900;--verde:#4d732c;--txt:#222;--cinza:#5f5f5f;--linha:#d6d6d6;font-family:"Open Sans",Arial,sans-serif;color:var(--txt);font-size:16px;text-align:left}
#pg-interna *{box-sizing:border-box}
#pg-interna .w{max-width:1240px;margin:0 auto;padding:0 20px}
#pg-interna a{color:var(--azul)}

/* faixa de título */
#pg-interna .faixa{background:#f2f4fb;border-bottom:1px solid #e1e4f2}
#pg-interna .faixa .w{padding-top:26px;padding-bottom:26px}
#pg-interna .trilha{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--cinza);margin:0 0 10px}
#pg-interna .trilha a{color:var(--azul);font-weight:600;text-decoration:none}
#pg-interna .trilha a:hover{text-decoration:underline}
#pg-interna .faixa h1{margin:0;color:var(--azul);font-family:inherit;font-size:30px;font-weight:800;line-height:1.2}
#pg-interna .faixa .data-pub{display:block;margin:0 0 8px;color:var(--verde);font-weight:700;font-size:14px}
#pg-interna .faixa .social-sharing-list{margin:16px 0 0;padding:0;list-style:none;display:flex;gap:8px}
#pg-interna .faixa .social-sharing-list li{padding:0;margin:0}
#pg-interna .social-sharing-list a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--azul);color:var(--azul);background:#fff;font-size:18px;text-decoration:none}
#pg-interna .social-sharing-list a:hover,#pg-interna .social-sharing-list a:focus-visible{background:var(--azul);color:#fff;outline:none}
#pg-interna .miolo{padding:34px 0 48px}
#pg-interna .miolo .container{width:auto;max-width:1240px}

/* títulos de seção com a barra dourada */
#pg-interna .rotulo,#pg-interna .section-heading h2,#pg-interna .section-heading h6,#pg-interna .widget-title{display:inline-block;color:var(--azul);padding:0 0 0 14px;border-left:6px solid var(--ouro);font-family:inherit;font-size:22px;line-height:1.15;font-weight:800;margin:0 0 18px;text-transform:none}
#pg-interna .section-heading{margin:0 0 6px;border:0}
#pg-interna .widget-title-wrap{border:0;margin:0 0 6px}
#pg-interna .more-link{font-weight:700;font-size:14px;text-decoration:none}

/* abas em pílula */
#pg-interna .nav-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;padding:0;list-style:none}
#pg-interna .nav-pills>li{float:none;margin:0;width:auto}
#pg-interna .nav-pills>li>a{display:block;padding:10px 20px;border:2px solid var(--azul);border-radius:999px;background:#fff;color:var(--azul);font-weight:700;font-size:15px;text-decoration:none}
#pg-interna .nav-pills>li>a:hover,#pg-interna .nav-pills>li>a:focus{background:#eef0f8;color:var(--azul)}
#pg-interna .nav-pills>li.active>a,#pg-interna .nav-pills>li.active>a:hover,#pg-interna .nav-pills>li.active>a:focus,#pg-interna .nav-pills>li>a.active{background:var(--azul);color:#fff;border-color:var(--azul)}
#pg-interna .nav-pills>li>a:focus-visible{outline:3px solid var(--ouro);outline-offset:2px}

/* turismo */
#pg-interna .turismo-cab{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--azul)}
#pg-interna .turismo-cab i{font-size:30px;color:var(--verde)}
#pg-interna .turismo-cab .header-title{margin:0;font-family:inherit;font-size:22px;font-weight:800;color:var(--azul);padding-left:14px;border-left:6px solid var(--ouro);line-height:1.15}
#pg-interna .turismo-card{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;border:1px solid var(--linha);border-top:4px solid var(--verde);border-radius:8px;background:#fff;padding:22px;margin:0 0 22px}
#pg-interna .turismo-card .turismo-ponto-title{margin:0 0 12px;color:var(--azul);font-family:inherit;font-size:21px;font-weight:800;line-height:1.25;border:0;padding:0}
#pg-interna .turismo-card .turismo-ponto-text{margin:0;max-width:62ch;line-height:1.7;text-align:left}
#pg-interna .turismo-card img{width:100%;height:auto;border-radius:12px;display:block}
#pg-interna .onde-comer-item{border:1px solid var(--linha);border-left:6px solid var(--ouro);border-radius:8px;padding:16px 20px;margin:0 0 14px;background:#fff;max-width:860px}
#pg-interna .onde-comer-title{margin:0 0 8px;color:var(--azul);font-family:inherit;font-size:18px;font-weight:800}
#pg-interna .onde-comer-title i{color:var(--verde);margin-right:8px}
#pg-interna .onde-comer-item p{margin:0;line-height:1.7;text-align:left}

/* grade de notícias (cartões criados por load_news.php) */
#pg-interna #box{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;width:100%;padding:0 15px;margin:0 0 8px}
#pg-interna #box:before,#pg-interna #box:after{display:none}
#pg-interna #box>.col-sm-3{float:none;width:auto;padding:0;margin:0}
#pg-interna .cardview-post{height:100%;border-top:4px solid var(--verde);background:#f5f5f5;border-radius:0 0 8px 8px;overflow:hidden}
#pg-interna .cardview-post .post-thumbnails{margin:0}
#pg-interna .cardview-post .CoverImageNewsList{display:block;width:100%;height:0;padding-bottom:56.25%;background-size:cover;background-position:center;border-radius:0}
#pg-interna .cardview-post .post-info{position:static;padding:14px 16px 16px;background:none}
#pg-interna .cardview-post .entry-title{margin:0;font-family:inherit;font-size:16px;line-height:1.35;font-weight:700}
#pg-interna .cardview-post .entry-title a{color:#1b1b1b;text-decoration:none}
#pg-interna .cardview-post .entry-title a:hover{color:var(--azul)}
#pg-interna .cardview-post .entry-meta{margin:6px 0 0;padding:0}

/* paginação */
#pg-interna #pagina{padding:18px 15px 0}
#pg-interna .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0}
#pg-interna .pagination>li{float:none;display:block;cursor:pointer}
#pg-interna .pagination>li>a{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--linha);border-radius:6px;background:#fff;color:var(--azul);font-weight:700;margin:0;float:none}
#pg-interna .pagination>li.active>a.active:not(.pri):not(.ult):not(.prev-button):not(.next-button){background:var(--azul);border-color:var(--azul);color:#fff}
#pg-interna .pagination>li>a.inactive{color:#9aa0b8;background:#f5f6fa}

/* texto de leitura */
#pg-interna .entry-content{max-width:760px;font-size:17px;line-height:1.7;color:var(--txt);text-align:left}
#pg-interna .entry-content p,#pg-interna .entry-content li{text-align:left;line-height:1.7;font-family:inherit}
#pg-interna .entry-content h1,#pg-interna .entry-content h2,#pg-interna .entry-content h3{font-family:inherit;color:var(--azul);font-weight:800}
#pg-interna .entry-content img{max-width:100%;height:auto;border-radius:12px}
#pg-interna .entry-content .wp-caption{width:100%!important;max-width:100%;margin:0 0 22px}
#pg-interna .entry-content .wp-caption img{width:100%;height:auto;display:block}
#pg-interna .entry-content a{text-decoration:underline}
#pg-interna .social-sharing-list.long-bar{display:flex;gap:8px;list-style:none;margin:26px 0 0;padding:0}
#pg-interna .social-sharing-list.long-bar li{padding:0;margin:0}

/* eventos (galeria) e leia também */
#pg-interna .related-posts{margin-top:44px}
#pg-interna .related-posts .list-unstyled{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:0;padding:0;list-style:none}
#pg-interna .related-posts .post-thumbnails{position:relative;overflow:hidden;border-radius:12px}
#pg-interna .related-posts .post-thumbnails img{width:100%;height:auto;display:block;border-radius:12px}
#pg-interna .related-posts .post-info{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(19,38,145,.92))}
#pg-interna .related-posts .entry-title{margin:0;font-family:inherit;font-size:15px;line-height:1.3;font-weight:700}
#pg-interna .related-posts .entry-title a{color:#fff;text-decoration:none}
#pg-interna .related-posts .entry-meta{margin:4px 0 0;padding:0;color:#fff;font-size:12px}
#pg-interna .related-posts .list-unstyled>li{float:none;width:auto;max-width:none;padding:0;margin:0}
#pg-interna .related-posts .title-overlay-small{visibility:visible!important;animation:none!important;width:auto;height:auto}
#pg-interna .related-posts .post-thumbnails,#pg-interna .related-posts .post-thumbnails a{display:block;width:auto;height:auto}
#pg-interna .related-posts .post-thumbnails img{aspect-ratio:3/2;object-fit:cover}
#pg-interna .widget-popular-posts .list-unstyled{margin:0;padding:0;list-style:none}
#pg-interna .widget-popular-posts .list-unstyled>li{border-bottom:1px solid #e6e8ef;padding:12px 0}
#pg-interna .small-post{display:flex;gap:12px;align-items:flex-start}
#pg-interna .small-post .img-wrap{flex:0 0 110px;width:110px}
#pg-interna .small-post .post-title{margin:0 0 4px;font-family:inherit;font-size:15px;line-height:1.35;font-weight:700}
#pg-interna .small-post .post-title a{color:#1b1b1b;text-decoration:none}
#pg-interna .small-post .post-title a:hover{color:var(--azul)}
#pg-interna .small-post .meta-info{margin:0;color:var(--verde);font-size:12.5px;font-weight:600}

/* formulário (quando a página trouxer um) */
#pg-interna .entry-content form label{display:block;font-weight:700;color:var(--azul);margin:14px 0 6px}
#pg-interna .entry-content input[type=text],#pg-interna .entry-content input[type=email],#pg-interna .entry-content input[type=tel],#pg-interna .entry-content input[type=password],#pg-interna .entry-content input[type=number],#pg-interna .entry-content input[type=date],#pg-interna .entry-content select{display:block;width:100%;height:44px;border:2px solid var(--azul);border-radius:12px;padding:0 14px;font-size:16px;font-family:inherit;background:#fff;color:var(--txt)}
#pg-interna .entry-content textarea{display:block;width:100%;min-height:140px;border:2px solid var(--azul);border-radius:12px;padding:10px 14px;font-size:16px;font-family:inherit}
#pg-interna .entry-content form input:focus-visible,#pg-interna .entry-content form select:focus-visible,#pg-interna .entry-content form textarea:focus-visible{outline:3px solid var(--ouro);outline-offset:2px}
#pg-interna .entry-content form button[type=submit],#pg-interna .entry-content form input[type=submit]{height:44px;border:2px solid var(--azul);border-radius:12px;background:var(--azul);color:#fff;font-weight:700;font-size:16px;padding:0 26px;cursor:pointer;font-family:inherit;margin-top:16px}
#pg-interna .entry-content form button[type=submit]:hover,#pg-interna .entry-content form input[type=submit]:hover{background:var(--azul2);border-color:var(--azul2)}

@media(max-width:1100px){#pg-interna #box{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){#pg-interna #box{grid-template-columns:repeat(2,1fr)}#pg-interna .turismo-card{grid-template-columns:1fr}}
@media(max-width:600px){#pg-interna .faixa h1{font-size:25px}#pg-interna #box{grid-template-columns:1fr}#pg-interna .nav-pills>li{flex:1 1 100%}#pg-interna .nav-pills>li>a{text-align:center}#pg-interna .entry-content{font-size:16px}}
#pg-interna .entry-content.largo{max-width:none}

/* Leia também: miniatura fixa à esquerda e texto ao lado, sem o vão que o float antigo deixava. */
#pg-interna .widget-popular-posts .widget-title-wrap{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:12px;padding:0 0 12px;border-bottom:2px solid #e6e8ef;margin:0 0 4px}
#pg-interna .widget-popular-posts .widget-title-wrap:before,#pg-interna .widget-popular-posts .widget-title-wrap:after{display:none}
#pg-interna .widget-popular-posts .widget-title{margin:0;font-size:20px}
#pg-interna .widget-popular-posts .more-link{float:none!important;font-size:13px;font-weight:700;color:var(--azul);text-decoration:none}
#pg-interna .widget-popular-posts .small-post{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:start}
#pg-interna .widget-popular-posts .img-wrap{width:112px;float:none;margin:0}
#pg-interna .widget-popular-posts .img-wrap a{display:block;width:112px;padding:0;height:72px;background-size:cover;background-position:center;border-radius:8px!important}
#pg-interna .widget-popular-posts .post-info{float:none;width:auto;margin:0;padding:0}
#pg-interna .widget-popular-posts .post-title{margin:0 0 4px;font-size:14.5px;line-height:1.35;font-weight:700}
#pg-interna .widget-popular-posts .post-title a{color:var(--txt);text-decoration:none}
#pg-interna .widget-popular-posts .post-title a:hover,#pg-interna .widget-popular-posts .post-title a:focus-visible{color:var(--azul);text-decoration:underline}
#pg-interna .widget-popular-posts .meta-info{margin:0;font-size:12.5px;color:var(--verde);font-weight:600}
