/*MARK: Cabecalho
*/
/* ============================
Cabecalho
============================ */
.ast-breadcrumbs {
margin-left: -28px;
text-align: start !important;
}
/* deixa o breadcrumbs offwhite*/
.site-header-focus-item+.ast-breadcrumbs-wrapper {
width: 1200px !important;
margin: 0 auto !important;
padding-top: 16px;
padding-left: 0px;
padding-right: 40px;
}
body.page-id-7875 .site-header-focus-item+.ast-breSadcrumbs-wrapper {
display: none !important;
}
.home article {
background-color: transparent !important;
}
/*ícones inlines do fontawesome*/
p .wp-font-awesome-icon,
p .wp-rich-text-font-awesome-icon {
margin-right: var(--spacing-small);
vertical-align: middle;
}
/*MARK: Cards Principais
*/
/* ============================
Cards Principais
============================ */
.home .card,
#principais-servicos .card {
background: var(--pure-white) linear-gradient(0deg, rgb(120 190 240 / 8%) 0%, var(--pure-white) 40%) !important
}
.home .card .card-title a,
.home .card .question {
position: relative;
z-index: 20;
}
/* Ícone de dúvida */
.home .card .question {
position: absolute !important;
top: 0px;
right: var(--spacing-medium);
}
/*MARK: Acessibilidade*/
body .accessibility-trigger.aioa_middle_right button {
z-index: 90 !important;
bottom: calc(50% + 10px) !important;
right: 6px;
}
/*Botão libras*/
div[vw].enabled,
div[vw] [vw-plugin-wrapper] {
z-index: 80 !important;
right: 8px !important;
margin: 0 !important;
}
/*Whatsapp*/
.wa__btn_popup {
z-index: 90 !important;
right: 8px !important;
bottom: 8px !important;
}
/*MARK: Conteúdo de Páginas
/* ============================
Conteúdo de Páginas
============================ */
body:not(.page-id-7875) article:not(.ast-related-post) {
max-width: 960px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#primary {
padding: 0 !important;
}
h1 {
line-height: var(--line-height-huge) !important;
margin-top: var(--spacing-large) !important;
margin-bottom: var(--spacing-huge) !important;
}
h2 {
line-height: var(--line-height-large) !important;
margin-top: var(--spacing-huge) !important;
margin-bottom: var(--spacing-medium) !important;
}
h3 {
line-height: var(--line-height-medium) !important;
margin-top: var(--spacing-large) !important;
margin-bottom: var(--spacing-medium) !important;
}
h4 {
line-height: var(--line-height-tiny) !important;
margin-top: var(--spacing-huge) !important;
margin-bottom: var(--spacing-medium) !important;
}
/*Separadores*/
hr.wp-block-separator.is-style-wide {
border: none !important;
background-color: var(--pastel-grey) !important;
color: var(--pastel-grey) !important;
height: 2px !important;
opacity: 1 !important;
border-radius: var(--radius-small) !important;
margin-top: var(--spacing-huge) !important;
margin-bottom: var(--spacing-huge) !important;
width: 100% !important;
}
/*Pragrafos*/
p {
margin-top: var(--spacing-medium) !important;
}
h1+p,
h2+p,
h3+p,
h4+p,
h5+p {
margin-top: 0px !important;
}
/*Imagens*/
.wp-block-image,
.wp-block-image figure,
.wp-block-image img {
display: block;
max-width: 960px !important;
width: 100% !important;
height: auto;
margin: var(--spacing-medium) auto;
border-radius: var(--radius-large);
box-sizing: border-box;
padding: 0;
}
.wp-block-image img,
.wp-block-columns img {
margin-bottom: var(--spacing-huge) !important;
}
.wp-block-image>a {
display: block !important;
}
/* Blocos com conteúdos em colunas*/
.wp-block-columns {
max-width: 960px !important;
}
.wp-block-image img,
.wp-block-columns img {
margin: 0 !important;
}
/*MARK: Formulários de Contato
*/
/* ============================
Formulários de Fale Conosco
============================ */
.wpcf7 form {
max-width: 960px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-top: var(--spacing-large) !important;
}
body,
.wpcf7 form {
font-family: var(--primary-font);
}
/* Forçar Montserrat em tudo dentro do CF7 */
.wpcf7,
.wpcf7 *,
.wpcf7 form,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 label {
font-family: var(--primary-font) !important;
}
/* Container do formulário */
.wpcf7 form {
display: flex !important;
flex-direction: column !important;
gap: var(--spacing-medium) !important;
color: var(--black) !important;
margin: 0 !important;
}
.wpcf7 form p {
margin: 0 0 var(--spacing-medium) 0 !important;
padding: 0 !important;
}
/* título com espaçamento à esquerda*/
.wpcf7 form p label,
.wpcf7-form label {
display: block !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-medium) !important;
color: var(--black) !important;
line-height: var(--line-height-medium) !important;
--label-indent: var(--spacing-medium);
padding-left: var(--label-indent) !important;
}
/* Pullback */
.wpcf7 .wpcf7-form-control-wrap {
display: block !important;
margin-left: calc(var(--label-indent) * -1) !important;
}
/* Campos */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
box-sizing: border-box !important;
width: calc(100% + var(--label-indent)) !important;
background: var(--pure-white) !important;
border: 1px solid var(--pastel-grey) !important;
padding: var(--spacing-large) var(--spacing-medium) !important;
border-radius: var(--radius-large) !important;
font-size: var(--font-size-medium) !important;
line-height: var(--line-height-medium) !important;
color: var(--black) !important;
transition: 0.3s ease !important;
}
/*Texto de campo não preenchido*/
.wpcf7 .wpcf7-not-valid-tip {
color: var(--red) !important;
margin-left: var(--spacing-medium);
}
/* Textarea */
.wpcf7 textarea {
min-height: 150px !important;
resize: vertical !important;
}
/* Foco */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
/* Placeholder */
.wpcf7 ::placeholder {
color: var(--grey) !important;
opacity: 1 !important;
}
/* Mensagens */
.wpcf7-not-valid-tip {
color: var(--red) !important;
font-size: var(--font-size-small) !important;
margin-top: var(--spacing-tiny) !important;
}
.wpcf7-response-output {
padding: var(--spacing-small) var(--spacing-medium) !important;
border-radius: var(--radius-medium) !important;
font-size: var(--font-size-medium) !important;
margin: 0 !important;
}
.wpcf7-mail-sent-ok {
border-color: var(--tertiary-color) !important;
background: var(--white) !important;
color: var(--black) !important;
}
.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
border-color: var(--yellow) !important;
background: var(--white) !important;
}
.wpcf7 .wpcf7-submit {
display: block !important;
margin: 0 auto !important;
text-align: center !important;
}
.wpcf7 form p:has(.wpcf7-submit) {
position: relative !important;
}
.wpcf7-spinner {
position: absolute !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}
/*MARK: Notícias
/* ============================
Pagina Notícias
============================ */
/*Remove margem superior do conteudo */
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary {
margin: 0 !important;
padding: 0 !important;
}
.ast-separate-container .ast-archive-description,
.ast-separate-container .ast-author-box {
margin: 0 !important;
padding: 0 !important;
background: transparent;
}
/* AJUSTES ESPECÍFICOS DE TÍTULO E IMAGEM NA PÁGINA DE NOTÍCIAS */
/* Título da notícia */
.blog .ast-row .blog-layout-4 .entry-title,
.archive .ast-row .blog-layout-4 .entry-title {
line-height: 1.15 !important;
margin-bottom: 10px !important;
margin-top: 16px !important;
}
/* Garante que o link interno acompanhe a altura */
.blog .ast-row .blog-layout-4 .entry-title a,
.archive .ast-row .blog-layout-4 .entry-title a {
line-height: inherit !important;
}
/* Remove margem da seção de imagem */
.blog .ast-row .blog-layout-4 .ast-blog-featured-section,
.archive .ast-row .blog-layout-4 .ast-blog-featured-section {
margin-bottom: 0 !important;
}
/* Link Overlay */
.card-news h2 a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
cursor: pointer;
}
/*MARK: Todas Notícias*/
/* ============================
Todas Notícias
============================ */
/* Remove fundo do h1 */
.ast-archive-description .ast-archive-title {
background-color: none !important;
}
/* Regra de fallback (para blog ou outras categorias) */
.archive .ast-article-post {
background-color: transparent !important;
}
/* background do conteudo da notícia */
.single.ast-separate-container .ast-article-single:not(.ast-related-post) {
background-color: var(--pure-white) !important;
border-radius: var(--radius-large);
}
/*Espaçamento do conteudo com o topo do site*/
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary {
margin-top: var(--spacing-huge) !important;
padding: 0 !important;
}
/*Remove margem do H1*/
header.entry-header>*:not(:last-child) {
margin-top: 0 !important;
}
/*Imagem da noticia*/
.single .wp-post-image {
box-shadow: none;
border-radius: var(--radius-large);
}
.uwp_widget_author_box,
.uwp_widgets.uwp_widget_author_box {
display: none !important;
}
/* Garante que o container flex que envolve o autor também suma */
.uwp_widgets.bsui {
display: none !important;
}
.ast-article-post:hover .post-thumb-img-content img {
transform: none !important;
}
/* MARK: Notícias - cards
*/
/* ============================
Notícias - cards glass
============================ */
/* APLICAR SOMENTE NA PÁGINA DE NOTÍCIAS (categoria) */
.arrow {
display: none !important;
}
.category-noticias .ast-separate-container .ast-blog-layout-4-grid .ast-article-post {
padding: 0 !important;
}
.category-noticias .ast-blog-layout-4-grid .ast-row {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing-large) !important;
}
.category-noticias .ast-article-post.ast-grid-common-col,
.category-noticias .ast-article-post.ast-full-width {
width: 100% !important;
max-width: 100% !important;
flex: unset !important;
float: none !important;
padding: 0 !important;
margin-bottom: 0;
}
/* Esconder link de comentários */
.category-noticias .comments-link {
display: none !important;
}
/* Remove o separador e o link de comentários mantendo apenas a data */
.category-noticias .entry-meta {
font-size: 0 !important;
}
.category-noticias .ast-article-post {
position: relative !important;
overflow: hidden !important;
border-radius: 20px !important;
box-shadow:0 8px 16px rgb(0 79 157 / 13%) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
background: transparent !important;
height: 450px !important;
min-height: unset !important;
}
/* ESCALA NO HOVER */
.category-noticias .ast-article-post:hover {
transform: scale(1.04) !important;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25) !important;
}
.category-noticias .ast-article-post .ast-article-inner,
.category-noticias .ast-article-post .blog-layout-4 {
padding: 0 !important;
margin: 0 !important;
height: 100% !important;
min-height: unset !important;
background: transparent !important;
position: relative !important;
}
.category-noticias .ast-article-post .post-content,
.category-noticias .ast-article-post .post-content.ast-grid-common-col {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
height: 100% !important;
min-height: unset !important;
background: transparent !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
display: block !important;
}
/* Imagem ocupa o card inteiro */
.category-noticias .ast-article-post .ast-blog-featured-section,
.category-noticias .ast-article-post .post-thumb,
.category-noticias .ast-article-post .post-thumb-img-content {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
z-index: 0 !important;
}
.category-noticias .ast-article-post .post-thumb a {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.category-noticias .ast-article-post .post-thumb img,
.category-noticias .ast-article-post .wp-post-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 0 !important;
}
/* Glass: Gradiente Token v1 */
.category-noticias .ast-article-post .post-content::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
height: 128px !important;
z-index: 2 !important;
pointer-events: none !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background: linear-gradient(to bottom,
rgb(17 24 29 / 0%) 0%,
rgb(17 24 29 / 36%) 15%,
rgb(17 24 29 / 61%) 25%,
rgb(17 24 29 / 67%) 30%,
rgb(17 24 29 / 64%) 50%,
rgb(17 24 29 / 38%) 80%,
rgba(17, 24, 29, 0) 100%) !important;
border-radius: 0 0 20px 20px !important;
transition: height 0.3s ease !important;
border-top: 1px solid rgb(223 223 223 / 92%) !important;
}
.category-noticias .ast-article-post:hover .post-content::after {
height: 248px !important;
background: linear-gradient(to bottom,
rgb(17 24 29 / 46%), rgb(17 24 29 / 33%) 25%, rgb(17 24 29 / 84%) 100%) !important;
}
/* Título - Mantendo sua estrutura original com trava de altura */
.category-noticias .ast-article-post .ast-blog-single-element.entry-title {
position: absolute !important;
bottom: 12px !important;
left: 0 !important;
right: 0 !important;
z-index: 3 !important;
background: none !important;
border: none !important;
padding: 0 var(--spacing-medium) var(--spacing-tiny) !important;
display: block !important;
transition: bottom 0.3s ease !important;
/* Trava de altura para evitar desalinhamento */
min-height: 3.45em !important;
}
.category-noticias .ast-article-post:hover .ast-blog-single-element.entry-title {
bottom: 134px !important;
}
/* Link dentro do Título */
.category-noticias .ast-article-post .entry-title a {
color: var(--pure-white) !important;
font-family: var(--primary-font) !important;
font-size: var(--font-size-large) !important;
font-weight: var(--font-weight-large) !important;
text-decoration: none !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
/* Data */
.category-noticias .ast-article-post .entry-header {
display: block !important;
position: absolute !important;
bottom: 18px !important;
left: 0 !important;
right: 0 !important;
z-index: 3 !important;
padding: 0 var(--spacing-medium) !important;
margin: 0 !important;
opacity: 0 !important;
transform: translateY(10px) !important;
transition: opacity 0.3s ease, transform 0.3s ease, bottom 0.3s ease !important;
pointer-events: none !important;
}
.category-noticias .ast-article-post:hover .entry-header {
bottom: 142px !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
.category-noticias .ast-article-post .published {
display: block !important;
color: var(--pure-white) !important;
font-size: var(--font-size-tiny) !important;
font-weight: var(--font-weight-medium) !important;
}
/* Resumo */
.category-noticias .ast-article-post .ast-excerpt-container {
display: block !important;
position: absolute !important;
bottom: 64px !important;
left: 0 !important;
right: 0 !important;
z-index: 3 !important;
padding: 0 var(--spacing-medium) !important;
opacity: 0 !important;
transform: translateY(10px) !important;
transition: opacity 0.3s ease, transform 0.3s ease !important;
pointer-events: none !important;
}
.category-noticias .ast-article-post:hover .ast-excerpt-container {
opacity: 1 !important;
transform: translateY(0) !important;
}
.category-noticias .ast-article-post .ast-excerpt-container p {
color: var(--pure-white) !important;
font-size: var(--font-size-small) !important;
line-height: 1.5 !important;
margin: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
/* Botão Ver */
.category-noticias .ast-article-post .entry-content {
display: flex !important;
justify-content: center !important;
align-items: center !important;
position: absolute !important;
bottom: var(--spacing-medium) !important;
left: 0 !important;
right: 0 !important;
z-index: 3 !important;
opacity: 0 !important;
transform: translateY(5px) !important;
transition: opacity 0.3s ease, transform 0.3s ease !important;
}
.category-noticias .ast-article-post:hover .entry-content {
opacity: 1 !important;
transform: translateY(0) !important;
cursor: pointer;
}
.category-noticias .ast-article-post .entry-content::before {
content: "" !important;
display: inline-block !important;
width: 1.2em !important;
height: 1.2em !important;
margin-right: var(--spacing-small) !important;
background-color: var(--pure-white) !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E") !important;
}
.category-noticias .ast-article-post .entry-content::after {
content: 'Ver Notícia' !important;
color: var(--pure-white) !important;
font-size: var(--font-size-small) !important;
font-weight: var(--font-weight-large) !important;
letter-spacing: 0.5px !important;
}
/*MARK: Posts Instagram
/* ============================
Posts Instagram
============================ */
/* borda dos cards */
#sb_instagram .sbi_photo img {
border-radius: var(--radius-large);
}
/* Borda do botão */
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
border-radius: 50px !important;
}
/*Tamanho e espaçamento*/
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a,
.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a {
padding: 13px 24px !important;
margin: 0 !important;
}
/*Espaçamento do botão entre os posts*/
#sb_instagram #sbi_load {
margin-top: var(--spacing-large) !important;
}
/*Tamanho dos posts*/
.e-con.e-con>.e-con-inner>.elementor-widget,
.elementor.elementor .e-con>.elementor-widget {
max-height: 80%;
}
/*MARK: Paginação
/* ============================
Paginação
============================ */
/* Container Flex para alinhamento centralizado da paginação */
.ast-pagination .nav-links {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px;
width: 100%;
}
/* Estilização dos números das páginas em formato circular */
.ast-pagination .nav-links .page-numbers:not(.next):not(.prev),
#items-list-area .pagination .pagination-list li a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border-radius: var(--radius-rounded);
border: 2px solid var(--primary-color);
color: var(--primary-color);
font-size: var(--font-size-huge);
font-weight: var(--font-weight-medium);
transition: all 0.3s;
line-height: 44px;
padding: 0;
margin: 0;
}
/* Destaque visual da página atual com cor de fundo exclusiva */
.ast-pagination .nav-links .current,
#items-list-area .pagination .pagination-list .pagination-link.is-current {
background-color: var(--tertiary-color) !important;
border: var(--tertiary-color) !important;
color: var(--pure-white) !important;
font-weight: var(--font-weight-large);
border: none !important;
padding: 2px 0;
}
/* Efeito de hover e foco para os números das páginas */
.ast-pagination .nav-links a.page-numbers:not(.next):not(.prev):not(.current):hover,
.ast-pagination .nav-links a.page-numbers:not(.next):not(.prev):not(.current):focus,
#items-list-area .pagination .pagination-list li a:hover {
background-color: var(--secondary-color);
color: var(--white);
border: 2px solid var(--secondary-color) !important;
outline: none !important;
box-shadow: none !important;
}
/* Estilização dos botões de Próxima e Anterior como círculos brancos */
.ast-pagination .nav-links .next,
.ast-pagination .nav-links .prev,
.pagination-link.pagination-previous,
.pagination-link.pagination-next {
position: relative;
font-size: 0 !important;
line-height: 0 !important;
text-indent: -9999px;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 48px !important;
height: 48px !important;
padding: 0 !important;
border-radius: 50% !important;
border: 2px solid var(--light-grey) !important;
background-color: var(--pure-white) !important;
color: var(--primary-color) !important;
overflow: hidden;
transition: opacity .25s ease, transform .25s ease, background .2s ease;
}
/* Inserção e configuração do ícone de seta via máscara SVG */
.ast-pagination .nav-links .next::after,
.ast-pagination .nav-links .prev::before,
.pagination-link.pagination-previous::before,
.pagination-link.pagination-next::after {
content: "";
position: absolute;
text-indent: 0;
width: 28px;
height: 28px;
background-color: var(--black);
display: block;
transition: transform 0.3s ease;
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M439.1%20297.4C451.6%20309.9%20451.6%20330.2%20439.1%20342.7L279.1%20502.7C266.6%20515.2%20246.3%20515.2%20233.8%20502.7C221.3%20490.2%20221.3%20469.9%20233.8%20457.4L371.2%20320L233.9%20182.6C221.4%20170.1%20221.4%20149.8%20233.9%20137.3C246.4%20124.8%20266.7%20124.8%20279.2%20137.3L439.2%20297.3z%22%2F%3E%3C%2Fsvg%3E');
mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M439.1%20297.4C451.6%20309.9%20451.6%20330.2%20439.1%20342.7L279.1%20502.7C266.6%20515.2%20246.3%20515.2%20233.8%20502.7C221.3%20490.2%20221.3%20469.9%20233.8%20457.4L371.2%20320L233.9%20182.6C221.4%20170.1%20221.4%20149.8%20233.9%20137.3C246.4%20124.8%20266.7%20124.8%20279.2%20137.3L439.2%20297.3z%22%2F%3E%3C%2Fsvg%3E');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
/* Posicionamento centralizado da seta para o botão Próximo */
.ast-pagination .nav-links .next::after,
.pagination-link.pagination-next::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Inversão da seta para o botão Anterior */
.ast-pagination .nav-links .prev::before,
.pagination-link.pagination-previous::before {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: rotate(180deg);
}
/* Efeito de hover com mudança de cor e animação de deslocamento nas setas */
.ast-pagination .nav-links .next:hover,
.ast-pagination .nav-links .prev:hover,
.pagination-link.pagination-previous:hover,
.pagination-link.pagination-next:hover {
background-color: var(--secondary-color) !important;
color: var(--pure-white) !important;
border: 2px solid var(--secondary-color) !important;
}
/* Deslocamento suave da seta para a direita no hover do botão Próximo */
.ast-pagination .nav-links .next:hover::after,
.pagination-link.pagination-next:hover::after {
transform: translate(calc(-50% + 4px), -50%) !important;
background-color: var(--pure-white);
}
/* Deslocamento suave da seta para a esquerda no hover do botão Anterior */
.ast-pagination .nav-links .prev:hover::before
.pagination-link.pagination-previous:hover::before {
transform: rotate(180deg) translateX(4px) !important;
background-color: var(--secondary-color) !important;
}
#items-list-area .pagination .pagination-link.pagination-previous:hover::before {
transform: rotate(180deg) translateX(4px) !important;
background-color: var(--secondary-color) !important;
}
/* Oculta ícones e elementos originais de seta do Astra */
.ast-pagination .nav-links .next .ast-right-arrow,
.ast-pagination .nav-links .prev .ast-left-arrow,
.ast-pagination .nav-links svg:not(.custom-icon) {
display: none !important;
}
/*MARK: Tabela
*/
.wp-block-table.tabela-cards:last-child,
.wp-block-table.unidades:last-child,
.wp-block-table.application-table:last-child,
.wp-block-table.structure-table:last-child {
margin-bottom: 0 !important;
}
/* ============================
TABELA - Secretaria Infraestrutura
============================ */
.tabela {
max-width: 960px !important;
margin-bottom: calc(var(--spacing-huge) * 2) !important;
border-radius: var(--radius-medium);
overflow: hidden;
background: var(--pure-white);
}
/* Ícones nas células do cabeçalho (primeira linha) */
.tabela tr:first-child td i,
.tabela tr:first-child td svg {
height: 1em;
width: 1em;
margin-right: 6px;
vertical-align: middle;
color: var(--black);
/* branco nos títulos */
}
/* Ícones nas células do corpo da tabela */
.tabela tr:not(:first-child) td i,
.tabela tr:not(:first-child) td svg {
height: 16px;
width: 16px;
margin-right: 6px;
vertical-align: middle;
color: var(--dark-grey);
/* preto ou cinza escuro nas informações */
}
/* Remove espaçamentos padrão */
.tabela table {
width: 100%;
border-collapse: collapse;
border: none;
margin: 0px !important;
}
/* Células gerais */
.tabela td {
padding: var(--spacing-medium);
font-size: 14px;
color: var(--dark-grey);
border: none;
height: 58px !important;
}
/* Linhas alternadas */
.tabela tr:nth-child(even) {
background: #eceef2;
}
/* Cabeçalho */
.tabela tr:first-child td {
background: var(--dark-grey);
color: var(--white);
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
}
/* Ícones e textos centralizados */
/* Ícones nas células do cabeçalho (primeira linha) */
.tabela tr:first-child td i,
.tabela tr:first-child td svg {
height: 1em;
width: 1em;
margin-right: 6px;
vertical-align: middle;
color: var(--white);
/* branco nos títulos */
}
/* Ícones nas células do corpo da tabela */
.tabela tr:not(:first-child) td i,
.tabela tr:not(:first-child) td svg {
height: 16px;
width: 16px;
margin-right: 6px;
vertical-align: middle;
color: var(--dark-grey);
/* preto ou cinza escuro nas informações */
}
/* Cantos arredondados */
.tabela tr:first-child td:first-child {
border-top-left-radius: var(--radius-small);
}
.tabela tr:first-child td:last-child {
border-top-right-radius: var(--radius-small);
}
.tabela tr:last-child td:first-child {
border-bottom-left-radius: var(--radius-small);
}
.tabela tr:last-child td:last-child {
border-bottom-right-radius: var(--radius-small);
}
/* Centraliza texto */
.tabela td.has-text-align-center {
text-align: center;
}
/* Linhas divisórias entre colunas */
.tabela td {
border-right: 1px solid #e2e8f0;
/* cinza suave */
}
.wp-block-table.tabela-cards table tbody tr td:last-child,
.wp-block-table.application-table table tbody tr td:last-child {
border-right: none;
}
/* Remove a linha da última coluna */
.tabela td:last-child,
.application-table td:last-child {
border-right: none;
}
/* Opcional: borda horizontal bem leve também */
.tabela tr+tr td,
.application-table tr+tr td {
border-top: 1px solid #f1f5f9;
}
/* Seleciona o container do ícone especificamente dentro da sua tabela */
.tabela-cards .wp-font-awesome-icon,
.application-table .wp-font-awesome-icon {
display: inline-flex;
align-items: center;
vertical-align: middle;
margin-right: var(--spacing-small);
}
/* Garante que o SVG acompanhe o tamanho da fonte do texto */
.tabela-cards .wp-font-awesome-icon svg,
.application-table .wp-font-awesome-icon svg {
width: 1em;
height: 1em;
fill: currentColor;
}
/* Configuração para as células do cabeçalho */
.tabela-cards table tr:first-child td,
.unidades table tr:first-child td,
.application-table table tr:first-child td {
vertical-align: middle !important;
}
/* O ícone como Máscara (pega a cor do texto automaticamente) */
.tabela-cards table tr:first-child td::before,
.unidades table tr:first-child td::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-right: 8px;
vertical-align: middle;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
/* 1. SECRETARIA */
.tabela-cards table tr:first-child td:nth-child(1)::before,
.unidades table tr:first-child td:nth-child(1)::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L64 0zM176 352l32 0c17.7 0 32 14.3 32 32l0 80-96 0 0-80c0-17.7 14.3-32 32-32zM96 112c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM240 96l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM96 240c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm144-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L64 0zM176 352l32 0c17.7 0 32 14.3 32 32l0 80-96 0 0-80c0-17.7 14.3-32 32-32zM96 112c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM240 96l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM96 240c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm144-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E");
}
/* 2. ENDEREÇO */
.tabela-cards table tr:first-child td:nth-child(2)::before,
.unidades table tr:first-child td:nth-child(2)::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M0 188.6C0 84.4 86 0 192 0S384 84.4 384 188.6c0 119.3-120.2 262.3-170.4 316.8-11.8 12.8-31.5 12.8-43.3 0-50.2-54.5-170.4-197.5-170.4-316.8zM192 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M0 188.6C0 84.4 86 0 192 0S384 84.4 384 188.6c0 119.3-120.2 262.3-170.4 316.8-11.8 12.8-31.5 12.8-43.3 0-50.2-54.5-170.4-197.5-170.4-316.8zM192 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z'/%3E%3C/svg%3E");
}
/* 3. CONTATO */
.tabela-cards table tr:first-child td:nth-child(3)::before,
.unidades table tr:first-child td:nth-child(3)::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M160.2 25C152.3 6.1 131.7-3.9 112.1 1.4l-5.5 1.5c-64.6 17.6-119.8 80.2-103.7 156.4 37.1 175 174.8 312.7 349.8 349.8 76.3 16.2 138.8-39.1 156.4-103.7l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2C233.9 335.4 177.3 277 144.8 205.3L189 169.3c13.9-11.3 18.6-30.4 11.8-47L160.2 25z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M160.2 25C152.3 6.1 131.7-3.9 112.1 1.4l-5.5 1.5c-64.6 17.6-119.8 80.2-103.7 156.4 37.1 175 174.8 312.7 349.8 349.8 76.3 16.2 138.8-39.1 156.4-103.7l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2C233.9 335.4 177.3 277 144.8 205.3L189 169.3c13.9-11.3 18.6-30.4 11.8-47L160.2 25z'/%3E%3C/svg%3E");
}
/* 4. RESPONSÁVEL */
.tabela-cards table tr:first-child td:nth-child(4)::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 248a120 120 0 1 1 0-240 120 120 0 1 1 0 240zm-30.5 56l61 0c9.7 0 17.5 7.8 17.5 17.5 0 4.2-1.5 8.2-4.2 11.4l-27.4 32 31 115.1 .6 0 34.6-138.5c2.2-8.7 11.1-14 19.5-10.8 61.9 23.6 105.9 83.6 105.9 153.8 0 15.1-12.3 27.4-27.4 27.4L43.4 512c-15.1 0-27.4-12.3-27.4-27.4 0-70.2 44-130.2 105.9-153.8 8.4-3.2 17.3 2.1 19.5 10.8l34.6 138.5 .6 0 31-115.1-27.4-32c-2.7-3.2-4.2-7.2-4.2-11.4 0-9.7 7.8-17.5 17.5-17.5z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 248a120 120 0 1 1 0-240 120 120 0 1 1 0 240zm-30.5 56l61 0c9.7 0 17.5 7.8 17.5 17.5 0 4.2-1.5 8.2-4.2 11.4l-27.4 32 31 115.1 .6 0 34.6-138.5c2.2-8.7 11.1-14 19.5-10.8 61.9 23.6 105.9 83.6 105.9 153.8 0 15.1-12.3 27.4-27.4 27.4L43.4 512c-15.1 0-27.4-12.3-27.4-27.4 0-70.2 44-130.2 105.9-153.8 8.4-3.2 17.3 2.1 19.5 10.8l34.6 138.5 .6 0 31-115.1-27.4-32c-2.7-3.2-4.2-7.2-4.2-11.4 0-9.7 7.8-17.5 17.5-17.5z'/%3E%3C/svg%3E");
}
.unidades table tr:first-child td:nth-child(4)::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 175.2L0 400c0 26.5 21.5 48 48 48l416 0c26.5 0 48-21.5 48-48l0-224.8L284.8 344.8c-17.1 12.8-40.6 12.8-57.6 0L0 175.2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 175.2L0 400c0 26.5 21.5 48 48 48l416 0c26.5 0 48-21.5 48-48l0-224.8L284.8 344.8c-17.1 12.8-40.6 12.8-57.6 0L0 175.2z'/%3E%3C/svg%3E");
}
/* 5. HORÁRIO */
.tabela-cards table tr:first-child td:nth-child(5)::before,
.unidades table tr:first-child td:nth-child(5)::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3E%3C/svg%3E");
}
/*Tabela Requerimentos*/
.application-table tr:first-child td {
font-size: var(--font-size-small) !important;
padding: var(--spacing-small) !important;
color: var(--pure-white) !important;
border: none !important;
border-right: 1px solid var(--pastel-grey) !important;
text-transform: none;
text-align: start;
word-wrap: break-word;
overflow-wrap: break-word;
}
.wp-block-table.application-table td {
font-size: var(--font-size-small) !important;
padding: var(--spacing-small) !important;
color: var(--dark-grey) !important;
border: none !important;
border-right: 1px solid var(--pastel-grey) !important;
text-transform: none;
/* Garante que o conteúdo longo não quebre o layout */
word-wrap: break-word;
overflow-wrap: break-word;
}
/* ============================
Posts Relacionados — Glass Card
============================ */
body .ast-single-related-posts-container {
padding: 0 !important;
margin: 0;
}
.ast-single-related-posts-container .ast-related-posts-title-section {
background-color: var(--pure-white);
}
.ast-related-posts-title-section {
padding-bottom: 1px !important;
}
.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title {
font-size: var(--title-size-tiny);
font-weight: var(--font-weight-large);
margin-bottom: var(--spacing-large);
padding-bottom: var(--spacing-medium);
color: var(--black);
}
/* Wrapper: grid 3 colunas */
.ast-single-related-posts-container>.ast-related-posts-wrapper {
display: grid !important;
gap: var(--spacing-medium) !important;
grid-template-columns: repeat(3, 1fr) !important;
padding: 0 !important;
margin: 0 !important;
background-color: var(--pure-white);
}
/* ── 1. O Card ── */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post {
position: relative !important;
overflow: hidden !important;
border-radius: var(--radius-medium) !important;
border: none !important;
background-color: transparent !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
margin: 0 !important;
max-width: none;
min-height: 220px !important;
cursor: pointer;
text-decoration: none;
color: inherit;
box-shadow:0 8px 16px rgb(0 79 157 / 13%) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post:hover {
transform: scale(1.02);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2) !important;
}
/* ── 2. Inner section e content: reset para o glass funcionar ── */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-posts-inner-section,
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-content {
display: contents !important;
}
/* ── 3. A Imagem ── */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-featured-section,
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-featured-section a,
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .post-thumb-img-content {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
z-index: 1 !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
overflow: hidden !important;
}
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-featured-section img.wp-post-image {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: 1 !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
display: block;
}
/* ── 4. O Overlay Glass ── */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .related-entry-header {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
box-sizing: border-box !important;
background: linear-gradient(to bottom,
rgb(17 24 29 / 0%) 0%,
rgb(17 24 29 / 36%) 15%,
rgb(17 24 29 / 61%) 25%,
rgb(17 24 29 / 67%) 30%,
rgb(17 24 29 / 64%) 50%,
rgb(17 24 29 / 38%) 80%,
rgba(17, 24, 29, 0) 100%) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-top: 1px solid rgb(223 223 223 / 92%) !important;
padding: var(--spacing-medium) !important;
height: 100px !important;
min-height: 100px !important;
/* Inclui height e min-height na transição para a animação funcionar */
transition: height 0.4s ease, min-height 0.4s ease, background 0.4s ease !important;
margin: 0 !important;
flex-shrink: 0;
align-self: flex-end;
overflow: hidden;
}
/* Hover: escurece o gradiente e expande suavemente */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post:hover .related-entry-header {
height: 182px !important;
min-height: 160px !important;
background: linear-gradient(to bottom,
rgb(17 24 29 / 46%),
rgb(17 24 29 / 33%) 25%,
rgb(17 24 29 / 84%) 100%) !important;
}
/* ── 5. Título ── */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-title {
margin-bottom: 8px !important;
width: auto;
}
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-title a {
color: var(--pure-white) !important;
font-family: var(--primary-font) !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-large) !important;
line-height: var(--line-height-small) !important;
text-decoration: none !important;
margin-bottom: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
padding-left: 0 !important;
}
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-title a:hover {
text-decoration: underline;
}
/* Hover: remove o limite de linhas do título */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post:hover .ast-related-post-title a {
-webkit-line-clamp: 7 !important;
overflow: visible !important;
display: block !important;
}
/* Link overlay para o card inteiro ser clicável */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .ast-related-post-title a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
cursor: pointer;
}
/* ── 6. Botão "Ver" ── */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .related-entry-header::after {
content: "VER" !important;
position: absolute !important;
bottom: var(--spacing-small) !important;
left: 50% !important;
transform: translateX(-50%) !important;
color: var(--pure-white) !important;
padding-left: 28px !important;
font-family: var(--primary-font) !important;
font-weight: var(--font-weight-large);
font-size: var(--font-size-small) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23FFFFFF' d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: left center !important;
background-size: 20px !important;
opacity: 0 !important;
transition: opacity 0.4s ease, transform 0.4s ease !important;
white-space: nowrap;
}
/* ── 7. Oculta elementos desnecessários ── */
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .entry-meta,
.ast-single-related-posts-container>.ast-related-posts-wrapper>article.ast-related-post .entry-content {
display: none !important;
}
/* ── 8. Responsivo ── */
@media (max-width: 768px) {
.ast-single-related-posts-container>.ast-related-posts-wrapper {
grid-template-columns: repeat(1, 1fr) !important;
}
}
/* 1. OX-ART (Boi da Mantinha) - Aplicado apenas na HOME e dentro do HERO */
.home .home-hero .wp-block-cover__inner-container::before {
content: "";
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
margin-left: -650px;
/* Distância fixa */
width: 180px;
height: 180px;
background-image: url('https://site.pedroleopoldo.mg.gov.br/wp-content/uploads/2026/01/Boidamantinha-1.png');
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
/* 2. XAVIER-ART (Xavierzinho) - Aplicado apenas na HOME e dentro do HERO */
.home .home-hero .wp-block-cover__inner-container::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: 380px;
/* Distância fixa */
width: 340px;
height: 340px;
background-image: url('https://site.pedroleopoldo.mg.gov.br/wp-content/uploads/2026/01/Xavierzinho.png');
background-size: contain;
background-position: bottom right;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
/* 3. STATION-ART (Estaçãozinha) - Aplicado apenas na HOME */
.home .home-search-area::before {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -960px;
/* Distância fixa */
width: 380px;
height: 280px;
background-image: url('https://site.pedroleopoldo.mg.gov.br/wp-content/uploads/2026/01/Estacaozinha-298x214.png');
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
.home .home-hero .wp-block-cover__inner-container::before {
content: "";
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
margin-left: -650px;
/* Distância fixa */
width: 180px;
height: 180px;
background-image: url('https://site.pedroleopoldo.mg.gov.br/wp-content/uploads/2026/01/Boidamantinha-1.png');
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
/*MARK: home old
*/
/*old home*/
.section-title {
text-align: center;
color: var(--dark-grey) !important;
margin-top: var(--spacing-huge) !important;
margin-bottom: var(--spacing-large) !important;
}
/* 2. XAVIER-ART (Xavierzinho) - Aplicado apenas na HOME e dentro do HERO */
.home .home-hero .wp-block-cover__inner-container::after {
display: none;
}
.home .home-hero .wp-block-cover__inner-container::before {
display: none;
}
/* Esconde . STATION-ART */
.home .home-search-area::before {
display: none;
}
/* Responsividade - Remove em telas menores que 1200px para não quebrar o layout */
@media (max-width: 1200px) {
.home .home-hero .wp-block-cover__inner-container::before,
.home .home-hero .wp-block-cover__inner-container::after,
.home .home-search-area::before {
display: none;
}
}
/*home old*/
.home-hero .wp-block-cover__inner-container {
padding-top: 0 !important;
}
.home-hero .hero-title {
margin-top: var(--spacing-huge) !important;
margin-bottom: var(--spacing-huge) !important;
color: var(--pure-white);
display: block;
font-family: var(--primary-font);
font-size: var(--title-size-small);
font-weight: var(--font-weight-medium);
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.home-hero .wp-block-cover__image-background {
height: 248px;
min-height: auto !important;
object-fit: cover;
object-position: top center;
}
/*MARK: Home Hero
/* ============================
Home Hero
============================ */
/* Remove o breadcrumb */
.page-id-7875 .ast-breadcrumbs {
display: none;
}
/* Remove o after só no hero da home */
.home-hero .hero-title::after {
content: none;
}
.home-hero {
min-height: 720px;
width: 100vw;
max-width: 100vw;
}
.page-id-7875 article {
margin-top: 0 !important;
background: none;
}
/* Hero spacing */
.home-hero .wp-block-cover__inner-container {
padding-top: 48px;
}
.home-hero .hero-title {
color: var(--pure-white);
display: block;
font-family: var(--primary-font);
font-size: var(--title-size-small);
font-weight: var(--font-weight-medium);
/*home-old*/
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase
}
/* Gaps dos conteudos */
.home-hero .is-layout-flex {
gap: 0;
}
/*MARK: Home Search bar
/* ============================
Home Search bar
============================ */
.home-search-bar {
width: 100% !important;
box-sizing: border-box !important;
}
.home-search-area {
width: 100%;
max-width: 960px;
margin: 0 auto;
box-sizing: border-box;
height: 248px;
}
/* Wrapper da barra */
.home-search-bar .wp-block-search__inside-wrapper {
display: flex !important;
align-items: center !important;
height: 52px !important;
background-color: var(--pure-white) !important;
border: none !important;
border-radius: 55px !important;
padding: 0 6px !important;
box-sizing: border-box !important;
border: none !important;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;;
}
/* Input */
.home-search-bar .wp-block-search__input {
flex: 1 !important;
height: 100% !important;
border: none !important;
background: transparent !important;
padding: 0 var(--spacing-medium) !important;
font-family: var(--primary-font) !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-medium) !important;
line-height: 52px !important;
color: var(--black) !important;
box-shadow: none !important;
margin: 0 !important;
}
/* Place Holder*/
form.home-search-bar .wp-block-search__input::placeholder {
color: var(--grey) !important;
font-weight: var(--font-weight-medium) !important;
opacity: 1 !important;
}
/* Compatibilidade com Chrome, Safari e Edge */
form.home-search-bar .wp-block-search__input::-webkit-input-placeholder {
color: var(--grey) !important;
font-weight: var(--font-weight-medium) !important;
}
/* Remove comportamento estranho do input search */
.home-search-bar .wp-block-search__input::-webkit-search-decoration,
.home-search-bar .wp-block-search__input::-webkit-search-cancel-button {
display: none !important;
}
/* Esconde o SVG original do WordPress */
.home-search-bar .wp-block-search__button svg {
display: none !important;
}
.home-search-bar .wp-block-search__button {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
border-radius: var(--radius-rounded) !important;
border: none !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
position: relative !important;
/* Necessário para posicionar o ícone novo */
/* Configuração do gradiente */
background: linear-gradient(10deg, #2491FF 0%, #44D6E6 70%, #44d6e6 100%) !important;
background-size: 250% auto !important;
background-position: left center !important;
transition: background-position 0.4s ease, transform 0.2s ease !important;
}
/* Inserindo a nova lupa via pseudo-elemento */
.home-search-bar .wp-block-search__button::before {
content: "";
position: absolute;
width: 20px;
height: 20px;
/* Seu novo SVG (com fill="white" para aparecer no azul) */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/* Efeito Hover */
.home-search-bar .wp-block-search__button:hover {
background-position: right center !important;
transform: scale(1.05);
}
/* Remove foco padrão WP/Astra */
.home-search-bar .wp-block-search__input:focus,
.home-search-bar .wp-block-search__button:focus {
outline: none !important;
box-shadow: none !important;
}
/* Remove outline e shadow no foco do botão */
.home-search-bar .wp-block-search__button:focus,
.home-search-bar .wp-block-search__button:focus-visible,
.home-search-bar .wp-block-search__button:active {
outline: none !important;
box-shadow: none !important;
}
/* Placeholder */
.home-search-bar .wp-block-search__input::placeholder {
font-weight: var(--font-weight-medium) !important;
color: var(--grey) !important;
}
/* Compatibilidade cross-browser */
.home-search-bar .wp-block-search__input::-webkit-input-placeholder {
font-weight: var(--font-weight-medium) !important;
}
.home-search-bar .wp-block-search__input::-moz-placeholder {
font-weight: var(--font-weight-medium) !important;
}
.home-search-bar .wp-block-search__input:-ms-input-placeholder {
font-weight: var(--font-weight-medium) !important;
}
/* configuração da transição suave para o contorno do wrapper */
.home-search-bar .wp-block-search__inside-wrapper {
outline: 2px solid rgba(36, 145, 255, 0) !important;
outline-offset: -1px !important;
transition: outline 0.25s ease-in-out !important;
}
/* ativação do contorno azul suave ao selecionar o campo */
.home-search-bar .wp-block-search__inside-wrapper:focus-within {
outline: 2px solid var(--primary-color) !important;
}
/*MARK: Home cards
/* ============================
Home cards
============================ */
/* Remove margens automáticas aplicadas por plugins nos ícones SVG */
.small-card .wp-block-svgib-svg,
.small-card-glass .wp-block-svgib-svg {
margin: 4px !important;
margin-top: 0 !important;
}
/* Define a estrutura principal e o fundo degradê do card padrão */
.small-card {
position: relative !important;
width: 172px !important;
height: 150px !important;
padding: var(--spacing-medium) !important;
border-radius: var(--radius-large) !important;
background: var(--pure-white) linear-gradient(0deg, rgb(120 190 240 / 8%) 0%, var(--pure-white) 40%) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
overflow: visible !important;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
transition: all 0.3s ease !important;
flex: 0 0 auto !important;
cursor: pointer !important;
}
/* Aplica o efeito de vidro embaçado e bordas translúcidas ao card glass */
.small-card-glass {
position: relative !important;
width: 172px !important;
height: 150px !important;
padding: var(--spacing-medium) !important;
border-radius: var(--radius-large) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
overflow: visible !important;
transition: all 0.3s ease !important;
flex: 0 0 auto !important;
cursor: pointer !important;
background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 0%)), linear-gradient(330deg, rgb(255 255 255 / 22%), transparent);
-webkit-backdrop-filter: blur(10px) saturate(140%) brightness(110%);
box-shadow: inset 0px 4px 19.3px rgba(216, 236, 255, 0.47);
border: 1px solid #ffffffc5;
background-origin: border-box;
background-clip: padding-box, border-box;
backdrop-filter: blur(4px) !important;
}
/* Intensifica o degradê e aplica leve aumento de escala no hover do card comum */
.small-card:hover {
background: var(--pure-white) linear-gradient(0deg, rgba(120, 190, 240, 0.164) 0%, var(--pure-white) 80%) !important;
box-shadow: 0 6px 16px rgb(0 64 154 / 23%) !important;
transform: scale(1.04) !important;
z-index: 10 !important;
}
/* Aplica o efeito de aumento de escala no hover do card glass */
.small-card-glass:hover {
transform: scale(1.04) !important;
z-index: 10 !important;
}
/* Estiliza o título interno do card centralizando o texto e definindo a cor */
.small-card-title {
width: 128px !important;
height: 40px !important;
font-family: var(--primary-font) !important;
font-weight: var(--font-weight-medium) !important;
font-size: var(--font-size-medium) !important;
line-height: var(--line-height-medium) !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2 !important;
color: var(--primary-color) !important;
flex: 0 0 auto !important;
}
/* Ajusta a cor do título para branco quando dentro de um card glass */
.small-card-glass .small-card-title {
color: var(--pure-white) !important;
}
/* Garante que o link dentro do título não altere o layout visual */
.small-card-title a {
display: contents !important;
color: inherit !important;
text-decoration: none !important;
}
/* Cria uma camada invisível sobre todo o card para tornar a área inteira clicável */
.small-card-title a::after,
.small-card-glass .small-card-title a::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 10 !important;
border-radius: inherit !important;
display: block !important;
pointer-events: auto !important;
}
/* Desabilita a interação direta com elementos internos para priorizar o clique no overlay */
.small-card>*:not(.small-card-tooltip),
.small-card-glass>*:not(.small-card-tooltip) {
pointer-events: none !important;
}
/* Mantém a interatividade habilitada especificamente para o elemento de tooltip */
.small-card .small-card-tooltip .tooltip-text,
.small-card-glass .small-card-tooltip .tooltip-text {
pointer-events: auto !important;
}
/* Padroniza o tamanho e exibição dos ícones dentro dos cards */
.small-card :where(.svg-icon-block-jmp0esbl, .svg-icon-block-w4dobklu, .svg-inner, .svg-icon, svg):not(.small-card-tooltip *),
.small-card-glass :where(.svg-icon-block-jmp0esbl, .svg-icon-block-w4dobklu, .svg-inner, .svg-icon, svg):not(.small-card-tooltip *) {
width: 48px !important;
height: 48px !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
/* Define a posição e o ícone de interrogação do tooltip no canto superior */
.small-card-tooltip {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 44px !important;
overflow: visible !important;
z-index: 11 !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Gera o ícone do tooltip via máscara SVG para permitir troca de cor fácil */
.small-card-tooltip::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 6px !important;
right: 2px !important;
width: 36px !important;
height: 36px !important;
pointer-events: auto !important;
cursor: pointer !important;
background-color: var(--primary-color) !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M224 224C224 171 267 128 320 128C373 128 416 171 416 224C416 266.7 388.1 302.9 349.5 315.4C321.1 324.6 288 350.7 288 392L288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416L352 392C352 390.3 352.6 387.9 355.5 384.7C358.5 381.4 363.4 378.2 369.2 376.3C433.5 355.6 480 295.3 480 224C480 135.6 408.4 64 320 64C231.6 64 160 135.6 160 224C160 241.7 174.3 256 192 256C209.7 256 224 241.7 224 224zM320 576C342.1 576 360 558.1 360 536C360 513.9 342.1 496 320 496C297.9 496 280 513.9 280 536C280 558.1 297.9 576 320 576z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M224 224C224 171 267 128 320 128C373 128 416 171 416 224C416 266.7 388.1 302.9 349.5 315.4C321.1 324.6 288 350.7 288 392L288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416L352 392C352 390.3 352.6 387.9 355.5 384.7C358.5 381.4 363.4 378.2 369.2 376.3C433.5 355.6 480 295.3 480 224C480 135.6 408.4 64 320 64C231.6 64 160 135.6 160 224C160 241.7 174.3 256 192 256C209.7 256 224 241.7 224 224zM320 576C342.1 576 360 558.1 360 536C360 513.9 342.1 496 320 496C297.9 496 280 513.9 280 536C280 558.1 297.9 576 320 576z'/%3E%3C/svg%3E") !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: 20px 20px !important;
mask-size: 18px 18px !important;
transform-origin: center bottom !important;
will-change: transform !important;
}
/* Altera a cor do ícone do tooltip para branco no card glass */
.small-card-glass .small-card-tooltip::before {
background-color: var(--pure-white) !important;
}
/* Aciona a animação de pulo quando o mouse passa sobre o ícone do tooltip */
.small-card-tooltip:hover::before {
animation: squash-bounce 2.5s cubic-bezier(.34, 1.56, .64, 1) infinite !important;
}
/* Configura o balão de texto do tooltip com posicionamento absoluto e cores */
.tooltip-text {
display: none !important;
position: absolute !important;
top: 8px !important;
bottom: auto !important;
left: 0 !important;
right: auto !important;
transform: translateY(calc(-100% - 16px)) !important;
width: 100% !important;
min-width: unset !important;
max-width: unset !important;
background-color: var(--primary-color) !important;
color: #fff !important;
padding: var(--spacing-small) !important;
border-radius: 8px !important;
white-space: normal !important;
word-wrap: break-word !important;
font-size: 14px !important;
line-height: 18px !important;
z-index: 20 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
/* Substitui a imagem do bloco cover informativo ao passar o mouse */
.page-id-1552 .wp-block-cover.informative:hover .wp-block-media-text__media img {
content: url('https://pl.mg.gov.br/wp-content/uploads/2026/03/hero-troca-de-lampada-hover.png');
}
/* Inverte as cores do balão de texto no card glass */
.small-card-glass .tooltip-text {
background-color: var(--pure-white) !important;
color: var(--primary-color) !important;
text-align: left !important;
}
/* Garante o alinhamento do texto à esquerda dentro do tooltip */
.small-card-tooltip .tooltip-text {
text-align: left !important;
}
/* Cria a pequena seta na base do balão de texto do tooltip */
.tooltip-text::after {
content: "" !important;
position: absolute !important;
top: 99% !important;
right: 14px !important;
left: auto !important;
transform: none !important;
border-width: 6px !important;
border-style: solid !important;
border-color: var(--primary-color) transparent transparent transparent !important;
}
/* Ajusta a cor da seta do balão no card glass */
.small-card-glass .tooltip-text::after {
border-color: var(--pure-white) transparent transparent transparent !important;
}
/* Torna o balão de texto visível e adiciona sombra ao passar o mouse */
.small-card-tooltip:hover .tooltip-text {
display: block !important;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
z-index: 21 !important;
color: var(--white) !important;
font-size: 14px !important;
line-height: 18px !important;
margin: 0 !important;
}
/* Assegura que os cards fiquem alinhados ao topo dentro da grade */
.small-cards-grid .small-card {
align-self: flex-start !important;
}
/* Aplica padding lateral nos containers que possuem a grade de cards */
.wp-block-group:has(.small-cards-grid),
.wp-block-cover:has(.small-cards-grid),
.wp-block-columns:has(.small-cards-grid) {
padding-inline: 16px !important;
box-sizing: border-box !important;
}
/* Define o layout de grade responsiva para a exibição dos cards */
.small-cards-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(142px, 1fr)) !important;
gap: 24px !important;
justify-content: center !important;
justify-items: stretch !important;
width: 100% !important;
max-width: 960px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
margin-bottom: 24px !important;
padding: 0 !important;
}
/* Garante que cada card preencha totalmente sua célula na grade */
.small-cards-grid>.small-card,
.small-cards-grid>.small-card-glass {
width: 100% !important;
height: 140px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
z-index: 5 !important;
gap: 16px;
}
/* Ajusta a largura fixa dos cards em telas maiores para manter o alinhamento */
@media (min-width: 961px) {
.wp-block-group:has(.small-cards-grid),
.wp-block-cover:has(.small-cards-grid),
.wp-block-columns:has(.small-cards-grid) {
padding-inline: 0 !important;
}
.small-cards-grid>.small-card,
.small-cards-grid>.small-card-glass {
width: 100% !important;
max-width: 172px !important;
justify-self: center !important;
}
}
/* Define a cor de preenchimento dos caminhos dos ícones SVG nos cards comuns */
.small-card svg path {
fill: var(--primary-color) !important;
}
/* Define a cor de preenchimento branca para os ícones nos cards glass */
.small-card-glass svg path {
fill: var(--pure-white) !important;
}
/* Define os quadros da animação de pulo (squash e bounce) para os ícones */
@keyframes squash-bounce {
0% {
transform: translateY(0) scaleX(1) scaleY(1);
}
6% {
transform: translateY(-3px) scaleX(0.88) scaleY(1.12);
}
18% {
transform: translateY(0) scaleX(1.06) scaleY(0.94);
}
24% {
transform: translateY(0) scaleX(1) scaleY(1);
}
100% {
transform: translateY(0) scaleX(1) scaleY(1);
}
}
/* Aplica a animação de pulo especificamente no hover do componente de tooltip */
.tooltip-icon:hover>span,
.tooltip-icon:hover svg {
animation: squash-bounce 2.5s cubic-bezier(.34, 1.56, .64, 1) infinite !important;
transform-origin: center bottom !important;
will-change: transform !important;
display: inline-block !important;
}
/*MARK: Slider
*/
/*Slider*/
.slider-section {
position: relative;
max-width: 1200px !important;
margin: 0 auto;
padding: 0 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
display: flex;
flex-wrap: wrap;
z-index: 1;
}
/* background full width */
.slider-section::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
background-color: var(--pastel-grey);
z-index: -1;
}
/* 1. Criar espaço abaixo do slider para as bolinhas */
.wp-block-themeisle-blocks-slider.otter-slider {
margin-bottom: 64px !important;
margin-top: 0 !important;
overflow: visible !important;
}
/* 2. Mover as bolinhas para baixo */
.otter-slider .glide__bullets {
position: absolute;
bottom: -32px !important;
/* Joga para fora (valores negativos saem do container) */
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
.otter-slider .glide__bullet {
background-color: transparent !important;
border: 1px solid var(--grey) !important;
width: 12px;
height: 12px;
border-radius: 50%;
padding: 0;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: none;
}
/* Efeito de Hover APENAS na bolinha não ativa */
.otter-slider .glide__bullet:not(.glide__bullet--active):hover {
background-color: var(--grey) !important;
border-color: var(--grey) !important;
}
/* 4. Bolinha ativa */
.otter-slider .glide__bullet--active {
background-color: var(--dark-grey) !important;
border: none !important;
}
/* define cor de fundo e efeito de carregamento para os itens do slider */
.wp-block-themeisle-blocks-slider-item-wrapper {
background-color: var(--primary-color);
position: relative;
overflow: hidden;
min-height: 400px;
}
/* cria a animacao de brilho sobre o fundo de cada slide */
.wp-block-themeisle-blocks-slider-item-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.15),
transparent);
animation: skeleton-shine 1.5s infinite;
z-index: 1;
}
/* posiciona a imagem do slide acima da animacao */
.wp-block-themeisle-blocks-slider-item {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: auto;
transition: opacity 0.3s ease-in-out;
}
.glide--swipeable {
cursor: default !important;
}
/* configura o movimento de deslocamento lateral do brilho */
@keyframes skeleton-shine {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
/*MARK: Seção Notícias
*/
/* background full width */
.news-section {
position: relative;
max-width: 960px !important;
margin: 0 auto;
padding: 0 !important;
padding-top: 0 !important;
display: flex;
flex-direction: column;
align-items: flex-start;
z-index: 1;
}
/* background full width */
.news-section::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
background-color: var(--white);
z-index: -1;
}
.card-news {
background-color: #ffffff;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
border-radius: 16px;
}
.card-news-content {
width: 100%;
}
/* background full width */
.calendar-section {
position: relative;
max-width: 960px;
margin: 0 auto;
padding: 0 !important;
padding-bottom: var(--spacing-huge);
display: flex;
flex-direction: column;
align-items: flex-start;
overflow: visible;
z-index: 1;
}
.calendar-section::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
background-color: var(--pastel-grey);
z-index: -1;
}
.social-media-section {
padding-top: 0 !important;
}
/*MARK: Botão de navegação
*/
/* Estilização principal dos botões com efeito de vidro e sem alteração de fundo no hover */
/* Estilização principal dos botões com efeito de vidro e sem alteração de fundo no hover */
.glide__arrows .glide__arrow {
background: rgba(255, 255, 255, 0.75) !important;
backdrop-filter: blur(1px) !important;
border: none !important;
/* Removi a borda sólida para combinar com o visual suave */
border-radius: 50% !important;
width: 48px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
overflow: hidden !important;
padding: 0 !important;
}
/* Ocultação de elementos originais para substituição pelo ícone customizado */
.glide__arrows .glide__arrow svg,
.glide__arrows .glide__arrow::before {
display: none !important;
}
/* Configuração do ícone com proporções iguais para manter o centro e tamanho ampliado */
.glide__arrows .glide__arrow::after {
content: "" !important;
width: 32px !important;
height: 32px !important;
background-color: var(--black) !important;
display: block !important;
-webkit-mask-image: url('data:image/svg+xml;utf8,') !important;
mask-image: url('data:image/svg+xml;utf8,') !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
transition: transform 0.3s ease !important;
margin: 0 auto !important;
opacity: 1;
;
}
/* Inversão do ícone para o botão da direita garantindo o alinhamento central */
.glide__arrows .glide__arrow--right::after {
transform: rotate(180deg) !important;
}
/* Efeito de hover deslocando a seta para a esquerda no botão anterior */
.glide__arrow--left:hover::after {
transform: translateX(-4px) !important;
}
/* Efeito de hover deslocando a seta para a direita no botão próximo */
.glide__arrow--right:hover::after {
transform: rotate(180deg) translateX(-4px) !important;
}
/*MARK: link Arquivos
*/
/*link de Arquivos*/
.link-archives {
display: flex;
/* Volta a ser flex para ocupar a linha toda (pular linha) */
align-items: center;
margin-bottom: var(--spacing-medium);
width: 100%;
}
.link-archives .wp-font-awesome-icon,
.link-archives a {
position: relative;
z-index: 1;
}
.link-archives .wp-font-awesome-icon {
margin-right: var(--spacing-small);
display: flex;
align-items: center;
pointer-events: none;
}
.link-archives .wp-font-awesome-icon svg {
width: 1em;
height: 1em;
fill: var(--primary-color) !important;
color: var(--primary-color) !important;
}
.link-archives a {
font-family: var(--primary-font);
font-weight: var(--font-weight-large);
font-size: var(--font-size-medium);
color: var(--primary-color);
text-decoration: none;
display: inline-block;
}
/* Estende o link para trás, cobrindo o ícone */
.link-archives a::before {
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -30px;
right: 0;
z-index: -1;
}
.link-archives a:hover {
color: var(--secondary-color);
text-decoration: underline;
}
.link-archives a:hover~.wp-font-awesome-icon svg,
.link-archives:has(a:hover) .wp-font-awesome-icon svg {
fill: var(--secondary-color) !important;
color: var(--secondary-color) !important;
}
/* ============================================================
Tabela Unidades Desktop
============================================================ */
.wp-block-table.tabela-cards,
.wp-block-table.application-table {
max-width: 960px !important;
overflow: hidden;
background: var(--pure-white);
border: 2px solid var(--pastel-grey);
border-radius: var(--radius-medium) !important;
margin-bottom: var(--spacing-small) !important;
}
.wp-block-table {
border: 2px solid var(--pastel-grey);
border-radius: var(--radius-medium) !important;
margin-bottom: var(--spacing-small) !important;
}
.wp-block-table.tabela-cards table,
.wp-block-table.application-table table {
width: 100% !important;
border-collapse: collapse !important;
border: none !important;
margin: 0px !important;
/* O SEGREDO PARA COLUNAS IGUAIS: */
table-layout: fixed !important;
}
.wp-block-table.tabela-cards td,
.wp-block-table.tabela-cards tr:first-child td,
.wp-block-table.application-table td,
.wp-block-table.tabela tr:first-child td,
.wp-block-table.application-table tr:first-child td {
font-size: var(--font-size-small) !important;
padding: var(--spacing-small) !important;
color: var(--dark-grey) !important;
border: none !important;
border-right: 1px solid var(--pastel-grey) !important;
text-transform: none;
/* Garante que o conteúdo longo não quebre o layout */
word-wrap: break-word;
overflow-wrap: break-word;
}
.wp-block-table.tabela-cards tr:first-child td,
.wp-block-table.application-table tr:first-child td,
.wp-block-table.tabela tr:first-child td {
background: var(--dark-grey) !important;
color: var(--white) !important;
font-weight: var(--font-weight-large) !important;
text-transform: uppercase !important;
height: 58.88px !important;
}
/* Removemos as larguras fixas específicas para deixar o navegador dividir em 5 partes iguais */
.wp-block-table.tabela-cards td,
.wp-block-table.application-table td {
width: 20% !important;
}
.wp-block-table.tabela-cards tr:not(:first-child) td:last-child::before,
.wp-block-table.application-table tr:not(:first-child) td:last-child::before {
display: none !important;
}
.wp-block-table.tabela-cards td:last-child,
.wp-block-table.application-table td:last-child {
border-right: none !important;
}
.wp-block-table.tabela-cards tr:nth-child(even),
.wp-block-table.application-table tr:nth-child(even) {
background: var(--white) !important;
}
.wp-block-table.tabela-cards tr:first-child td:first-child,
.wp-block-table.application-table tr:first-child td:first-child {
border-top-left-radius: var(--radius-small);
}
.wp-block-table.tabela-cards tr:first-child td:last-child,
.wp-block-table.application-table tr:first-child td:last-child {
border-top-right-radius: var(--radius-small);
}
.wp-block-table.tabela-cards tr:last-child td:first-child,
.wp-block-table.application-table tr:last-child td:first-child {
border-bottom-left-radius: var(--radius-small);
}
.wp-block-table.tabela-cards tr:last-child td:last-child,
.wp-block-table.application-table tr:last-child td:last-child {
border-bottom-right-radius: var(--radius-small);
}
/*MARK: P Botões
/* ===============================
Botões Padrão
================================ */
/* Estilo base para os botões padrão do site e containers de formulário */
#sb_instagram .sbi_follow_btn a,
.all-services-button a.wp-block-button__link.wp-element-button,
.all-news-button a.wp-block-button__link.wp-element-button,
.download-button a.wp-block-button__link.wp-element-button,
.default-button a.wp-block-button__link.wp-element-button,
.wpcf7-form p:has(.wpcf7-submit),
.button-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: var(--spacing-small) !important;
height: 48px !important;
padding: 0 var(--spacing-large) !important;
cursor: pointer !important;
background-size: 200% auto !important;
background-position: left center !important;
color: var(--pure-white) !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-medium) !important;
text-decoration: none !important;
border-radius: 50px !important;
transition: all 0.25s ease !important;
position: relative !important;
overflow: hidden !important;
background: var(--primary-color) !important;
}
/* Espaçamento inferior para os botões de serviços e notícias */
.all-services-button a.wp-block-button__link.wp-element-button,
.all-news-button a.wp-block-button__link.wp-element-button {
margin-bottom: var(--spacing-large) !important;
}
/* Ajustes de posicionamento e largura para o container do botão de envio */
.wpcf7-form p:has(.wpcf7-submit) {
background-color: var(--primary-color) !important;
float: right;
clear: both;
margin-top: 20px;
width: fit-content;
padding: 0 !important;
gap: 0 !important;
}
/* Ícone FontAwesome */
.default-button .svg-inline--fa {
width: 1em !important;
}
/* Ícone de avião posicionado de forma absoluta dentro do botão */
.wpcf7-form p:has(.wpcf7-submit)::before,
.button-submit::before {
content: "";
position: absolute;
left: var(--spacing-large);
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
display: block;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='68' height='64' viewBox='0 0 68 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M65.8735 28.605C67.0491 29.1619 67.7827 30.3374 67.7916 31.6367C67.8004 32.9361 67.0491 34.1116 65.8735 34.6685L6.22025 62.8555C4.54971 63.6422 2.57865 63.2974 1.27934 61.9981C0.0242269 60.743 -0.347002 58.8515 0.342427 57.2252L8.63326 37.5853C9.20778 36.2153 10.4982 35.2783 11.9743 35.1634L30.2619 33.5813C31.2518 33.4929 32.0031 32.6709 32.0031 31.6809C32.0031 30.691 31.243 29.8601 30.2619 29.7806L11.992 28.1808C10.5159 28.0482 9.2343 27.1201 8.65093 25.7589L0.342426 6.04832C-0.347004 4.42197 0.0242283 2.53046 1.27934 1.27535C2.57865 -0.0239648 4.54971 -0.368679 6.22025 0.417977L65.8735 28.605Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transition: transform 0.3s ease;
z-index: 2;
pointer-events: none;
}
/* Efeito de deslocamento lateral do ícone ao passar o mouse */
.wpcf7-form p:has(.wpcf7-submit):hover::before {
transform: translateY(-50%) translateX(4px);
}
/* Reset de estilos nativos do input para preencher todo o container */
.wpcf7-submit {
appearance: none;
-webkit-appearance: none;
background: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
color: inherit !important;
font: inherit !important;
z-index: 1;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 100% !important;
padding: 0 var(--spacing-large) 0 calc(var(--spacing-large) + 26px) !important;
}
/* Mudança de cor de fundo e texto no estado de hover */
.wpcf7-form p:has(.wpcf7-submit):hover,
#sb_instagram .sbi_follow_btn a:hover,
.all-news-button a.wp-block-button__link.wp-element-button:hover,
.download-button a.wp-block-button__link.wp-element-button:hover,
.default-button a.wp-block-button__link.wp-element-button:hover {
color: var(--pure-white) !important;
background-color: var(--secondary-color) !important;
}
/* Posicionamento do carregamento e estilo do efeito de clique */
.wpcf7-spinner {
margin: 0 !important;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.ripple {
position: absolute;
border-radius: 50%;
transform: scale(0);
animation: ripple-animation 600ms linear;
background-color: rgba(255, 255, 255, 0.4);
pointer-events: none;
z-index: 0;
}
@keyframes ripple-animation {
to {
transform: scale(4);
opacity: 0;
}
}
/* Ajustes de margem para os ícones e botões do feed do Instagram */
#sb_instagram .sbi_follow_btn .fa,
#sb_instagram .sbi_follow_btn svg {
margin-right: 0 !important;
}
#sb_instagram #sbi_load .sbi_follow_btn {
margin-left: 0 !important;
}
/*MARK: Card Tourism Fixes*/
.card-tourism-buttons a {
font-size: var(--font-size-tiny) !important;
}
.card-tourism {
width: auto;
max-width: 276px !important;
min-width: 276px !important;
}
.card-tourism .wp-block-buttons.is-layout-flex {
gap: 16px !important;
margin-left: 0 !important;
}
.card-tourism-address::before {
margin-top: 4px !important;
}
.card-tourism-title {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7)20%, rgba(255, 255, 255, 0) 40%) !important;
}
/*MARK: Auto Complete
*/
/* estilização do container principal de resultados do autocomplete */
div.bsearch-autocomplete-results {
background: var(--pure-white) !important;
border: 2px solid var(--pastel-grey) !important;
border-radius: var(--radius-small) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, .08) !important;
/* REMOÇÃO DO SCROLL: */
max-height: none !important;
overflow: visible !important;
overflow-y: visible !important;
max-width: 960px !important;
width: 100% !important;
top: 100%;
left: 0px !important;
margin-top: 4px;
}
/* definição do comportamento e posicionamento dos links de resultados */
div.bsearch-autocomplete-results ul li a,
div.bsearch-autocomplete-results ul li a.bsearch-result-link,
html body div.bsearch-autocomplete-results ul li a {
position: relative !important;
display: block !important;
padding: var(--spacing-medium) var(--spacing-medium) !important;
padding-left: var(--spacing-medium) !important;
color: var(--dark-grey) !important;
text-decoration: none !important;
overflow: hidden !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-medium) !important;
}
/* criação da barra lateral decorativa usando pseudo elemento */
div.bsearch-autocomplete-results ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background-color: var(--primary-color);
transform: scaleY(0);
transform-origin: center;
transition: transform 0.05s ease-out;
}
/* estilização visual para os estados de foco e passagem de mouse */
html body div.bsearch-autocomplete-results ul li a:hover,
html body div.bsearch-autocomplete-results ul li a:focus {
outline: 0;
background-color: var(--pastel-grey) !important;
color: var(--dark-grey) !important;
}
/* ativação da animação da barra lateral nos estados de interação */
html body div.bsearch-autocomplete-results ul li a:hover::before,
html body div.bsearch-autocomplete-results ul li a:focus::before {
transform: scaleY(1);
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
/* configuração da barra de rolagem (Desativada/Escondida) */
div.bsearch-autocomplete-results {
scrollbar-width: none !important;
/* Firefox */
-ms-overflow-style: none !important;
/* IE/Edge */
}
div.bsearch-autocomplete-results::-webkit-scrollbar {
display: none !important;
/* Chrome/Safari */
}
/* remoção de contornos e sombras padrões dos itens da lista */
div.bsearch-autocomplete-results ul li.bsearch-selected,
div.bsearch-autocomplete-results ul li:focus-within,
div.bsearch-autocomplete-results ul.bsearch-results-list li:focus-within,
div.bsearch-autocomplete-results>ul>li:focus-within {
outline: none !important;
box-shadow: none !important;
}
/* regras de acessibilidade e cores para o foco nos links de busca */
html body div.bsearch-autocomplete-results ul li a:focus,
html body div.bsearch-autocomplete-results ul.bsearch-results-list li a:focus,
html body div.bsearch-autocomplete-results>ul>li>a:focus {
background-color: var(--bsearch-link-focus-bg);
box-shadow: none !important;
}
/*MARK: Loading autocomplete*/
div.bsearch-autocomplete-results .bsearch-loading,
div.bsearch-autocomplete-results ul li.bsearch-loading {
display: block !important;
width: 100% !important;
min-height: 70px !important;
padding-top: 25px !important;
padding-left: 28px !important;
background: var(--pure-white) !important;
box-sizing: border-box !important;
text-align: left !important;
}
div.bsearch-autocomplete-results .bsearch-spinner {
display: inline-block !important;
position: static !important;
vertical-align: middle !important;
width: 20px !important;
height: 20px !important;
margin: 0 12px 0 0 !important;
border: 2px solid var(--pastel-grey) !important;
border-top-width: 2px !important;
border-top-style: solid !important;
border-top-color: var(--primary-color) !important;
border-radius: 50% !important;
animation: spin 1s linear infinite !important;
}
@keyframes spin {
to {
transform: rotate(360deg) !important;
}
}
div.bsearch-autocomplete-results .bsearch-loading-text {
display: inline-block !important;
vertical-align: middle !important;
position: static !important;
color: var(--dark-grey) !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-medium) !important;
line-height: 1 !important;
margin: 0 !important;
}
div.bsearch-autocomplete-results .bsearch-loading-spinner {
padding: 16px !important;
}
div.bsearch-autocomplete-results ul,
div.bsearch-autocomplete-results ul li {
margin: 0 !important;
padding: 0 !important;
}
/*Nenhum resultado encontrado*/
div.bsearch-autocomplete-results:empty {
display: none !important;
}
.wp-block-search__inside-wrapper:focus-within .wp-block-search__input:not(:placeholder-shown)~div.bsearch-autocomplete-results:empty {
display: flex !important;
max-width: 960px !important;
min-height: 56px !important;
align-items: center !important;
padding: 16px !important;
opacity: 0;
animation: show-no-results 0.1s 0.8s forwards !important;
}
.wp-block-search__inside-wrapper:focus-within .wp-block-search__input:not(:placeholder-shown)~div.bsearch-autocomplete-results:empty::after {
content: "Uai, não encontramos nada. Tente usar outras palavras";
color: var(--dark-grey);
font-size: var(--font-size-medium);
font-weight: var(--font-weight-medium);
}
@keyframes show-no-results {
to {
opacity: 1;
}
}
/* Container do carregamento */
.bsearch-loading-spinner {
visibility: hidden;
}
/* Garante que o ícone do spinner continue visível */
.bsearch-spinner {
visibility: visible;
}
/* Novo texto traduzido */
.bsearch-loading-spinner::after {
content: "Procurando...";
visibility: visible;
position: absolute;
left: 48px;
font-size: 1em;
}
/*MARK: Galeria de ExPrefeitos
*/
/* Garante que o tema não cancele as transições do componente */
@media (prefers-reduced-motion: no-preference) {
.profile-card .profile-card-conteiner {
transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.profile-card .profile-card-info {
transition:
opacity 0.4s ease 0.15s,
max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
}
/* Grid principal */
.simple-profiles-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: var(--spacing-large) !important;
margin-bottom: var(--spacing-huge) !important;
padding: 0 !important;
}
@media (max-width: 1100px) {
.simple-profiles-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
.simple-profiles-grid {
grid-template-columns: 1fr !important;
}
}
/* Card base */
.profile-card {
border-radius: var(--radius-medium) !important;
overflow: hidden !important;
min-height: 420px !important;
padding: 0 !important;
position: relative !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
display: flex !important;
flex-direction: column !important;
touch-action: manipulation;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.profile-card .wp-block-cover__background {
display: none !important;
}
.profile-card img.wp-block-cover__image-background {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
object-position: center !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 1 !important;
/* Evita que a imagem receba eventos de hover e interfira */
pointer-events: none !important;
}
/* Container interno */
.profile-card .wp-block-cover__inner-container {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
position: relative !important;
z-index: 10 !important;
}
/* Glass inferior — estado fechado */
.profile-card-conteiner {
background: linear-gradient(to top,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0.5) 50%,
rgba(255, 255, 255, 0.05) 100%) !important;
backdrop-filter: blur(10px) saturate(160%) !important;
-webkit-backdrop-filter: blur(12px) saturate(160%) !important;
border-top: 1px solid rgb(223 223 223 / 92%) !important;
box-shadow: inset 0px 4px 19.3px rgba(216, 236, 255, 0.47)!important;
padding: var(--spacing-small) !important;
width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: var(--spacing-small) !important;
/* Estado inicial: comprimido */
max-height: 60px !important;
overflow: hidden !important;
/* Fallback para quem tem prefers-reduced-motion */
transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* Glass expandido no hover/focus/active */
.profile-card:hover .profile-card-conteiner,
.profile-card:focus-within .profile-card-conteiner,
.profile-card:active .profile-card-conteiner {
max-height: 300px !important;
}
/* Título */
.profile-card-title {
font-family: var(--primary-font) !important;
font-size: var(--font-size-large) !important;
font-weight: var(--font-weight-large) !important;
line-height: var(--line-height-small) !important;
color: var(--pure-white) !important;
margin: 0 !important;
text-align: center !important;
width: 100% !important;
/* Garante que o título nunca suma durante a animação */
flex-shrink: 0 !important;
}
/* Info — estado oculto */
.profile-card-info {
font-family: var(--secondary-font) !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-medium) !important;
line-height: var(--line-height-small) !important;
color: var(--white) !important;
margin: 0 !important;
text-align: center !important;
width: 100% !important;
opacity: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
transform: translateY(10px) !important;
/* delay de 0.15s para o texto só aparecer depois que o glass já começou a abrir */
transition:
opacity 0.3s ease 0.15s,
max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* Info — estado visível */
.profile-card:hover .profile-card-info,
.profile-card:focus-within .profile-card-info,
.profile-card:active .profile-card-info {
opacity: 1 !important;
max-height: 120px !important;
transform: translateY(0) !important;
}
/*MARK: Busca em Tabelas*/
.wrapper-busca-unidades {
margin-bottom: var(--spacing-large);
width: 100%;
}
.busca-input-group {
display: flex;
align-items: center;
background-color: var(--pure-white);
border: 2px solid var(--pastel-grey);
border-radius: var(--radius-large);
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
padding: 0 var(--spacing-medium);
padding-left: 0 !important;
transition: all 0.2s ease-in-out;
cursor: text;
}
.busca-input-group:focus-within {
border-color: var(--primary-color);
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
}
.input-busca-dinamica {
flex: 1;
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent !important;
padding: var(--spacing-medium) 0;
font-family: var(--primary-font);
font-size: var(--font-size-medium);
color: var(--black);
height: 54px;
/* Garante que o input venha antes dos ícones visualmente */
order: 1;
}
/* Container que guarda Lupa e X na direita */
.busca-icon-container {
display: flex;
align-items: center;
justify-content: center;
order: 2;
/* Joga para a direita */
margin-left: var(--spacing-small);
}
.icon-lupa-fixa {
color: var(--grey);
flex-shrink: 0;
pointer-events: none;
user-select: none;
transition: color 0.2s;
}
/* Ícone de fechar (X) */
.icon-fechar {
display: none;
/* Escondido por padrão */
color: var(--red);
cursor: pointer;
flex-shrink: 0;
width: 20px;
height: 20px;
transition: transform 0.2s;
}
.icon-fechar:hover {
transform: scale(1.1);
}
/* Lógica de Troca: Quando a classe 'tem-texto' é injetada pelo JS */
.busca-input-group.tem-texto .icon-lupa-fixa {
display: none;
}
.busca-input-group.tem-texto .icon-fechar {
display: block;
}
/* Cor da lupa no foco, caso ainda esteja visível */
.busca-input-group:focus-within .icon-lupa-fixa {
color: var(--primary-color);
}
.busca-feedback {
margin-top: var(--spacing-tiny);
margin-left: var(--spacing-medium);
font-family: var(--secondary-font);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
color: var(--grey);
transition: all 0.2s ease;
}
/* Feedback para quando não encontrar nada */
.busca-feedback.sem-resultados {
font-weight: var(--font-weight-large);
}
.busca-icon-container {
display: flex;
align-items: center;
order: 2;
}
.icon-lupa-fixa {
width: 20px;
height: 20px;
color: var(--grey);
cursor: pointer;
pointer-events: auto !important;
display: block;
transition: color 0.2s;
}
.busca-input-group.tem-texto .icon-lupa-fixa {
display: none;
}
.icon-lupa-fixa:hover {
color: var(--primary-color);
}
/* Esconde a lupa quando houver texto (troca pelo X) */
.busca-input-group.tem-texto .icon-lupa-fixa {
display: none;
}
/*MARK: Busca Cabecalho
*/
/* Eleva o header superior onde fica a busca */
.ast-above-header-wrap {
position: relative !important;
z-index: 1000 !important;
}
/* Rebaixa o header principal que fica bloqueando a busca */
.ast-main-header-wrap.main-header-bar-wrap {
position: relative !important;
z-index: 1 !important;
}
/* Garante que nada corte o dropdown */
.ast-above-header-bar,
.site-above-header-wrap,
.ast-above-header-wrap,
.ast-header-search,
.ast-search-menu-icon {
overflow: visible !important;
}
/*Busca Do Cabecalho*/
.ast-header-search .search-field {
border-radius: 50px !important;
padding-left: 20px !important;
padding-right: 45px !important;
}
/* Esconder o ícone padrão do Astra */
.ast-header-search .ast-icon.icon-search svg {
display: none !important;
}
/* Injetar o novo ícone da Font Awesome */
.ast-header-search .ast-icon.icon-search::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;
vertical-align: middle;
}
/*MARK:iframe*/
/* Container com altura inicial e transição otimizada para evitar travamentos */
.wrapper-sonner {
display: block !important;
overflow: hidden !important;
position: relative;
height: 960px;
will-change: height;
transition: height 0.6s ease-in-out !important;
background-color: transparent;
}
/* Altura expandida forçada para 1200px para evitar cortes nesta página */
.wrapper-sonner.loading-iframe {
height: 150px !important;
}
/* Conteúdo escondido com transição de opacidade para efeito de revelação */
.wrapper-sonner.loading-iframe .inner-sonner {
opacity: 0 !important;
}
/* Torna o conteúdo visível após o carregamento ou timeout de segurança */
.wrapper-sonner .inner-sonner {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
/* Texto informativo posicionado abaixo do spinner */
.wrapper-sonner.loading-iframe::before {
content: "Carregando sistema...";
position: absolute;
top: 80px;
left: 0;
width: 100%;
text-align: center;
font-family: var(--primary-font), sans-serif;
color: var(--grey);
z-index: 10;
transition: opacity 0.3s;
}
/* Spinner posicionado acima do texto com animação sequencial de cores */
.wrapper-sonner.loading-iframe::after {
content: "";
position: absolute;
top: 30px;
left: 50%;
width: 30px;
height: 30px;
margin-left: -15px;
border: 3px solid #ccc;
border-top: 3px solid var(--primary-color);
border-radius: 50%;
z-index: 10;
animation: spin 1s linear infinite, colors 4s linear infinite;
transition: opacity 0.3s;
}
/* Remove os elementos de loading ao detectar conclusão ou atingir o limite de tempo */
/* .wrapper-sonner.is-loaded::before,
.wrapper-sonner.is-loaded::after {
opacity: 0 !important;
pointer-events: none;
visibility: hidden;
} */
/* Define o movimento circular do spinner de carregamento */
@keyframes spin {
to {
transform: rotate(360deg);
}
}
/* Transição de cores customizada conforme o design do projeto */
@keyframes colors {
0% {
border-top-color: var(--primary-color);
}
20% {
border-top-color: var(--secondary-color);
}
40% {
border-top-color: var(--tertiary-color);
}
60% {
border-top-color: var(--yellow);
}
80% {
border-top-color: var(--red);
}
}
/* Estilização do iframe com altura compatível para esta página específica */
.iframe-sonner {
width: 800px !important;
height: 960px !important;
border: none !important;
display: block !important;
margin: auto;
}
/*MARK: cards Tainacan*/
#metadata-id-20020 a,
#metadata-id-20035 a,
#metadata-id-20043 a,
#metadata-id-20046 a,
#metadata-id-20049 a,
#metadata-id-25789 a,
#metadata-id-25793 a,
#metadata-id-25796 a,
#metadata-id-25801 a,
#metadata-id-25805 a {
border-radius: var(--radius-medium) !important;
}
/*MARK:Perguntas frequentes*/
/* Container Principal do Bloco de Acordeão */
.accordion-doubts.wp-block-accordion {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
gap: var(--spacing-huge);
}
/* O Card Individual - Conforme sua nova regra */
.accordion-doubts .wp-block-accordion-item {
background: var(--pure-white) !important;
border: none !important;
border-left: 6px solid var(--light-grey) !important;
border-radius: var(--radius-medium) !important;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
margin: 0 !important;
}
/* Cabeçalho / Botão Toggle */
.accordion-doubts .wp-block-accordion-heading__toggle {
width: 100% !important;
display: flex !important;
align-items: center !important;
padding: var(--spacing-large) !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
text-align: left !important;
box-shadow: none !important;
outline: none !important;
text-decoration: none !important;
}
/* Ícone Seta SVG (Sempre Black) */
.accordion-doubts .wp-block-accordion-heading__toggle::before {
content: '' !important;
display: inline-block !important;
height: 22px !important;
width: 22px !important;
/* Ícone fixado em Black (%2311181D) */
background-image: url('data:image/svg+xml,') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
transition: transform 0.3s ease-in-out !important;
margin-right: var(--spacing-medium) !important;
flex-shrink: 0 !important;
}
/* Rotação da Seta quando Aberto */
.accordion-doubts .wp-block-accordion-heading__toggle[aria-expanded="true"]::before {
transform: rotate(180deg) !important;
}
/* Estilo do Texto do Título */
.accordion-doubts .wp-block-accordion-heading__toggle-title {
font-family: var(--primary-font) !important;
font-size: var(--title-size-tiny);
color: var(--dark-grey) !important;
/* Cor padrão */
font-weight: var(--font-weight-large) !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
/* Hover apenas no texto (Ícone permanece black) */
.accordion-doubts .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
color: var(--black) !important;
text-decoration: none !important;
}
/* Painel de Conteúdo (Resposta) */
.accordion-doubts .wp-block-accordion-panel {
padding: 0 var(--spacing-large) var(--spacing-large) var(--spacing-large) !important;
font-family: var(--secondary-font) !important;
font-size: var(--font-size-medium) !important;
color: var(--dark-grey) !important;
line-height: var(--line-height-large) !important;
}
/* Esconde ícone padrão do bloco */
.accordion-doubts .wp-block-accordion-heading__toggle-icon {
display: none !important;
}
/*MARK: Nenhum post aqui*/
/* Verifica se a lista de posts está vazia */
.wp-block-latest-posts__list:empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--spacing-medium);
min-height: 180px;
padding: var(--spacing-large);
text-align: center;
border: 2px dashed var(--pastel-grey);
border-radius: var(--radius-medium);
margin: 0;
margin-top: var(--spacing-medium);
margin-bottom: var(--spacing-large);
}
/* Ícone SVG */
.wp-block-latest-posts__list:empty::before {
content: "";
display: block;
width: 59px;
height: 56px;
background-color: var(--light-grey);
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
}
/* Mensagem de texto */
.wp-block-latest-posts__list:empty::after {
content: "Ainda não tem nada aqui";
display: block;
font-family: var(--primary-font);
font-size: var(--font-size-medium);
font-weight: var(--font-weight-medium);
color: var(--grey);
}
.wp-block-latest-posts__list {
margin-top: var(--spacing-medium);
margin-bottom: var(--spacing-large);
}
/*MARK: Rate Page
*/
.riwth-helpful-feedback {
border-radius: var(--radius-medium) !important;
}
article[class*=' tnc_col_'] section:not(:first-of-type) {
background: var(--pure-white) !important;
border-left-width: 6px !important;
border-radius: var(--radius-medium) !important;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
margin-bottom: var(--spacing-large) !important;
padding: var(--spacing-large) !important;
}
/* Organiza o item da etapa em flex e garante o espaçamento entre o número e o texto */
.timeline-item {
display: flex;
position: relative;
gap: var(--spacing-large);
margin-bottom: 0 !important;
}
/* Cria a estrutura vertical da esquerda para alinhar o número e a linha no centro */
.timeline-item .wp-block-column:first-child {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
flex-basis: 50px !important;
flex-grow: 0;
flex-shrink: 0;
}
/* Estiliza o círculo do número com a borda em azul e fundo transparente */
.timeline-number {
width: 40px;
height: 40px;
border-radius: var(--radius-rounded);
border: 2px solid var(--primary-color);
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 2;
}
/* Define a tipografia e a cor azul do número que fica dentro da bolinha */
.timeline-number h2 {
color: var(--primary-color) !important;
font-family: var(--primary-font);
font-size: var(--font-size-large) !important;
font-weight: var(--font-weight-large);
margin: 0 !important;
}
/* Cria a linha vertical que inicia abaixo da bolinha e possui animação vinculada ao scroll */
.timeline-item .wp-block-column:first-child::after {
content: '';
position: absolute;
top: 48px;
bottom: 0;
width: 4px;
background-color: var(--pastel-grey);
left: 50%;
transform: translateX(-50%);
z-index: 1;
margin-bottom: var(--spacing-small);
border-radius: var(--radius-large);
view-timeline-name: --line-reveal;
view-timeline-axis: block;
animation: reveal-line linear both;
animation-timeline: --line-reveal;
animation-range: entry 20% cover 35%;
}
/* Esconde a linha vertical no último item para não sobrar traço no final da lista */
.timeline-item:last-child .wp-block-column:first-child::after {
display: none;
}
/* Define o espaçamento e a tipografia do conteúdo textual à direita */
.timeline-content {
padding-bottom: var(--spacing-huge);
font-family: var(--secondary-font);
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
max-width: 720px;
}
/* Aplica a margem superior de 4px no título para alinhar com o topo da bolinha conforme pedido */
.timeline-content h1:first-child,
.timeline-content h2:first-child,
.timeline-content h3:first-child,
.timeline-content h4:first-child {
margin-top: var(--spacing-tiny) !important;
color: var(--black);
font-family: var(--primary-font);
font-weight: var(--font-weight-large);
}
/* Ajusta o espaçamento entre os itens da lista dentro do conteúdo da etapa */
.timeline-content li {
margin-bottom: var(--spacing-small);
}
/* Remove a linha se o próximo elemento não for um item da mesma classe */
.timeline-item:not(:has(+ .timeline-item)) .wp-block-column:first-child::after {
display: none;
}
/* Faz a linha crescer de cima para baixo revelando o traço conforme o usuário desce a página */
@keyframes reveal-line {
from {
clip-path: inset(0 0 100% 0);
}
to {
clip-path: inset(0 0 0 0);
}
}
.wpcf7 form p:has(.wpcf7-submit) {
margin: auto !important;
}
/*MARK: ITBI Forms*/
/* Remove qualquer quebra de linha residual para manter o texto na mesma linha */
/* Remove quebras de linha automáticas */
.form-itbi br {
display: none !important;
}
/* Espaçamento superior para os títulos de seção */
.form-itbi strong,
.form-itbi p strong {
display: inline-block;
margin-top: var(--spacing-medium);
margin-bottom: var(--spacing-tiny);
color: var(--black) !important;
font-family: var(--primary-font);
}
/* Estilo do título principal dos campos */
.form-itbi label {
color: var(--black) !important;
font-family: var(--primary-font);
font-weight: var(--font-weight-medium);
display: block;
margin-top: var(--spacing-small);
margin-bottom: var(--spacing-small);
}
/* Texto de apoio posicionado ao lado do título */
.form-itbi label .file-description {
color: var(--dark-grey) !important;
font-family: var(--secondary-font);
font-size: var(--font-size-medium);
font-weight: var(--font-weight-small);
display: inline;
margin-left: var(--spacing-tiny);
}
/* Base do campo de upload de arquivo */
.form-itbi input[type="file"].wpcf7-file {
display: block;
margin-top: var(--spacing-tiny);
background: none !important;
box-shadow: none !important;
border: none !important;
font-family: var(--secondary-font);
color: var(--grey) !important;
font-size: var(--font-size-small) !important;
}
/* Estilo visual do botão de seleção */
.form-itbi .wpcf7-file::file-selector-button {
background-color: var(--grey);
color: var(--pure-white);
border: none;
padding: 10px 16px 10px 42px;
border-radius: var(--radius-small);
cursor: pointer;
font-family: var(--primary-font);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
background-repeat: no-repeat;
background-position: 14px center;
background-size: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM337 327C327.6 317.6 312.4 317.6 303.1 327L239.1 391C229.7 400.4 229.7 415.6 239.1 424.9C248.5 434.2 263.7 434.3 273 424.9L296 401.9L296 488C296 501.3 306.7 512 320 512C333.3 512 344 501.3 344 488L344 401.9L367 424.9C376.4 434.3 391.6 434.3 400.9 424.9C410.2 415.5 410.3 400.3 400.9 391L336.9 327z'/%3E%3C/svg%3E");
transition: all 0.3s ease;
margin-right: var(--spacing-medium);
}
/* Botão alterado para estado de sucesso */
.form-itbi .wpcf7-file.has-file::file-selector-button {
background-color: var(--fake-tertiary-color) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L308 576C285.3 544.5 272 505.8 272 464C272 363.4 349.4 280.8 448 272.7L448 234.6C448 217.6 441.3 201.3 429.3 189.3L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM464 608C543.5 608 608 543.5 608 464C608 384.5 543.5 320 464 320C384.5 320 320 384.5 320 464C320 543.5 384.5 608 464 608zM523.3 427.3L486.6 464L523.3 500.7C529.5 506.9 529.5 517.1 523.3 523.3C517.1 529.5 506.9 529.5 500.7 523.3L464 486.6L427.3 523.3C421.1 529.5 410.9 529.5 404.7 523.3C398.5 517.1 398.5 506.9 404.7 500.7L441.4 464L404.7 427.3C398.5 421.1 398.5 410.9 404.7 404.7C410.9 398.5 421.1 398.5 427.3 404.7L464 441.4L500.7 404.7C506.9 398.5 517.1 398.5 523.3 404.7C529.5 410.9 529.5 421.1 523.3 427.3z'/%3E%3C/svg%3E") !important;
}
/* Feedback visual de arquivo selecionado */
.form-itbi input[type="file"].wpcf7-file.has-file {
color: var(--black) !important;
font-size: var(--font-size-small) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%235ABF95' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right var(--spacing-medium) center !important;
background-size: 20px !important;
}
/* Estilo para as opções de rádio (PF/PJ) */
.form-itbi .wpcf7-radio {
display: flex;
gap: var(--spacing-medium);
margin-bottom: var(--spacing-medium);
}
.form-itbi .wpcf7-list-item {
margin: 0;
display: flex;
align-items: center;
}
.form-itbi .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 8px;
margin: 0 !important;
cursor: pointer;
font-size: var(--font-size-small);
}
.form-itbi .wpcf7-list-item input[type="radio"] {
margin: 0;
accent-color: var(--primary-color);
}
/* Remove o preenchimento superior do formulário */
form.wpcf7-form {
padding-top: 0 !important;
margin-top: 0 !important;
gap: 0 !important;
}
/* Container isolado para o botão */
.container-submit-itbi {
display: flex !important;
justify-content: flex-start !important;
/* Alinha o conteúdo na esquerda */
align-items: center !important;
width: 100% !important;
margin-top: var(--spacing-medium) !important;
padding: 0 !important;
clear: both !important;
}
/* Garante que o botão não tenha margens que o empurrem */
.container-submit-itbi .wpcf7-submit {
margin: 0 !important;
display: inline-block !important;
width: auto !important;
/* Mantém o tamanho original do botão */
}
/* Mantém o spinner de carregamento ao lado do botão */
.container-submit-itbi .wpcf7-spinner {
margin-left: 10px !important;
}
/*MARK: pagina noticias*/
/* 0. Post Single */
.single-post .post-thumb img,
.single-post .featured- Greenland-image img,
.single-post .entry-content img:first-of-type {
width: 100%;
max-height: 500px;
object-fit: cover;
object-position: center;
}
/* 1. O Card */
.card-posts-glass .card-news {
position: relative !important;
overflow: hidden !important;
border-radius: var(--radius-medium) !important;
border: none !important;
background-color: transparent !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
/* 2. A Imagem */
.card-posts-glass .card-news-image,
.card-posts-glass .card-news-image img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
z-index: 1 !important;
margin: 0 !important;
}
/* 3. O Conteúdo (Altura Base 132px) */
.card-posts-glass .card-news-content {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
box-sizing: border-box !important;
background: linear-gradient(to bottom,
rgb(17 24 29 / 0%) 0%,
rgb(17 24 29 / 36%) 15%,
rgb(17 24 29 / 61%) 25%,
rgb(17 24 29 / 67%) 30%,
rgb(17 24 29 / 64%) 50%,
rgb(17 24 29 / 38%) 80%,
rgba(17, 24, 29, 0) 100%) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-top: 1px solid rgb(223 223 223 / 92%) !important;
padding: var(--spacing-medium) !important;
height: 132px !important;
min-height: 132px !important;
transition: height 0.3s ease, min-height 0.3s ease !important;
}
/* Hover: Expansão para 280px */
.card-posts-glass .card-news:hover .card-news-content {
height: 280px !important;
min-height: 280px !important;
background: linear-gradient(to bottom,
rgb(17 24 29 / 46%), rgb(17 24 29 / 33%) 25%, rgb(17 24 29 / 84%) 100%) !important;
}
/* 4. Título (Adicionado apenas o truncamento) */
.card-posts-glass .card-news-content h2 a {
color: var(--pure-white) !important;
font-family: var(--primary-font) !important;
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-large) !important;
text-decoration: none !important;
margin-bottom: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.card-posts-glass .card-news-content h2 {
margin-bottom: 8px !important;
}
/* 5. O BOTÃO */
.card-posts-glass .card-news-content::after {
content: "Ver" !important;
position: absolute !important;
bottom: var(--spacing-small) !important;
left: 50% !important;
transform: translateX(-50%) !important;
color: var(--pure-white) !important;
padding-left: 28px !important;
font-family: var(--primary-font) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23FFFFFF' d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: left center !important;
background-size: 20px !important;
opacity: 0 !important;
transition: opacity 0.2s ease, transform 0.2s ease !important;
}
@media (hover: hover) {
.card-posts-glass .card-news:hover .card-news-content::after {
opacity: 1 !important;
transform: translateX(-50%) translateY(-5px) !important;
}
}
/* 6. Descrição e Data */
.card-posts-glass .card-news-description,
.card-posts-glass .su-post-meta,
.card-posts-glass .card-news-description p {
display: block !important;
opacity: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
transition: opacity 0.3s ease, max-height 0.3s ease !important;
}
/* Texto da data */
.card-posts-glass .su-post-meta {
color: var(--pure-white) !important;
font-size: var(--font-size-tiny) !important;
margin: 0 !important;
}
/* Texto da descrição */
.card-posts-glass .card-news-description p {
color: var(--pure-white) !important;
font-size: var(--font-size-small) !important;
margin: 0 !important;
}
.card-posts-glass .card-news:hover .su-post-meta,
.card-posts-glass .card-news:hover .card-news-description p {
opacity: 1 !important;
max-height: 120px !important;
margin-top: 8px !important;
}
.card-posts-glass .card-news:hover .card-news-description {
opacity: 1 !important;
max-height: 120px !important;
margin-top: 16px !important;
}
/*MARK: Filtro de Requerimentos*/
/* Container dos filtros da tabela com alinhamento flexível e espaçamentos padronizados */
.req-filtros {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-medium);
align-items: flex-end;
margin-bottom: var(--spacing-large);
border-radius: var(--radius-small);
font-family: var(--secondary-font);
font-size: var(--font-size-small);
line-height: var(--line-height-medium);
}
/* Organização vertical dos grupos de filtro (label acima do campo) */
.req-filtro-grupo {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
/* Estilização das etiquetas de filtro com tipografia em caixa alta e espaçamento entre letras */
.req-filtros label {
display: flex;
align-items: center;
gap: var(--spacing-tiny);
font-family: var(--primary-font);
font-weight: var(--font-weight-large);
font-size: var(--font-size-small);
color: var(--dark-grey);
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.06em;
line-height: var(--line-height-small);
}
/* Base para os ícones decorativos inseridos antes do texto das labels */
.req-filtros label::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-color: var(--dark-grey);
flex-shrink: 0;
}
/* Máscara SVG para o ícone de usuário no filtro de vereadores */
.req-grupo--vereador label::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 312C386.3 312 440 258.3 440 192C440 125.7 386.3 72 320 72C253.7 72 200 125.7 200 192C200 258.3 253.7 312 320 312zM290.3 368C191.8 368 112 447.8 112 546.3C112 562.7 125.3 576 141.7 576L498.3 576C514.7 576 528 562.7 528 546.3C528 447.8 448.2 368 349.7 368L290.3 368z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 312C386.3 312 440 258.3 440 192C440 125.7 386.3 72 320 72C253.7 72 200 125.7 200 192C200 258.3 253.7 312 320 312zM290.3 368C191.8 368 112 447.8 112 546.3C112 562.7 125.3 576 141.7 576L498.3 576C514.7 576 528 562.7 528 546.3C528 447.8 448.2 368 349.7 368L290.3 368z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Máscara SVG para o ícone de mensagem no filtro de status de resposta */
.req-grupo--resposta label::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 97.9L128.4 239.8L286.5 357C291.8 360.9 297.7 363.9 304 365.7L304 528C304 533.5 304.5 538.8 305.3 544L128 544C92.7 544 64 515.3 64 480L64 240.1C64 219.8 73.6 200.7 89.9 188.7L286.5 43C296.2 35.8 307.9 32 320 32C332.1 32 343.8 35.9 353.5 43L550.1 188.7C557.3 194 563.2 200.7 567.5 208.3C565 208.1 562.5 208 560 208L468.6 208L320 97.9zM352 304C352 277.5 373.5 256 400 256L560 256C586.5 256 608 277.5 608 304L608 528C608 554.5 586.5 576 560 576L400 576C373.5 576 352 554.5 352 528L352 304zM432 320C418.7 320 408 330.7 408 344C408 357.3 418.7 368 432 368L528 368C541.3 368 552 357.3 552 344C552 330.7 541.3 320 528 320L432 320zM432 416C418.7 416 408 426.7 408 440C408 453.3 418.7 464 432 464L488 464C501.3 464 512 453.3 512 440C512 426.7 501.3 416 488 416L432 416z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 97.9L128.4 239.8L286.5 357C291.8 360.9 297.7 363.9 304 365.7L304 528C304 533.5 304.5 538.8 305.3 544L128 544C92.7 544 64 515.3 64 480L64 240.1C64 219.8 73.6 200.7 89.9 188.7L286.5 43C296.2 35.8 307.9 32 320 32C332.1 32 343.8 35.9 353.5 43L550.1 188.7C557.3 194 563.2 200.7 567.5 208.3C565 208.1 562.5 208 560 208L468.6 208L320 97.9zM352 304C352 277.5 373.5 256 400 256L560 256C586.5 256 608 277.5 608 304L608 528C608 554.5 586.5 576 560 576L400 576C373.5 576 352 554.5 352 528L352 304zM432 320C418.7 320 408 330.7 408 344C408 357.3 418.7 368 432 368L528 368C541.3 368 552 357.3 552 344C552 330.7 541.3 320 528 320L432 320zM432 416C418.7 416 408 426.7 408 440C408 453.3 418.7 464 432 464L488 464C501.3 464 512 453.3 512 440C512 426.7 501.3 416 488 416L432 416z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Máscara SVG para o ícone de ordenação com rotação para alinhamento vertical */
.req-grupo--ordem label::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M566.6 214.6L470.6 310.6C458.1 323.1 437.8 323.1 425.3 310.6C412.8 298.1 412.8 277.8 425.3 265.3L466.7 224L96 224C78.3 224 64 209.7 64 192C64 174.3 78.3 160 96 160L466.7 160L425.3 118.6C412.8 106.1 412.8 85.8 425.3 73.3C437.8 60.8 458.1 60.8 470.6 73.3L566.6 169.3C579.1 181.8 579.1 202.1 566.6 214.6zM169.3 566.6L73.3 470.6C60.8 458.1 60.8 437.8 73.3 425.3L169.3 329.3C181.8 316.8 202.1 316.8 214.6 329.3C227.1 341.8 227.1 362.1 214.6 374.6L173.3 416L544 416C561.7 416 576 430.3 576 448C576 465.7 561.7 480 544 480L173.3 480L214.7 521.4C227.2 533.9 227.2 554.2 214.7 566.7C202.2 579.2 181.9 579.2 169.4 566.7z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M566.6 214.6L470.6 310.6C458.1 323.1 437.8 323.1 425.3 310.6C412.8 298.1 412.8 277.8 425.3 265.3L466.7 224L96 224C78.3 224 64 209.7 64 192C64 174.3 78.3 160 96 160L466.7 160L425.3 118.6C412.8 106.1 412.8 85.8 425.3 73.3C437.8 60.8 458.1 60.8 470.6 73.3L566.6 169.3C579.1 181.8 579.1 202.1 566.6 214.6zM169.3 566.6L73.3 470.6C60.8 458.1 60.8 437.8 73.3 425.3L169.3 329.3C181.8 316.8 202.1 316.8 214.6 329.3C227.1 341.8 227.1 362.1 214.6 374.6L173.3 416L544 416C561.7 416 576 430.3 576 448C576 465.7 561.7 480 544 480L173.3 480L214.7 521.4C227.2 533.9 227.2 554.2 214.7 566.7C202.2 579.2 181.9 579.2 169.4 566.7z'/%3E%3C/svg%3E") no-repeat center / contain;
transform: rotate(90deg);
}
/* Estrutura base do seletor customizado com largura mínima definida */
.custom-select-wrapper {
position: relative;
user-select: none;
font-family: var(--secondary-font);
width: fit-content;
min-width: 180px;
}
/* Aparência da caixa de seleção fechada com inversão de elementos para alinhar o ícone */
.custom-select-trigger {
padding: var(--spacing-small) var(--spacing-small);
border: 2px solid var(--pastel-grey);
border-radius: var(--radius-small);
background: var(--pure-white);
cursor: pointer;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
gap: var(--spacing-small);
transition: all 0.2s ease;
}
/* Escurecimento da borda ao passar o mouse sobre o campo de seleção */
.custom-select-trigger:hover {
border-color: var(--grey);
}
/* Destaque em azul na borda quando o menu de opções está visível */
.custom-select-wrapper:has(.custom-options.open) .custom-select-trigger {
border-color: var(--primary-color);
}
/* Criação da seta indicadora via máscara SVG no final do campo */
.custom-select-trigger::after {
content: "";
width: 1em;
height: 1em;
background-color: var(--dark-grey);
transition: transform 0.3s ease;
flex-shrink: 0;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M169.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 306.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M169.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 306.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Inversão da seta e alteração de cor para azul no estado aberto */
.custom-select-wrapper:has(.custom-options.open) .custom-select-trigger::after {
transform: rotate(180deg);
background-color: var(--primary-color);
}
/* Configuração do menu flutuante (dropdown) com animação de opacidade e sombra */
.custom-options {
position: absolute;
display: block;
top: 100%;
left: 0;
width: max-content;
min-width: 100%;
border: 2px solid var(--pastel-grey);
border-radius: 12px;
background: var(--pure-white);
margin-top: 5px;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 99;
overflow: hidden;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
padding: 4px;
}
/* Torna o menu de opções visível e interativo */
.custom-options.open {
opacity: 1;
visibility: visible;
pointer-events: all;
}
/* Estilização individual de cada item da lista do seletor */
.custom-option {
padding: var(--spacing-small) var(--spacing-small);
cursor: pointer;
font-family: var(--secondary-font);
color: var(--dark-grey);
display: flex;
align-items: center;
white-space: nowrap;
transition: all 0.2s ease !important;
text-decoration: none;
border-radius: var(--radius-small);
}
/* Realce visual, deslocamento e troca de cor ao passar o mouse sobre uma opção */
.custom-option:hover {
background-color: var(--pastel-grey) !important;
color: var(--primary-color) !important;
padding-left: 20px !important;
font-weight: var(--font-weight-medium);
}
/* Estilo do rodapé ou contador de resultados exibido abaixo da grade de filtros */
.req-contador {
display: block;
width: 100%;
font-family: var(--secondary-font);
font-size: var(--font-size-small);
line-height: var(--line-height-medium);
color: var(--grey);
clear: both;
}
/*MARK: Pagina de Resultados
*/
body.search-results #main,
body.search-no-results #main {
max-width: 960px !important;
margin: 0 auto !important;
}
body.search-results .ast-archive-title,
body.search-results .page-title {
display: none !important;
}
body.search-results .search-title {
display: block;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
margin: var(--spacing-huge) 0 var(--spacing-large) 0;
margin-bottom: var(--spacing-huge) !important;
gap: 8px;
}
body.search-results .search-label,
body.search-results .search-term {
font-family: var(--primary-font);
font-size: var(--title-size-small);
font-weight: var(--font-weight-large);
text-transform: none;
display: inline !important;
}
body.search-results .search-label {
color: var(--black);
}
body.search-results .search-label::after {
content: ":";
}
body.search-results .search-term {
color: var(--primary-color);
}
body.search-results .search-term::before {
content: '"';
}
body.search-results .search-term::after {
content: '"';
}
/* 2. O CARD (ESTILO VISUAL) */
body.search-results #main .ast-article-post {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
position: relative !important;
margin: 0 !important;
background: var(--pure-white) !important;
border-radius: var(--radius-medium) !important;
border: none !important;
overflow: hidden;
transition: all 0.3s ease !important;
box-shadow: 0 8px 16px rgb(0 79 157 / 13%) !important;
cursor: pointer;
display: flex;
padding: 0 !important;
}
/* Remove restrições de largura que o Astra coloca nas colunas internas */
body.search-results #main .ast-row>article {
flex: 0 0 100% !important;
max-width: 100% !important;
}
/* Garante que o container interno acompanhe o preenchimento */
body.search-results #main .ast-article-inner {
width: 100% !important;
}
/* Hover do Card */
body.search-results #main .ast-article-post:hover {
background: var(--pure-white) linear-gradient(0deg, rgba(120, 190, 240, 0.24) 0%, var(--pure-white) 80%) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.24) !important;
z-index: 10 !important;
}
/* 3. CLIQUE TOTAL (PÉLICULA INVISÍVEL) */
body.search-results .ast-article-inner,
body.search-results .post-content,
body.search-results .entry-header,
body.search-results .entry-title,
body.search-results .post-thumb-img-content {
position: static !important;
min-height: fit-content;
}
body.search-results .entry-title a::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
/* Cobre todo o card para clique */
}
/* 4. CONTEÚDO INTERNO E UNIFORMIDADE */
body.search-results #main .blog-layout-5.ast-article-inner {
display: flex !important;
flex-direction: row !important;
width: 100%;
min-height: 180px;
align-items: stretch !important;
}
/* Thumbnail */
body.search-results #main .ast-blog-featured-section.post-thumb {
flex: 0 0 180px;
max-width: 280px;
overflow: hidden;
}
body.search-results #main .ast-blog-featured-section.post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
body.search-results #main .ast-article-post:hover .ast-blog-featured-section img {
transform: scale(1.05);
}
/* Bloco de Texto */
body.search-results #main .post-content {
flex: 1;
padding: var(--spacing-medium);
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
/* Título do Card (Margens Zeradas) */
body.search-results #main .entry-title {
font-family: var(--primary-font);
font-size: var(--font-size-large) !important;
font-weight: var(--font-weight-large);
line-height: var(--line-height-medium)!important;
margin: 0 !important;
/* Margem top e bottom removidas */
padding: 0 !important;
}
body.search-results #main .entry-title a {
color: var(--primary-color) !important;
text-decoration: none;
position: relative;
z-index: 21;
/* Acima da película de clique para o cursor indicar link */
}
body.search-results #main .ast-article-post:hover .entry-title a {
color: var(--secondary-color) !important;
}
/*Remove before dos cards de serviços*/
body.search-results #main .entry-title::before {
display: none !important;
}
/* 5. A PÍLULA DA DATA (RESTORED) */
body.search-results #main .posted-on {
display: inline-flex;
align-items: center;
width: fit-content;
padding: var(--spacing-tiny) var(--spacing-small);
border: 1.5px solid var(--pastel-grey);
border-radius: 9999px;
background: transparent;
}
body.search-results #main .entry-meta,
body.search-results #main .entry-meta * {
font-family: var(--secondary-font) !important;
font-size: var(--font-size-tiny) !important;
font-weight: var(--font-weight-medium) !important;
color: var(--grey) !important;
letter-spacing: 0.03em;
}
/* Resumo (Excerpt) */
body.search-results #main .ast-excerpt-container p {
font-family: var(--secondary-font);
font-size: var(--font-size-small) !important;
color: var(--dark-grey) !important;
line-height: var(--line-height-large);
margin: 0 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Highlight de Busca */
body.search-results #main mark.bsearch_highlight {
background: rgba(36, 145, 255, 0.12);
color: var(--primary-color);
padding: 0 4px;
border-radius: 3px;
font-weight: var(--font-weight-large);
}
/* ── PLACEHOLDER para cards sem imagem ── */
body.search-results #main .ast-no-thumb .ast-blog-featured-section.post-thumb {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.search-results #main .ast-no-thumb .ast-blog-featured-section.post-thumb::after {
content: "" !important;
display: block !important;
width: 140px;
height: 160px;
background-color: var(--pastel-grey) !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='94' height='81' viewBox='0 0 94 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0714 0H83.9286C89.6357 0 94 4.36429 94 10.0714V70.5C94 76.2071 89.6357 80.5714 83.9286 80.5714H10.0714C4.36428 80.5714 0 76.2071 0 70.5V10.0714C0 4.36429 4.36428 0 10.0714 0ZM34.5786 11.0786C34.4107 11.2464 34.3268 11.4143 34.2429 11.5822C34.1589 11.75 34.075 11.9179 33.9071 12.0857C33.5714 12.4214 33.5714 13.0929 33.5714 13.4286C33.5714 13.7643 33.5714 14.4357 33.9071 14.7714C33.9071 15.1071 34.2429 15.4429 34.5786 15.7786C34.7464 15.9464 34.9143 16.0304 35.0821 16.1143C35.25 16.1982 35.4179 16.2821 35.5857 16.45C35.9214 16.7857 36.5929 16.7857 36.9286 16.7857C37.9357 16.7857 38.6071 16.45 39.2786 15.7786C39.4464 15.6107 39.5304 15.4429 39.6143 15.275C39.6982 15.1071 39.7821 14.9393 39.95 14.7714C40.2857 14.4357 40.2857 13.7643 40.2857 13.4286C40.2857 13.0929 40.2857 12.4214 39.95 12.0857C39.95 11.75 39.6143 11.4143 39.2786 11.0786C37.9357 9.73571 35.9214 9.73571 34.5786 11.0786ZM24.5071 11.0786C24.3393 11.2464 24.2554 11.4143 24.1714 11.5822C24.0875 11.75 24.0036 11.9179 23.8357 12.0857C23.5 12.4214 23.5 13.0929 23.5 13.4286C23.5 14.4357 23.8357 15.1071 24.5071 15.7786C25.1786 16.45 25.85 16.7857 26.8571 16.7857C27.8643 16.7857 28.5357 16.45 29.2071 15.7786C29.8786 15.1071 30.2143 14.4357 30.2143 13.4286C30.2143 13.0929 30.2143 12.4214 29.8786 12.0857C29.8786 11.75 29.5429 11.4143 29.2071 11.0786C28.2 10.0714 26.8571 9.73571 25.5143 10.4071C25.1786 10.4071 24.8429 10.7429 24.5071 11.0786ZM14.7714 10.7429L14.4357 11.0786C13.7643 11.75 13.4286 12.4214 13.4286 13.4286C13.4286 14.4357 13.7643 15.1071 14.4357 15.7786C15.1071 16.45 15.7786 16.7857 16.7857 16.7857C17.7929 16.7857 18.4643 16.45 19.1357 15.7786C19.4714 15.4429 19.8071 15.1071 19.8071 14.7714C20.1429 14.4357 20.1429 13.7643 20.1429 13.4286C20.1429 13.0929 20.1429 12.4214 19.8071 12.0857C19.8071 11.75 19.4714 11.4143 19.1357 11.0786L18.8 10.7429C18.6321 10.7429 18.5482 10.6589 18.4643 10.575C18.3804 10.4911 18.2964 10.4071 18.1286 10.4071C17.7929 10.0714 17.7929 10.0714 17.4571 10.0714H16.1143C15.7786 10.0714 15.7786 10.0714 15.4429 10.4071C15.275 10.4071 15.1911 10.4911 15.1071 10.575C15.0232 10.6589 14.9393 10.7429 14.7714 10.7429ZM80.5714 67.1429C82.5857 67.1429 83.9286 65.8 83.9286 63.7857V53.7143C83.9286 51.7 82.5857 50.3571 80.5714 50.3571H60.4286C58.4143 50.3571 57.0714 51.7 57.0714 53.7143V63.7857C57.0714 65.8 58.4143 67.1429 60.4286 67.1429H80.5714ZM70.5 47H80.5714C82.5857 47 83.9286 45.6571 83.9286 43.6429C83.9286 41.6286 82.5857 40.2857 80.5714 40.2857H70.5C68.4857 40.2857 67.1429 41.6286 67.1429 43.6429C67.1429 45.6571 68.4857 47 70.5 47ZM60.4286 36.9286H80.5714C82.5857 36.9286 83.9286 35.5857 83.9286 33.5714C83.9286 31.5571 82.5857 30.2143 80.5714 30.2143H60.4286C58.4143 30.2143 57.0714 31.5571 57.0714 33.5714C57.0714 35.5857 58.4143 36.9286 60.4286 36.9286ZM13.4286 35.5267C13.4286 32.5966 15.8109 30.2143 18.741 30.2143H45.303C48.2331 30.2143 50.6154 32.5966 50.6154 35.5267V62.0887C50.6154 65.0188 48.2331 67.4011 45.303 67.4011H18.741C15.8109 67.4011 13.4286 65.0188 13.4286 62.0887V35.5267ZM26.8707 38.0218C26.1235 37.2746 25.1101 36.8548 24.0534 36.8548C22.9967 36.8548 21.9833 37.2746 21.236 38.0218C20.4888 38.769 20.0691 39.7824 20.0691 40.8391C20.0691 41.8958 20.4888 42.9092 21.236 43.6564C21.9833 44.4036 22.9967 44.8234 24.0534 44.8234C25.1101 44.8234 26.1235 44.4036 26.8707 43.6564C27.6179 42.9092 28.0377 41.8958 28.0377 40.8391C28.0377 39.7824 27.6179 38.769 26.8707 38.0218ZM37.7079 47.1061C37.3427 46.5167 36.7035 46.1515 36.0063 46.1515C35.309 46.1515 34.6699 46.525 34.3046 47.1144L29.2081 55.4565L27.0167 52.3189C26.6432 51.7876 26.0372 51.4722 25.3815 51.4722C24.7257 51.4722 24.1198 51.7876 23.7463 52.3189L19.0979 58.9594C18.6746 59.5653 18.6248 60.3622 18.9651 61.0179C19.3054 61.6737 19.9944 62.0887 20.7331 62.0887H43.3108C44.033 62.0887 44.7053 61.7069 45.054 61.076C45.4026 60.4452 45.386 59.6732 45.0125 59.059L37.7079 47.1061Z' fill='%23000'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg width='94' height='81' viewBox='0 0 94 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0714 0H83.9286C89.6357 0 94 4.36429 94 10.0714V70.5C94 76.2071 89.6357 80.5714 83.9286 80.5714H10.0714C4.36428 80.5714 0 76.2071 0 70.5V10.0714C0 4.36429 4.36428 0 10.0714 0ZM34.5786 11.0786C34.4107 11.2464 34.3268 11.4143 34.2429 11.5822C34.1589 11.75 34.075 11.9179 33.9071 12.0857C33.5714 12.4214 33.5714 13.0929 33.5714 13.4286C33.5714 13.7643 33.5714 14.4357 33.9071 14.7714C33.9071 15.1071 34.2429 15.4429 34.5786 15.7786C34.7464 15.9464 34.9143 16.0304 35.0821 16.1143C35.25 16.1982 35.4179 16.2821 35.5857 16.45C35.9214 16.7857 36.5929 16.7857 36.9286 16.7857C37.9357 16.7857 38.6071 16.45 39.2786 15.7786C39.4464 15.6107 39.5304 15.4429 39.6143 15.275C39.6982 15.1071 39.7821 14.9393 39.95 14.7714C40.2857 14.4357 40.2857 13.7643 40.2857 13.4286C40.2857 13.0929 40.2857 12.4214 39.95 12.0857C39.95 11.75 39.6143 11.4143 39.2786 11.0786C37.9357 9.73571 35.9214 9.73571 34.5786 11.0786ZM24.5071 11.0786C24.3393 11.2464 24.2554 11.4143 24.1714 11.5822C24.0875 11.75 24.0036 11.9179 23.8357 12.0857C23.5 12.4214 23.5 13.0929 23.5 13.4286C23.5 14.4357 23.8357 15.1071 24.5071 15.7786C25.1786 16.45 25.85 16.7857 26.8571 16.7857C27.8643 16.7857 28.5357 16.45 29.2071 15.7786C29.8786 15.1071 30.2143 14.4357 30.2143 13.4286C30.2143 13.0929 30.2143 12.4214 29.8786 12.0857C29.8786 11.75 29.5429 11.4143 29.2071 11.0786C28.2 10.0714 26.8571 9.73571 25.5143 10.4071C25.1786 10.4071 24.8429 10.7429 24.5071 11.0786ZM14.7714 10.7429L14.4357 11.0786C13.7643 11.75 13.4286 12.4214 13.4286 13.4286C13.4286 14.4357 13.7643 15.1071 14.4357 15.7786C15.1071 16.45 15.7786 16.7857 16.7857 16.7857C17.7929 16.7857 18.4643 16.45 19.1357 15.7786C19.4714 15.4429 19.8071 15.1071 19.8071 14.7714C20.1429 14.4357 20.1429 13.7643 20.1429 13.4286C20.1429 13.0929 20.1429 12.4214 19.8071 12.0857C19.8071 11.75 19.4714 11.4143 19.1357 11.0786L18.8 10.7429C18.6321 10.7429 18.5482 10.6589 18.4643 10.575C18.3804 10.4911 18.2964 10.4071 18.1286 10.4071C17.7929 10.0714 17.7929 10.0714 17.4571 10.0714H16.1143C15.7786 10.0714 15.7786 10.0714 15.4429 10.4071C15.275 10.4071 15.1911 10.4911 15.1071 10.575C15.0232 10.6589 14.9393 10.7429 14.7714 10.7429ZM80.5714 67.1429C82.5857 67.1429 83.9286 65.8 83.9286 63.7857V53.7143C83.9286 51.7 82.5857 50.3571 80.5714 50.3571H60.4286C58.4143 50.3571 57.0714 51.7 57.0714 53.7143V63.7857C57.0714 65.8 58.4143 67.1429 60.4286 67.1429H80.5714ZM70.5 47H80.5714C82.5857 47 83.9286 45.6571 83.9286 43.6429C83.9286 41.6286 82.5857 40.2857 80.5714 40.2857H70.5C68.4857 40.2857 67.1429 41.6286 67.1429 43.6429C67.1429 45.6571 68.4857 47 70.5 47ZM60.4286 36.9286H80.5714C82.5857 36.9286 83.9286 35.5857 83.9286 33.5714C83.9286 31.5571 82.5857 30.2143 80.5714 30.2143H60.4286C58.4143 30.2143 57.0714 31.5571 57.0714 33.5714C57.0714 35.5857 58.4143 36.9286 60.4286 36.9286ZM13.4286 35.5267C13.4286 32.5966 15.8109 30.2143 18.741 30.2143H45.303C48.2331 30.2143 50.6154 32.5966 50.6154 35.5267V62.0887C50.6154 65.0188 48.2331 67.4011 45.303 67.4011H18.741C15.8109 67.4011 13.4286 65.0188 13.4286 62.0887V35.5267ZM26.8707 38.0218C26.1235 37.2746 25.1101 36.8548 24.0534 36.8548C22.9967 36.8548 21.9833 37.2746 21.236 38.0218C20.4888 38.769 20.0691 39.7824 20.0691 40.8391C20.0691 41.8958 20.4888 42.9092 21.236 43.6564C21.9833 44.4036 22.9967 44.8234 24.0534 44.8234C25.1101 44.8234 26.1235 44.4036 26.8707 43.6564C27.6179 42.9092 28.0377 41.8958 28.0377 40.8391C28.0377 39.7824 27.6179 38.769 26.8707 38.0218ZM37.7079 47.1061C37.3427 46.5167 36.7035 46.1515 36.0063 46.1515C35.309 46.1515 34.6699 46.525 34.3046 47.1144L29.2081 55.4565L27.0167 52.3189C26.6432 51.7876 26.0372 51.4722 25.3815 51.4722C24.7257 51.4722 24.1198 51.7876 23.7463 52.3189L19.0979 58.9594C18.6746 59.5653 18.6248 60.3622 18.9651 61.0179C19.3054 61.6737 19.9944 62.0887 20.7331 62.0887H43.3108C44.033 62.0887 44.7053 61.7069 45.054 61.076C45.4026 60.4452 45.386 59.6732 45.0125 59.059L37.7079 47.1061Z' fill='%23000'/%3E%3C/svg%3E") !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
body.search-results #main .ast-row {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
/* ══════════════════════════════════════════════════════════
PÁGINA SEM RESULTADOS
══════════════════════════════════════════════════════════ */
body.search-no-results .ast-archive-title,
body.search-no-results .page-title {
display: none !important;
}
body.search-no-results .search-title {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
margin: var(--spacing-huge) 0 !important;
gap: var(--spacing-medium) !important;
}
body.search-no-results .search-no-results-icon {
overflow: visible !important;
padding-top: 8px !important;
}
body.search-no-results .search-no-results-icon svg {
width: 140px;
height: 100px;
overflow: visible;
}
body.search-no-results .search-no-results-icon svg path {
fill: var(--light-grey) !important;
}
body.search-no-results .search-no-results-text {
display: block !important;
text-align: center !important;
}
body.search-no-results .search-label,
body.search-no-results .search-term {
display: inline !important;
font-family: var(--primary-font);
font-size: var(--title-size-small);
font-weight: var(--font-weight-large);
text-transform: none;
}
body.search-no-results .search-label { color: var(--black); }
body.search-no-results .search-label::after { content: ":"; }
body.search-no-results .search-term { color: var(--primary-color); }
body.search-no-results .search-term::before { content: ' "'; }
body.search-no-results .search-term::after { content: '"'; }
body.search-no-results .search-no-results-description {
font-family: var(--secondary-font);
font-size: var(--font-size-medium);
color: var(--grey);
margin: 0 !important;
}
body.search-results .home-search-bar,
body.search-no-results .home-search-bar {
width: 100% !important;
box-sizing: border-box !important;
margin-bottom: var(--spacing-huge);
padding-bottom: var(--spacing-large);
}
body.search-no-results .no-results.not-found .widget.widget_search,
body.search-no-results .no-results.not-found .page-content > p {
display: none !important;
}
.ast-separate-container .no-results {
display: none !important;
}
/* ── ANIMAÇÕES ── */
@keyframes search-icon-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-2px); }
}
@keyframes search-icon-orbit {
from { transform: rotate(0deg) translateX(3px) rotate(0deg); }
to { transform: rotate(360deg) translateX(3px) rotate(-360deg); }
}
/* Interrogação topo esquerdo */
body.search-no-results .search-no-results-icon svg path:nth-child(1) {
animation: search-icon-float 3s ease-in-out infinite !important;
transform-box: fill-box !important;
transform-origin: center !important;
}
/* Interrogação topo direito */
body.search-no-results .search-no-results-icon svg path:nth-child(2),
body.search-no-results .search-no-results-icon svg path:nth-child(3) {
animation: search-icon-float 3s ease-in-out infinite !important;
transform-box: fill-box !important;
transform-origin: center !important;
animation-delay: 0.4s !important;
}
/* Lupa + carinha */
body.search-no-results .search-no-results-icon svg .lupa-group {
animation: search-icon-orbit 6s linear infinite !important;
transform-box: fill-box !important;
transform-origin: center !important;
}
/* Interrogação baixo esquerdo */
body.search-no-results .search-no-results-icon svg path:nth-child(5),
body.search-no-results .search-no-results-icon svg path:nth-child(6) {
animation: search-icon-float 3s ease-in-out infinite !important;
transform-box: fill-box !important;
transform-origin: center !important;
animation-delay: 0.2s !important;
}
/* ── PÁGINA COM RESULTADOS — título inline ── */
body.search-results .search-title {
display: block !important;
text-align: center !important;
margin: var(--spacing-huge) 0 var(--spacing-large) 0 !important;
}
body.search-results .search-label,
body.search-results .search-term {
display: inline !important;
}
/*Card onibus*/
/* ============================================================
Card Bus — segue o mesmo padrão do tabela-cards
============================================================ */
/* MARK: Card Shell */
/* MARK: Card Shell */
.card-bus {
background: var(--pure-white) !important;
border: 2px solid var(--pastel-grey) !important;
border-radius: var(--radius-medium) !important;
padding: var(--spacing-medium) !important;
position: relative !important;
margin: 0 !important;
margin-top: var(--spacing-medium)!important;
}
/* Título e Localização */
.card-bus .wp-block-heading {
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-large) !important;
color: var(--black) !important;
margin: 0 0 4px 0 !important;
padding: 0 !important;
line-height: var(--line-height-small) !important;
max-width: unset;
}
.card-bus .card-bus-location {
font-size: var(--font-size-small) !important;
color: var(--grey) !important;
margin: 0 0 var(--spacing-medium) 0 !important;
padding: 0 !important;
}
/* MARK: Box Próxima Saída (injetado via JS) */
.card-bus-proxima {
display: flex !important;
align-items: center !important;
gap: 8px !important;
background: transparent !important;
border: 2px solid var(--pastel-grey) !important;
border-radius: var(--radius-small) !important;
padding: 10px var(--spacing-medium) !important;
margin-block-start: 0 !important;
}
@keyframes card-bus-pulse {
0% { transform: scale(1); opacity: 0.5; }
100% { transform: scale(2.25); opacity: 0; }
}
.card-bus-proxima-dot {
width: 10px !important;
height: 10px !important;
background: var(--tertiary-color) !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
position: relative !important;
overflow: visible !important;
}
/* Pulso — anel separado que expande, não toca na bolinha principal */
.card-bus-proxima-dot::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: var(--tertiary-color) !important;
transform-origin: center center !important;
animation: card-bus-pulse 2s ease-out infinite !important;
}
/* Dot amarelo — menos de 10min */
.card-bus-proxima-dot.aviso-amarelo {
background: var(--yellow) !important;
}
.card-bus-proxima-dot.aviso-amarelo::after {
background: var(--yellow) !important;
}
/* Dot vermelho — menos de 5min */
.card-bus-proxima-dot.aviso-vermelho {
background: var(--red) !important;
}
.card-bus-proxima-dot.aviso-vermelho::after {
background: var(--red) !important;
}
.card-bus-proxima-dot.is-empty { background: var(--light-grey) !important; }
.card-bus-proxima-dot.is-empty::after { display: none !important; }
.card-bus-proxima-horario {
font-size: var(--font-size-medium) !important;
font-weight: var(--font-weight-medium) !important;
color: var(--dark-grey) !important;
line-height: 1 !important;
}
.card-bus-proxima-texto {
font-size: var(--font-size-small) !important;
color: var(--grey) !important;
line-height: 1 !important;
}
/* Botões (injetados via JS) */
.card-bus-botoes {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin-block-start: var(--spacing-medium) !important;
}
/* Base — visível por padrão */
.card-bus-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 32px !important;
padding: 0 10px 0 28px !important;
border-radius: var(--radius-medium) !important;
font-size: 10px !important;
font-weight: var(--font-weight-large) !important;
cursor: pointer !important;
border: none !important;
line-height: var(--line-height-small) !important;
box-shadow: none !important;
position: relative !important;
}
/* NOVO: Regra para controlar a cor do ícone via CSS */
.card-bus-btn::before {
content: "" !important;
position: absolute !important;
left: 10px !important;
width: 13px !important;
height: 13px !important;
background-color: currentColor !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
}
/* Oculto — JS adiciona/remove esta classe */
.card-bus-btn.oculto {
display: none !important;
}
/* ---- Botão Ver Horários ---- */
.card-bus-btn-toggle {
background-color: #dbeafe !important;
color: var(--primary-color) !important;
}
.card-bus-btn-toggle::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 64C177.3 64 64 177.3 64 320C64 462.7 177.3 576 320 576C462.7 576 576 462.7 576 320C576 177.3 462.7 64 320 64zM344 320C344 330.9 338.6 341.1 329.6 347.2L233.6 411.2C220.9 419.6 203.7 416.3 195.2 403.6C186.7 390.9 190.1 373.7 202.8 365.3L288 306.7L288 192C288 176.5 300.5 164 316 164C331.5 164 344 176.5 344 192L344 320z'/%3E%3C/svg%3E") !important;
}
/* Estado aberto */
.card-bus-btn-toggle.aberto::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z'/%3E%3C/svg%3E") !important;
}
/* ---- Botão Ver a partir do meu local ---- */
.card-bus-btn-local {
background-color: var(--white) !important;
color: var(--dark-grey) !important;
text-decoration: none !important;
}
.card-bus-btn-local::before {
background-color: var(--dark-grey) !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M128 252.6C128 148.4 214 64 320 64C426 64 512 148.4 512 252.6C512 371.9 391.8 514.9 341.6 569.4C329.8 582.2 310.1 582.2 298.3 569.4C248.1 514.9 127.9 371.9 127.9 252.6zM320 320C355.3 320 384 291.3 384 256C384 220.7 355.3 192 320 192C284.7 192 256 220.7 256 256C256 291.3 284.7 320 320 320z'/%3E%3C/svg%3E") !important;
}
/* Evita que o overflow:hidden + border-radius do global clippe as células das bordas */
.card-bus .wp-block-atbs-tabs .tabs-content {
padding: var(--spacing-medium) !important;
overflow: visible !important;
border-radius: 0 0 var(--radius-small) var(--radius-small) !important;
}
.card-bus .wp-block-atbs-tabs.oculto {
display: none !important;
}
/* Override das Abas dentro do card-bus */
.card-bus .wp-block-atbs-tabs .tabs-titles,
.card-bus .wp-block-atbs-tabs .tabs-nav .tabs-titles {
gap: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
overflow: hidden !important;
background: transparent !important;
-webkit-mask-image: none !important;
mask-image: none !important;
}
.card-bus .wp-block-atbs-tabs .tabs-titles .tab-title,
.card-bus .wp-block-atbs-tabs .tabs-titles li.tab-title {
width: auto !important;
flex: 1 1 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 10px !important;
font-weight: var(--font-weight-large) !important;
padding: 6px 4px !important;
min-height: 36px !important;
transform: translateY(4px) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
background: transparent !important;
box-shadow: none !important;
}
.card-bus .wp-block-atbs-tabs .tabs-titles .tab-title.active,
.card-bus .wp-block-atbs-tabs .tabs-titles .tab-title[aria-selected="true"] {
transform: translateY(0px) !important;
background: var(--dark-grey) !important;
border-radius: var(--radius-small) var(--radius-small) 0 0 !important;
}
.card-bus .wp-block-atbs-tabs .tabs-nav .tabs-arrow {
display: none !important;
}
/* MARK: Grade de Horários */
.card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid {
display: grid !important;
grid-template-columns: repeat(8, 1fr);
gap: 4px !important;
width: 100% !important;
}
/* Cada p = uma célula do grid */
.card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid p {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 32px !important;
margin: 0 !important;
border: 2px solid var(--light-grey) !important;
border-radius: var(--radius-small) !important;
background: transparent !important;
font-size: 10px !important;
font-weight: var(--font-weight-large) !important;
color: var(--grey) !important;
padding: 0 !important;
width: auto !important;
line-height: 1 !important;
}
.card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid p.horario-passado {
color: var(--light-grey) !important;
border: 2px solid transparent !important;
}
.card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid p.horario-futuro {
color: var(--grey) !important;
border: 2px solid var(--light-grey) !important;
}
.card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid p.horario-atual {
background: transparent !important;
border: 2px solid var(--tertiary-color) !important;
color: var(--tertiary-color) !important;
}
.card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid p.horario-atual.aviso-amarelo {
border-color: var(--yellow) !important;
color: var(--dark-grey) !important;
}
.card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid p.horario-atual.aviso-vermelho {
border-color: var(--red) !important;
color: var(--red) !important;
}
/* Preços */
.card-bus-normal-price,
.card-bus-holiday-price {
display: none !important;
position: absolute !important;
top: 20px !important;
right: var(--spacing-medium) !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
z-index: 10 !important;
font-size: var(--font-size-tiny) !important;
font-weight: var(--font-weight-large) !important;
font-family: var(--primary-font) !important;
color: var(--tertiary-color) !important;
text-align: right !important;
}
.card-bus.is-normal-day .card-bus-normal-price {
display: block !important;
}
.card-bus.is-holiday-day .card-bus-holiday-price {
display: block !important;
}
/* Diminui todos os P dentro das abas */
.card-bus .wp-block-atbs-tabs .tabs-content p {
font-size: var(--font-size-small) !important;
line-height: var(--line-height-small) !important;
}
/* MARK: Rota — lista vertical com linha conectora (bloco Pilha) */
.card-bus .wp-block-group.card-bus-route.is-layout-flex {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
/* Cada parada */
.card-bus .wp-block-group.card-bus-route p {
display: flex !important;
align-items: center !important;
position: relative !important;
padding: 0 0 0 24px !important;
margin: 0 !important;
min-height: 28px !important;
font-size: var(--font-size-small) !important;
color: var(--black) !important;
line-height: var(--line-height-small) !important;
border: none !important;
height: auto !important;
width: auto !important;
justify-content: flex-start !important;
background: transparent !important;
font-family: var(--primary-font) !important;
}
/* Bolinha da parada */
.card-bus .wp-block-group.card-bus-route p::before {
content: '' !important;
position: absolute !important;
left: 5px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: var(--light-grey) !important;
border: none !important;
flex-shrink: 0 !important;
z-index: 1 !important;
}
/* Linha vertical conectando as paradas */
.card-bus .wp-block-group.card-bus-route p::after {
content: '' !important;
position: absolute !important;
left: 8px !important;
top: calc(50% + 6px) !important;
bottom: calc(-50% + 6px) !important;
width: 2px !important;
height: auto !important;
background: var(--pastel-grey) !important;
z-index: 0 !important;
}
/* Última parada — sem linha depois */
.card-bus .wp-block-group.card-bus-route p:last-child::after {
display: none !important;
}
/* Primeira parada — tertiary color */
.card-bus .wp-block-group.card-bus-route p:first-child::before {
background: var(--tertiary-color) !important;
}
/* Última parada — primary color */
.card-bus .wp-block-group.card-bus-route p:last-child::before {
background: var(--primary-color) !important;
}
/* MARK: Acordeão de Rotas */
/* Título clicável */
.card-bus .card-bus-route-title {
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px var(--spacing-medium) !important;
margin: 0 !important;
border-radius: var(--radius-small) !important;
background: var(--pastel-grey) !important;
font-size: var(--font-size-small) !important;
font-weight: var(--font-weight-large) !important;
color: var(--dark-grey) !important;
line-height: var(--line-height-small) !important;
height: auto !important;
min-height: unset !important;
border: none !important;
user-select: none !important;
transition: background 0.2s, color 0.2s !important;
}
/* Ícone chevron via ::after */
.card-bus .card-bus-route-title::after {
content: '' !important;
width: 14px !important;
height: 14px !important;
flex-shrink: 0 !important;
background-color: var(--dark-grey) !important;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M310.6 441.4c5.1 5.1 11.8 7.6 18.4 7.6s13.3-2.5 18.4-7.6l224-224c10.1-10.1 10.1-26.5 0-36.6s-26.5-10.1-36.6 0L329 386.1 105.4 181.1c-10.1-10.1-26.5-10.1-36.6 0s-10.1 26.5 0 36.6l224 224z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M310.6 441.4c5.1 5.1 11.8 7.6 18.4 7.6s13.3-2.5 18.4-7.6l224-224c10.1-10.1 10.1-26.5 0-36.6s-26.5-10.1-36.6 0L329 386.1 105.4 181.1c-10.1-10.1-26.5-10.1-36.6 0s-10.1 26.5 0 36.6l224 224z'/%3E%3C/svg%3E") !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
transition: transform 0.3s ease !important;
/* anula o ::before herdado da regra geral de p dentro da aba */
position: static !important;
left: unset !important;
top: unset !important;
transform: none !important;
border-radius: 0 !important;
background-color: var(--dark-grey) !important;
}
/* Anula o ::before de bolinha herdado */
.card-bus .card-bus-route-title::before {
display: none !important;
}
/* Estado ativo — fundo escuro + chevron virado */
.card-bus .card-bus-route-title.ativo {
background: var(--dark-grey) !important;
color: var(--pure-white) !important;
border-radius: var(--radius-small) var(--radius-small) 0 0 !important;
}
.card-bus .card-bus-route-title.ativo::after {
background-color: var(--pure-white) !important;
transform: rotate(180deg) !important;
}
/* Rota colapsada — max-height 0, sem overflow */
.card-bus .card-bus-route.card-bus-route-colapsada {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.4s ease !important;
}
/* Rota aberta — max-height grande o suficiente para qualquer rota */
.card-bus .card-bus-route.card-bus-route-aberta {
max-height: 3000px !important;
overflow: visible !important;
transition: max-height 0.5s ease !important;
border: 2px solid var(--pastel-grey) !important;
border-top: none !important;
border-radius: 0 0 var(--radius-small) var(--radius-small) !important;
padding: 8px 0 !important;
}
/* MARK: Animação de entrada das rotas */
/* Estado inicial: rota colapsada — só o título antes dela fica visível */
.card-bus .card-bus-route.card-bus-route-colapsada {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.5s ease !important;
opacity: 0 !important;
}
/* Estado final: rota expandida automaticamente */
.card-bus .card-bus-route.card-bus-route-expandindo {
max-height: 3000px !important;
overflow: visible !important;
opacity: 1 !important;
transition: max-height 1s ease, opacity 0.8s ease !important;
}