/*
Theme Name: Detecta
Theme URI: https://detecta.com.br/
Author: Detecta
Description: Tema do novo site da Detecta (controle de pragas). Layout do site novo, páginas editáveis em blocos e blog nativo.
Version: 1.1.20
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: detecta
*/
.wp-prose > figure, .wp-prose > .faq, .wp-prose > .tbl, .wp-prose > div { margin: 22px 0; }
.wp-prose > *:first-child { margin-top: 0; }
.form-note { margin: 4px 0 0; font-size: 15px; font-weight: 600; color: #1E7A2B; }
footer .form-note { color: #D5D6F2; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.admin-bar .root { min-height: calc(100vh - 32px); }
/* aviso de cookies (plugin CookieAdmin): no celular vira uma barra pequena no rodapé */
@media (max-width: 700px) {
  [id^="cookieadmin"][id*="banner"], [class^="cookieadmin"][class*="banner"], .cookieadmin_law_container, .cookieadmin_consent_inside {
    max-height: 34vh !important; overflow: auto !important; font-size: 13px !important; line-height: 1.4 !important; padding: 10px 12px !important;
    left: 8px !important; right: 8px !important; bottom: 8px !important; top: auto !important; width: auto !important; border-radius: 16px !important; }
  [class^="cookieadmin"] button { min-height: 36px !important; padding: 6px 12px !important; font-size: 13px !important; }
}
/* v1.1.6 — avaliações dentro do post: mesmo visual de cartões das outras seções (só layout, nenhum texto muda) */
.article .dt-reviews { background: #EEF2E8; border-radius: 26px; padding: clamp(20px, 2.6cqi, 32px) clamp(14px, 2cqi, 26px) !important; margin: 28px 0; gap: 18px !important; }
.article .dt-reviews > div:first-child { padding: 0 6px !important; }
.article .dt-reviews .rv-tt { font-size: clamp(20px, 2.1cqi, 26px) !important; }
.article .dt-reviews .car-auto > article { background: #FFFFFF !important; box-shadow: 0 1px 2px rgba(29, 30, 92, .06); }
/* v1.1.6 — logo da Detecta: mantém a proporção original em todos os lugares (o WP Rocket adiciona width/height e esticava a imagem) */
img[src*="/img/d/logo.webp"], img[data-lazy-src*="/img/d/logo.webp"] { width: auto !important; max-width: none !important; aspect-ratio: 826 / 294; object-fit: contain; }
header a[aria-label^="Detecta"] { flex-shrink: 0; }
/* v1.1.8 — faixas de destaque (.hl): texto alinhado à esquerda, sem espaçamento esticado */
.root main > div.hl > span:last-child { text-align: left !important; font-size: 16px !important; line-height: 1.55 !important; }/* v1.1.10 — destaque do blog some quando a busca não encontra artigos */
a.tile.split2.lift[hidden] { display: none !important; }/* v1.1.11 — âncoras vazias (ex.: <span id="topo"> do franqueado) não ocupam coluna da grade */
.root main > span:empty { position: absolute; width: 0; height: 0; overflow: hidden; }/* v1.1.12 — página de franqueado: o formulário próprio (#candidatura) substitui o "Fale Conosco" geral do rodapé */
.root:has(#candidatura.band) main > section#contato, .root:has(#candidatura.band) main > section#contato + form { display: none !important; }/* v1.1.13 — texto ocupa toda a largura das caixas de largura total (sem o vazio à direita); posts do blog mantêm a largura de leitura */
.tile.s12 .prose, .tile.s12 .lead, .s12.open > .prose, .s12.open > .lead { max-width: none !important; }/* v1.1.14 — botão flutuante do WhatsApp (lateral direita, todas as páginas; no celular a barra fixa de baixo já cumpre esse papel) */
.wa-float { position: fixed; right: 22px; bottom: 22px; z-index: 60; display: inline-flex; align-items: center; gap: 10px; height: 60px; padding: 0 22px 0 15px; border-radius: 999px; background: #25D366; color: #FFFFFF; text-decoration: none; font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif; font-weight: 700; font-size: 16px; box-shadow: 0 10px 28px -8px rgba(29, 30, 92, .45); transition: transform .15s ease, box-shadow .15s ease; }
.wa-float:hover { transform: translateY(-2px); box-shadow: 0 14px 32px -8px rgba(29, 30, 92, .55); }
@media (max-width: 700px) { .wa-float { display: none; } }/* v1.1.17 — imagens das páginas de serviço/segmento: tamanho de cartão (até 360px, nunca maior que o arquivo), lado a lado, sem cortar */
.tile.s12.col > .figs { grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 340px)) !important; max-width: none !important; justify-content: start; align-items: start; }
.tile.s12.col > .figs .fig { margin: 0; }
.tile.s12.col > .figs .fig img { width: 100%; height: auto; max-height: 340px; object-fit: contain; background: #EEF2E8; }
@media (max-width: 700px) { .tile.s12.col > .figs { grid-template-columns: minmax(0, 1fr) !important; } }/* v1.1.18 — imagem ao lado do texto (split2) e fotos dentro de artigos nas páginas de serviço: tamanho moderado */
.split2 .figs.n1 { max-width: 440px !important; width: 100%; justify-self: center; }
.split2 .figs.n1 .fig img { max-height: 360px; object-fit: contain; background: #EEF2E8; }
.art-bl .fig { max-width: 460px; }
.art-bl .fig img { max-height: 340px !important; object-fit: contain !important; background: #EEF2E8; }/* v1.1.20 — aviso de cookies (Cookie Law Info) com a mesma fonte do site */
#cookie-law-info-bar, #cookie-law-info-bar *, #cookie-law-info-again, .cli-modal, .cli-modal * { font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif !important; }
#cookie-law-info-bar { border-radius: 16px; }