/*#wp-img-auto-sizes-contain-inline-css*/img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ /* CRO 2026-08-24 (Claude) — RITMO VISUAL DOS GUIAS DO BLOG. Dono: "o texto inicial esta muito proximo das imagens" + "as imagens estao muito grandes". Medido ANTES (desktop 1280): coluna 760px, figura 760x507px, so 20px entre o paragrafo e a imagem, H2 com 34px de respiro (so 12px a mais que o espaco entre paragrafos — o titulo nao lia como quebra de secao). Nao muda conteudo: so espaco e escala. ROLLBACK: desativar este snippet. */ /* --- imagens: menores, centradas e com ar dos dois lados --- */ html body .content-post__text figure, html body .content-post__text .wp-block-image{ max-width:520px; margin:46px auto 38px; } /* faixa 16:9 em vez do 3:2 do arquivo: a foto continua legivel e a altura cai de 507px (original) para ~293px, 42% mais baixa. Corte de so 7,8% em cima e 7,8% embaixo. */ html body .content-post__text figure img, html body .content-post__text .wp-block-image img{ width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; object-position:center; display:block; border-radius:14px; border:1px solid #E4EAEF; } html body .content-post__text figcaption, html body .content-post__text .wp-element-caption{ margin:12px 0 0; font-size:13.5px; line-height:1.5; color:#6F7174; text-align:center; } /* --- respiro entre secoes --- Ja existe uma regra da casa com o MESMO seletor (0,4,3 + !important, margin-top:34px) declarada DEPOIS desta. Repetir a classe sobe para (0,5,3) e vence sem apagar nada. */ html body.single-post .content-post__text.content-post__text h2:not(.__n){ margin-top:46px !important; margin-bottom:14px !important; line-height:1.25 !important; } html body.single-post .content-post__text.content-post__text h3:not(.__n){ margin-top:36px !important; margin-bottom:12px !important; line-height:1.3 !important; } html body .content-post__text p:not([class*="pl-"]){ margin-bottom:22px; } html body .content-post__text ul, html body .content-post__text ol{ margin:0 0 24px; padding-left:22px; } html body .content-post__text li{ margin-bottom:8px; } html body .content-post__text table{ margin:34px 0; } html body.single-post .content-post__text.content-post__text > h2:first-child{ margin-top:8px !important; } @media (max-width:782px){ html body .content-post__text figure, html body .content-post__text .wp-block-image{ max-width:100%; margin:32px auto 26px; } html body.single-post .content-post__text.content-post__text h2:not(.__n){ margin-top:40px !important; } html body.single-post .content-post__text.content-post__text h3:not(.__n){ margin-top:30px !important; } } /* Microinteracoes + FAQ - Pratico (Claude) */ .post-card-equipamento{transition:transform .3s ease,box-shadow .3s ease} .post-card-equipamento:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(0,0,0,.16)} /* Quem Somos - foto real plataforma no lugar da 3.jpg do tema */ /* Por que escolher (Quem Somos) - foto real caminhao/andaimes no lugar da 2.jpg */ /* CLS fix 02/06 - reservar espaco de imagens lazy (anti layout shift) */ /* ===== MOBILE PERF (LCP): mata overlay cosmetico + animacoes de entrada do hero ===== */ @media (max-width: 991px){ html body .pageloader, html body .infraloader { display: none !important; } } /* ===== A11Y CONTRASTE AA (10/06): tons 1 nivel mais profundos, identidade mantida ===== */ html body a.pratico-wa-btn.pratico-wa-btn { background-color: #25D366 !important; color: #fff !important; } /* CLS: reservar espaco da IMAGEM do card (evita layout shift) */ /* PODADO 28/07/2026 (Claude): removidas as regras de section.slider-home — hero do tema ANTIGO, com 0 ocorrencias em 10 paginas x staging+prod. Validado no staging: hero/cards/h1 identicos. 26KB -> 15KB no caminho critico do . ROLLBACK: Claude\SEO\auditoria-2026-07\bloco1201_original_prod.css */ /* ============================================================ SISTEMA DE CORES PRATICO LOCACOES — Manual de Marca PANTONE 7460 C e variacoes tonais oficiais ============================================================ */ :root { /* Azuis oficiais Pratico */ --pratico-azul-100: #0089C6; /* Cor principal — hero, CTAs, links */ --pratico-azul-escuro: #003D5C; /* Header, footer, areas escuras */ --pratico-azul-70: #33A0D2; /* Hover, accents */ --pratico-azul-50: #E6F1FB; /* Backgrounds claros, pills */ --pratico-azul-text: #0C447C; /* Texto em fundo azul claro */ /* Neutros (manual cinzas 60%/40%) */ --pratico-texto: #1A1A1A; /* Texto principal */ --pratico-texto-suave: #5A5A5A; /* Texto secundario (cinza logo) */ --pratico-cinza-60: #999999; /* Cinza 60% manual */ --pratico-cinza-40: #CCCCCC; /* Cinza 40% manual */ --pratico-bg-claro: #F7F9FB; /* Background secoes claras */ --pratico-borda: #E5EAF0; /* Bordas sutis */ --pratico-borda-forte: #D5DDE5; /* Bordas com mais peso */ /* Funcionais (nao da marca mas necessarias) */ --pratico-whatsapp: #25D366; /* Verde WhatsApp oficial */ --pratico-whatsapp-hover: #1FB754; --pratico-success: #28A745; --pratico-error: #DC3545; --pratico-warning: #FFC107; /* Sombras */ --pratico-sombra-card: 0 2px 8px rgba(0, 0, 0, 0.06); --pratico-sombra-hover: 0 8px 24px rgba(0, 137, 198, 0.12); --pratico-sombra-forte: 0 4px 16px rgba(0, 0, 0, 0.10); }/* Fim sistema de cores */ html body header .navbar-brand img, html body .logo img { transform: scale(1.21) !important; transform-origin: left center !important; } /* ============================================================ SISTEMA TIPOGRAFICO PRATICO LOCACOES — Open Sans premium ============================================================ */ html body, html body p, html body span, html body div, html body li, html body a, html body input, html body textarea, html body button, html body select, html body label, html body th, html body td { font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }/* Display — Hero principal (H1 do home/hero) */ /* Heading XL — H1 de paginas internas */ html body h1:not(.hero-h1):not(.pratico-display) { font-size: 34px !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: -0.5px !important; } /* Heading L — H2 de secoes */ html body h2 { font-size: 28px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -0.3px !important; } /* Heading M — H3 de cards e subsecoes */ html body h3 { font-size: 20px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -0.2px !important; } /* Heading S — H4 titulos pequenos */ html body h4 { font-size: 17px !important; font-weight: 600 !important; line-height: 1.4 !important; } /* H5 e H6 — eyebrows e labels */ html body h5, html body h6 { font-size: 11px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } /* Body — paragrafos */ html body p { font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; } /* Body small — footer, captions */ html body footer p, html body footer li, html body footer a, html body .caption, html body .meta { font-size: 13px !important; font-weight: 400 !important; line-height: 1.5 !important; } /* Eyebrow — overlines uppercase pequenos */ /* Links e botoes herdam peso correto */ html body a { font-weight: inherit; } html body .button, html body button { font-weight: 500 !important; letter-spacing: 0.2px; } /* Mobile responsivo */ @media (max-width: 768px) { html body h1:not(.hero-h1):not(.pratico-display) { font-size: 26px !important; } html body h2 { font-size: 22px !important; } html body h3 { font-size: 18px !important; } html body p { font-size: 15px !important; } } /* ============================================================ FOOTER — Cor de fundo Pratico (azul escuro #003D5C) ============================================================ */ html body footer, html body .main-footer, html body #footer, html body .footer { background: #003D5C !important; } /* Garantir contraste do texto no novo fundo */ html body footer p, html body footer li, html body footer a, html body footer span, html body footer div { color: rgba(255, 255, 255, 0.85) !important; } html body footer h1, html body footer h2, html body footer h3, html body footer h4, html body footer h5, html body footer h6 { color: #ffffff !important; } html body footer a:hover { color: #ffffff !important; } /* Manter copyright/info legal mais discreto */ html body footer .legal { color: rgba(255, 255, 255, 0.6) !important; } /* Fim do sistema tipografico */ /* ============================================================ HEADER — Azul escuro Pratico #003D5C Sessao 1 item #2 — casar com footer + pageloader consistente ============================================================ */ /* Header principal */ html body header, html body header.main-header, html body .main-header, html body #header, html body nav.navbar.main-nav, html body .top-bar { background: var(--pratico-azul-escuro) !important; background-color: var(--pratico-azul-escuro) !important; } /* Pageloader — mesma cor pra transicao suave */ html body .pageloader, html body div.pageloader, html body #pageloader { background: var(--pratico-azul-escuro) !important; background-color: var(--pratico-azul-escuro) !important; } /* Sombra sutil abaixo do header */ html body header.fixed, html body .main-header.sticky, html body #header.fixed { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12) !important; } /* Garantir contraste texto do menu */ html body header a, html body header nav a, html body .main-header a, html body #header a { color: rgba(255, 255, 255, 0.92); } html body header a:hover, html body .main-header a:hover, html body #header a:hover { color: #ffffff; } /* Menu mobile (hamburger aberto) - garantir mesmo fundo */ html body .nav-mobile { background: var(--pratico-azul-escuro) !important; } /* Dropdown/submenu - mesmo fundo */ html body header .dropdown-menu, html body header ul.sub-menu { background: var(--pratico-azul-escuro) !important; } /* Fim header */ /* ============================================================ BOTAO CTA "Solicitar orcamento" do HEADER — Cor da marca Sessao 1 item #3 — Pill premium #0089C6 (PANTONE 7460C) ============================================================ */ html body header a[href*="orcamento"], html body .main-header a[href*="orcamento"] { background: var(--pratico-azul-100) !important; background-color: var(--pratico-azul-100) !important; color: #ffffff !important; border: 1px solid var(--pratico-azul-100) !important; padding: 14px 22px !important; border-radius: 50px !important; font-family: "Open Sans", sans-serif !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: 0.3px !important; text-decoration: none !important; transition: all 0.2s ease !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; } html body header a[href*="orcamento"]:hover, html body .main-header a[href*="orcamento"]:hover { background: var(--pratico-azul-70) !important; background-color: var(--pratico-azul-70) !important; color: #ffffff !important; border-color: var(--pratico-azul-70) !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 137, 198, 0.3); } html body header a[href*="orcamento"]:active, html body .main-header a[href*="orcamento"]:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(0, 137, 198, 0.25); } html body header a[href*="orcamento"] img, html body .main-header a[href*="orcamento"] img { filter: brightness(0) invert(1); width: 14px !important; height: 14px !important; } /* Fim botao CTA header */ /* ============================================================ FIX UNIFICAR HEADER + Esconder CTA duplicado Sessao 1.5 — padrao compacto 81px sitewide ============================================================ */ /* A) Esconder CTA com .desktop-hide em desktop (todas paginas) */ /* Mostrar CTA mobile-hide apenas em desktop */ /* B) Padronizar altura compacta 81px sitewide */ html body .main-header .container { height: 81px !important; min-height: 81px !important; max-height: 81px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* Garantir logo centralizado verticalmente em 81px */ /* Logo 50px — Item #5 Sessao 2 */ /* Menu items centralizados em 81px */ html body .main-header .container nav, html body .main-header .container .main-header__menu { display: flex !important; align-items: center !important; height: 100% !important; } /* Extra: garantir esconder desktop-hide no header sem media query (fallback) */ /* Fim fix unificacao */ /* ============================================================ FIX 4-EM-1: logo+menu / sindileq duplicado / topbar contatos Data: 2026-05-15 ============================================================ */ /* FIX 1) Respiro entre logo Pratico e menu principal */ html body .main-header__menu { margin-left: 16px !important; }/* FIX 2) Esconder pill FILIADA SINDILEQ-PE duplicada no canto inferior direito do hero *//* Seletor confirmado: .sindileq-badge dentro de .col-md-7.image-right dentro de section.slider-home */ /* FIX 3) Topbar — agrupar email e telefone juntos a direita */ /* Estrutura real: .main-header-bar > .container > [a mailto] [a tel] */ /* Container atual tem justify-content: space-between — trocar para flex-end */ /* Garantir que links de email e telefone fiquem lado a lado com alinhamento correto */ /* FIX 5) Topbar compacta — especificidade alta */ /* Fim FIX 4-EM-1 */ /* ============================================================ FIX — Logo aumentada para 50px + Cards equipamento premium Item #5 da Sessao 2 — v1778861675888 ============================================================ */ /* B) CARDS DE EQUIPAMENTO — borda sutil + hover premium */ /* Seletor real do tema: article.post-card-equipamento */ html body article.post-card-equipamento { background: #ffffff; border: 1px solid var(--pratico-borda) !important; border-radius: 10px !important; transition: all 0.2s ease !important; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); } /* Hover: borda fica azul Pratico + lift + sombra premium */ html body article.post-card-equipamento:hover { border-color: var(--pratico-azul-100) !important; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 137, 198, 0.12) !important; } /* Fim logo + cards */ /*#pl-blocos*/.pl-oferta__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;background:var(--wa-circle,#25D366);color:#053d22!important;font-weight:700;font-size:15px;line-height:1.2;border-radius:10px;padding:13px 18px;text-decoration:none!important;transition:background .15s,transform .05s}.pl-oferta__cta:hover{background:#1ea952}.pl-oferta__cta:active{transform:translateY(1px)}.pl-oferta__cta:focus-visible{outline:3px solid var(--azul,#0089C6);outline-offset:2px}.pl-resposta{margin:0 0 26px;padding:16px 18px 16px 20px;background:var(--azul-claro,#EEF6FB);border-left:4px solid var(--azul,#0089C6);border-radius:0 12px 12px 0}.pl-resposta__k{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--azul-dk,#006C9E)}.pl-resposta p{margin:0 0 8px;line-height:1.6;color:var(--ink,#0F2733)}.pl-resposta p:last-child{margin:0}.pl-resposta a{color:var(--azul-dk,#006C9E);font-weight:700}@media(max-width:600px){.pl-oferta__cta{display:flex}} /*#wp-custom-css*/body { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.7; color: #222; } p { margin-bottom: 20px; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; color: #111; } h1 { font-size: 48px; margin-bottom: 25px; } h2 { font-size: 36px; margin-top: 60px; margin-bottom: 25px; } h3 { font-size: 26px; margin-top: 40px; margin-bottom: 15px; } ul li, ol li { margin-bottom: 10px; } .home section { padding-top: 50px; padding-bottom: 50px; } button, input[type="submit"] { border-radius: 8px; transition: all 0.3s ease; } button:hover, input[type="submit"]:hover { transform: translateY(-2px); } .card, article { border-radius: 14px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); transition: all 0.3s ease; } .card:hover, article:hover { transform: translateY(-4px); box-shadow: 0 12px 35px rgba(0,0,0,0.12); } img { max-width: 100%; height: auto; } @media (max-width: 768px) { body { font-size: 16px; line-height: 1.65; } h1 { font-size: 34px; } h2 { font-size: 28px; margin-top: 45px; } h3 { font-size: 22px; } .home section { padding-top: 35px; padding-bottom: 35px; } } @media (max-width: 768px) { .main-header__menu .menu { padding-top: 30px !important; } } /* === FIX MENU HEADER (19/05/2026) escopado em desktop === */ @media (min-width: 992px) { .main-header__menu .menu li a { white-space: nowrap; } .main-header__menu .menu li { margin: 0 12px; } } /* === FIM FIX MENU === */ /* === FIX BOTÃO "Solicitar orçamento" (19/05/2026) === */ /* === FIM FIX BOTÃO === */ /* === FIX ESTTICA HEADER (19/05/2026) === */ @media (min-width: 992px) { /* Logo: parar de ocupar 100% do espao */ /* Boto: centralizar texto e cone */ } /* === FIM FIX ESTTICA === */ /* === FIX BALANCEAMENTO HEADER (19/05/2026) === */ @media (min-width: 992px) { .main-header__menu { padding-right: 30px; } } /* === FIM FIX BALANCEAMENTO === */ /* ============================================================ 8 MELHORIAS FINAS (19/05/2026) Adicionadas após análise do snippet WPCode Hero v.E ============================================================ */ /* 1. PADRONIZAR COR DE PARÁGRAFOS — consistência sitewide */ html body p:not(footer p):not(.hero-lead):not(.eyebrow) { color: #222 !important; } /* 2. LETTER-SPACING NOS H1 INTERNOS — consistência com hero */ html body h1:not(.hero-h1):not(.pratico-display) { letter-spacing: -0.5px !important; } /* 3. TÍTULOS DE CARDS — peso 600 ao invés de 400 (mais legível) */ html body article.post-card-equipamento h2, html body article.post-card-equipamento h3, html body article.post-card-equipamento a { font-weight: 600 !important; } /* 4. SMOOTH SCROLL — UX ao clicar em âncoras */ html { scroll-behavior: smooth; } /* 5. FOCUS VISIBLE — acessibilidade (Tab navigation) */ *:focus-visible { outline: 2px solid #0089C6; outline-offset: 3px; border-radius: 2px; } /* Remover outline default do Chrome em mouse, manter em teclado */ *:focus:not(:focus-visible) { outline: none; } /* 6. TAP TARGETS MÍNIMOS — mobile (acessibilidade WCAG) */ @media (max-width: 768px) { html body a, html body button, html body input[type="submit"], html body input[type="button"], html body [role="button"] { min-height: 44px; } /* Exceção: links inline em parágrafos podem ser menores */ html body p a, html body li a, html body td a { min-height: auto; } } /* 7. FADE-IN NO HERO — entrada suave */ /* 8. PREFERS-REDUCED-MOTION — respeitar quem não quer animação */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* === FIM 8 MELHORIAS === */ /* ============================================================ 3 MELHORIAS FINAIS (19/05/2026) ============================================================ */ /* MELHORIA 9: Espaçamento entre H2s e parágrafos (respiro visual) */ html body h2 { margin-top: 40px !important; margin-bottom: 16px !important; } html body h3 { margin-top: 28px !important; margin-bottom: 12px !important; } /* Não aplicar em containers especiais (hero, footer) */ html body footer h2, html body footer h3 { margin-top: inherit !important; margin-bottom: inherit !important; } /* MELHORIA 10: Skip-link "Pular pro conteúdo" (acessibilidade WCAG) */ .skip-to-content { position: absolute; top: -100px; left: 0; background: #0089C6; color: #ffffff; padding: 12px 24px; z-index: 100000; border-radius: 0 0 8px 0; font-weight: 600; text-decoration: none; transition: top 0.2s ease; } .skip-to-content:focus, .skip-to-content:focus-visible { top: 0; outline: 3px solid #fff; outline-offset: -3px; } /* === FIM 3 MELHORIAS FINAIS === */ /* ═══════════════════════════════════════════════ */ /* Fix CLS thumbnails blog cards — 22/05/2026 */ /* Reserva espaço antes da imagem carregar */ /* ═══════════════════════════════════════════════ */ .post-card-hm__img { aspect-ratio: 650 / 400; } .post-card-hm__img img { width: 100%; height: 100%; object-fit: cover; } /*#pl-crit-bc*//* BREADCRUMB v4 - 12/08/2026: uma linha so (NN/g), ritmo correto (o line-height era 1 e as linhas se encostavam ao quebrar no celular), separador leve e sublinhado discreto. Nasce AQUI, no , porque a trilha fica acima da dobra - CSS tardio = CLS. */ html body .bc{background:#fff;border-bottom:0} html body .bc .wrap{display:block!important;padding:16px 24px 2px!important;font:400 13px/1.5 'Open Sans','OS Fallback'!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body .bc .wrap>span{font-size:0} html body .bc .wrap>span>span{font-size:13px} html body .bc .wrap>span>span+span::before{content:"\203A";color:#9FB0BC!important;padding:0 9px;font-size:13px} html body .bc .wrap a[href]{text-decoration:underline!important;text-decoration-color:#C3D0D8!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important} html body .bc .wrap a[href]:hover,html body .bc .wrap a[href]:focus-visible{text-decoration-color:currentColor!important} html body .bc .wrap .breadcrumb_last{color:#6F7174!important} /* alvo de toque 26px (WCAG 2.2 pede 24) sem mexer no layout - mesma tecnica do link de telefone */ html body .bc .wrap a[href]{position:relative} html body .bc .wrap a[href]::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:26px} @media(max-width:760px){html body .bc .wrap{padding:12px 16px 2px!important}} /* === FIX MOBILE — HEADER STICKY NAO COBRE HERO === */ @media (max-width: 768px) { html body header.main-header { position: relative !important; transform: none !important; } html body header.main-header.navbar-faded { position: relative !important; transform: none !important; } html body .page-main, html body .main-container > section:first-of-type { margin-top: 0 !important; padding-top: 0 !important; } } /*#pratico-fa-lite*/.fa-chevron-up,.fa-calendar,.fa-tag{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--fi) center/contain no-repeat;mask:var(--fi) center/contain no-repeat;vertical-align:-.125em} .fa-chevron-up::before,.fa-calendar::before,.fa-tag::before{content:none !important} .fa-chevron-up{--fi:url(https://praticolocacoes.com.br/wp-content/uploads/2026/06/fa3-chevron-up.svg)} .fa-calendar{--fi:url(https://praticolocacoes.com.br/wp-content/uploads/2026/06/fa3-calendar.svg)} .fa-tag{--fi:url(https://praticolocacoes.com.br/wp-content/uploads/2026/06/fa3-tag.svg)} /*#pl-v3-shell*/.top-bar,.main-header{display:none!important} /* ============ SHELL v3 (Claude Design) — topbar + header brancos, site-wide ============ */ .plv3-top{background:#07283E;color:#B9CCD8;font:400 13px/1 'Open Sans','OS Fallback',sans-serif} .plv3-top .w{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:9px 24px;gap:10px} .plv3-top b{color:#EAF3F9} .plv3-top a{color:#B9CCD8;text-decoration:none} .plv3-top .star{color:#FBBF24} .plv3-hdr{position:sticky;top:0;z-index:80;background:#fff!important;border-bottom:1px solid #EEF1F4} .plv3-hdr .w{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:20px;position:relative} .plv3-hdr .lg{flex:none;display:block} .plv3-hdr .lg img{height:48px;width:auto;display:block} .plv3-nav{display:flex;gap:26px;font:600 15px/1 'Open Sans','OS Fallback',sans-serif} .plv3-nav a{color:#0F2733!important;text-decoration:none} .plv3-nav a:hover,.plv3-nav a.on{color:#0089C6!important} .plv3-wa{display:inline-flex;align-items:center;gap:10px;background:#1AAE52;color:#fff!important;font:700 15px/1 'Open Sans','OS Fallback',sans-serif;padding:14px 22px;border-radius:12px;box-shadow:0 14px 26px -12px rgba(26,174,82,.7);text-decoration:none;transition:background .15s,transform .15s;flex:none} .plv3-wa:hover{background:#148A43;color:#fff!important;transform:translateY(-1px)} .plv3-wa svg{width:19px;height:19px;flex:none} .plv3-hamb{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer} .plv3-hamb span{width:24px;height:2.5px;background:#0F2733;border-radius:2px} @media(max-width:1080px){ .plv3-nav{display:none} .plv3-hamb{display:flex} .plv3-hdr.plv3-open .plv3-nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #EEF1F4;padding:16px 24px 20px;gap:18px;box-shadow:0 24px 44px -20px rgba(16,39,51,.35);z-index:79} } @media(max-width:820px){ .plv3-top .hide-m{display:none} .plv3-hdr .plv3-wa{display:none} .plv3-hdr .lg img{height:40px} } /* ============ SHELL v3 — footer navy + flutuante + barra mobile ============ */ .plv3-foot{background:#07283E;position:relative;overflow:hidden;font-family:'Open Sans','OS Fallback',sans-serif} .plv3-foot .w{max-width:1200px;margin:0 auto;position:relative;padding:52px 24px 26px} .plv3-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1} .plv3-foot .lgw{height:44px;width:auto;margin-bottom:16px;display:block} .plv3-foot p{font:400 14px/1.6 'Open Sans','OS Fallback';color:#9FB6C6;margin:0 0 16px;max-width:280px} .plv3-foot .soc{display:flex;gap:10px} .plv3-foot .soc a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 'Open Sans','OS Fallback';color:#EAF3F9;text-decoration:none} .plv3-foot h4{font:700 13px/1 'Open Sans','OS Fallback';letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 16px} .plv3-foot .lk{display:flex;flex-direction:column;gap:11px;font:400 14px/1.4 'Open Sans','OS Fallback'} .plv3-foot .lk a{color:#9FB6C6;text-decoration:none} .plv3-foot .lk a:hover{color:#fff} .plv3-foot .ct{font:400 14px/1.7 'Open Sans','OS Fallback';color:#9FB6C6} .plv3-foot .ct b{color:#EAF3F9} .plv3-foot .word{position:absolute;left:0;right:0;bottom:-12px;text-align:center;font:800 118px/1 'Open Sans','OS Fallback'!important;color:rgba(255,255,255,.02)!important;letter-spacing:.02em;pointer-events:none;z-index:0;user-select:none;opacity:1!important} .plv3-foot .bot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;flex-wrap:wrap;gap:10px;position:relative;z-index:1;font:400 12.5px/1.5 'Open Sans','OS Fallback';color:#7A93A3} .plv3-foot .bot a{color:#4CACD7;text-decoration:none} .plv3-float{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:12px;text-decoration:none} .plv3-float .tip{background:#fff;border:1px solid #E4EAEF;border-radius:10px;padding:9px 13px;font:600 13px/1.3 'Open Sans','OS Fallback';color:#0F2733;box-shadow:0 12px 24px -12px rgba(16,39,51,.4)} .plv3-float .tip b{color:#148A43} .plv3-float .b{width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 30px -8px rgba(37,211,102,.6);animation:plv3wap 2.4s infinite} .plv3-float .b svg{width:32px;height:32px} @keyframes plv3wap{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}} @media(prefers-reduced-motion:reduce){.plv3-float .b{animation:none}} .plv3-mbar{display:none} @media(max-width:820px){ .plv3-foot .cols{grid-template-columns:1fr 1fr;gap:26px} .plv3-foot .word{font-size:70px!important} .plv3-float{bottom:76px;right:14px} .plv3-float .tip{display:none} .plv3-float .b{width:52px;height:52px} .plv3-float .b svg{width:28px;height:28px} .plv3-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:85;background:#fff;border-top:1px solid #E4EAEF;padding:10px 14px;gap:10px;box-shadow:0 -12px 30px -18px rgba(16,39,51,.4)} .plv3-mbar .tel{width:52px;height:48px;border-radius:11px;background:#EEF1F4;display:flex;align-items:center;justify-content:center;color:#0089C6;font:800 16px/1 'Open Sans','OS Fallback';flex:none;text-decoration:none} .plv3-mbar .plv3-wa{display:inline-flex;flex:1;justify-content:center;height:48px;padding:0;border-radius:11px} body{padding-bottom:68px} } /*#pl-crit-topo*/.pl-v3-int .cat{display:flex;flex-direction:column;row-gap:11px;column-gap:11px;min-height:112px}@media (max-width: 820px){.pl-v3-int .band .wrap{grid-template-columns:1fr 1fr;row-gap:0px;column-gap:0px}.pl-v3-int .cat{min-height:96px}}/*faxina*/ .pratico-wa-btn,.pratico-wa-tooltip{display:none!important}@media(max-width:820px){.plv3-float{display:none!important}}.pl-v3-home .time{color:#B9F5CF!important}.pl-v3-home .band .num{color:#fff!important}.plv3-foot p{color:#9FB6C6!important}.plv3-foot .lk a{color:#9FB6C6!important}.plv3-foot .lk a:hover{color:#fff!important}.plv3-foot h4{color:#fff!important}.plv3-foot .ct{color:#9FB6C6!important}.plv3-foot .ct b{color:#EAF3F9!important}.plv3-foot .bot{color:#7A93A3!important}.plv3-top,.plv3-top a{color:#B9CCD8!important}.plv3-top b{color:#EAF3F9!important}@media(max-width:820px){.pl-v3-home .search{padding:12px!important}}html body .plv3-foot p:not(.__n){color:#9FB6C6!important}html body .pl-v3-home .step p:not(.__n),html body .pl-v3-int .step p:not(.__n){color:#6A7680!important}/*wa*/.pratico-wa-btn{position:fixed;bottom:25px;right:25px;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:999999;text-decoration:none;transition:all 0.3s ease;animation:pratico-wa-pulse 2s infinite;}.pratico-wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.25);animation:none;}.pratico-wa-btn svg{width:32px;height:32px;fill:white;pointer-events:none;}.pratico-wa-tooltip{position:absolute;right:75px;background:#333;color:white;padding:8px 14px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}.pratico-wa-tooltip::before{content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#333;}.pratico-wa-btn:hover .pratico-wa-tooltip{opacity:1;}@keyframes pratico-wa-pulse{0%{box-shadow:0 4px 12px rgba(0,0,0,0.15),0 0 0 0 rgba(37,211,102,0.7);}70%{box-shadow:0 4px 12px rgba(0,0,0,0.15),0 0 0 14px rgba(37,211,102,0);}100%{box-shadow:0 4px 12px rgba(0,0,0,0.15),0 0 0 0 rgba(37,211,102,0);}}@media (max-width:768px){.pratico-wa-btn{width:56px;height:56px;bottom:20px;right:20px;}.pratico-wa-btn svg{width:28px;height:28px;}.pratico-wa-tooltip{display:none;}} /*#pl-crit-post*//*pl-po-crit*/ .single-post .header-title{background:#fff;padding:22px 0 4px;text-align:left}.single-post .header-title .container{max-width:1040px}.single-post .header-title h1{color:#0F2733;font-size:clamp(25px,3vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.16;max-width:840px;margin:8px 0 0;text-transform:none}.single-post .post-content-single .row{display:grid;grid-template-columns:1fr;gap:0;margin:0}.single-post .post-content-single [class*="col-md-"]{width:100%;max-width:none;flex:none;padding:0;float:none}.single-post .post-content-single .col-md-2{display:none}.single-post .post-content-single .col-md-7{max-width:1040px;margin:0 auto;padding:0 24px}.single-post .content-post__text{max-width:760px;margin:0 auto}.single-post .post-content-single .col-md-3{max-width:1040px;margin:34px auto 0;padding:0 24px}.single-post .fixed-bar{position:static;top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:760px){.single-post .fixed-bar{grid-template-columns:1fr}.single-post .post-content-single .col-md-7{padding:0 18px}}/*pl-v3-post*/ .single-post .header-title{background:#fff!important;padding:22px 0 4px!important;text-align:left!important}.single-post .header-title .container{max-width:1040px}html body.single-post .header-title h1:not(.__n){color:#0F2733!important;font-size:clamp(25px,3vw,36px)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.16!important;max-width:840px;text-wrap:balance;margin:8px 0 0!important;text-transform:none!important}.pl-po-badge{display:inline-block;background:#EEF6FB;border:1px solid #CFE6F2;color:#0A6FA0;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:5px 12px;text-decoration:none}.pl-po-badge:hover{background:#0089C6;color:#fff}.pl-po-meta{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#808285;margin:12px 0 2px}.pl-po-meta .av{width:26px;height:26px;flex:none;border-radius:50%;background:#0089C6;color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.pl-po-meta b{color:#0F2733}.single-post .post-content-single .row{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important}.single-post .post-content-single [class*="col-md-"]{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;float:none!important}.single-post .post-content-single .col-md-2{display:none}.single-post .post-content-single .col-md-7{max-width:1040px;margin:0 auto;padding:0 24px!important}.single-post .content-post__text{max-width:760px;margin:0 auto}html body.single-post .content-post__text p:not(.__n){font-size:16.5px!important;line-height:1.75!important;color:#3E4A52!important}html body.single-post .content-post__text h2:not(.__n){font-size:clamp(21px,2.4vw,27px)!important;font-weight:800!important;color:#0F2733!important;letter-spacing:-.01em!important;margin:34px 0 12px!important;line-height:1.25!important}html body.single-post .content-post__text h3:not(.__n){font-size:18px!important;font-weight:800!important;color:#0F2733!important;margin:24px 0 8px!important}.single-post .content-post__text img{border-radius:14px;max-width:100%;height:auto}.single-post .content-post__text table{width:100%;border-collapse:collapse;font-size:14px;margin:18px 0;overflow:hidden;border-radius:10px}.single-post .content-post__text table th{background:#0B3A5C}html body.single-post .content-post__text table th:not(.__n){color:#fff!important;font-weight:700}.single-post .content-post__text table td,.single-post .content-post__text table th{border:1px solid #E4EAEF;padding:9px 12px;text-align:left}.single-post .content-post__text ul{padding-left:20px}.single-post .content-post__text li{margin-bottom:6px;line-height:1.65}.single-post .autor{display:flex;gap:13px;align-items:flex-start;background:#F4F6F8;border:1px solid #E4EAEF;border-radius:14px;padding:16px 18px}.single-post .autor .av{width:38px;height:38px;flex:none;border-radius:50%;background:#0089C6;color:#fff;font-weight:800;font-size:17px;display:inline-flex;align-items:center;justify-content:center}html body.single-post .autor span:not(.av):not(.__n){color:#54565A!important;font-size:13.5px;line-height:1.55}.single-post .post-content-single .col-md-3{max-width:1040px;margin:34px auto 0;padding:0 24px!important}.single-post .fixed-bar{position:static!important;top:auto!important;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.single-post .fixed-bar h5{grid-column:1/-1;font-size:clamp(20px,2.2vw,25px)!important;font-weight:800!important;color:#0F2733!important;margin:0 0 2px}.single-post .fixed-bar h5::before{content:"";display:block;width:34px;height:3px;background:#0089C6;border-radius:2px;margin-bottom:10px}.single-post .item-post-view{background:#fff;border:1px solid #E4EAEF;border-radius:14px;padding:15px 16px;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s}.single-post .item-post-view:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(16,39,51,.35)}.single-post .item-post-view ul li a{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#0A6FA0!important}.single-post .item-post-view .link-post{border:0!important;margin:6px 0 0!important;padding:0!important}.single-post .item-post-view .link-post h6{font-size:14.5px;font-weight:700;line-height:1.4;color:#0F2733;margin:0}.single-post .item-post-view .fa-tag{display:none}@media(max-width:760px){.single-post .fixed-bar{grid-template-columns:1fr}.single-post .post-content-single .col-md-7{padding:0 18px!important}}/*pl-po-v2*/html body.single-post .post-content-single .col-md-7>picture{display:block;max-width:760px;margin:10px auto 46px}html body.single-post .post-content-single .col-md-7>picture img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block;box-shadow:0 1px 2px rgba(16,39,51,.05),0 22px 44px -30px rgba(16,39,51,.28)}html body.single-post .content-post__text figcaption{text-align:center;color:#6B7680}html body.single-post .related-single-post{margin-top:54px!important;padding-top:34px;border-top:1px solid #E4EAEF}html body.single-post .related-single-post h3{margin:0 0 22px!important}html body.single-post .related-single-post .row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;margin:0!important}html body.single-post .related-single-post .row [class*=col-md-]{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}html body.single-post .related-single-post .post-card-hm__img{border-radius:14px;overflow:hidden}html body.single-post .related-single-post .post-card-hm__img picture{display:block}html body.single-post .related-single-post .post-card-hm__img img{width:100%;height:auto;aspect-ratio:650/400;object-fit:cover;display:block}@media(max-width:860px){html body.single-post .related-single-post .row{grid-template-columns:1fr!important;gap:24px!important}}@media(max-width:760px){html body.single-post .post-content-single .col-md-7>picture{margin:6px auto 32px}html body.single-post .post-content-single .col-md-7>picture img{border-radius:12px}}html body.single-post.postid-418 .post-content-single .col-md-7>picture img,html body.single-post.postid-377 .post-content-single .col-md-7>picture img,html body.single-post.postid-382 .post-content-single .col-md-7>picture img,html body.single-post.postid-368 .post-content-single .col-md-7>picture img{object-position:center top}html body.single-post a.pl-cro__wa.pl-cro__wa{font-size:19px!important} /*#wp-block-list-inline-css*/ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} /*# sourceURL=https://praticolocacoes.com.br/wp-includes/blocks/list/style.min.css */ /*#wp-block-paragraph-inline-css*/.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} /*# sourceURL=https://praticolocacoes.com.br/wp-includes/blocks/paragraph/style.min.css */ /*#pl-toque*/a[href^="tel:"]{position:relative}a[href^="tel:"]::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px;min-width:44px}/*fix contraste CTA das LPs (18/08): a regra global do tema tem :not(footer p) que soma especificidade escondida e vencia a corretiva*//*design 18/08: tabelas de specs no mobile*//*alvo de toque 24px+ nos links de texto (lista, migalha ja tem, topo, rodape)*/.plv3-top a,.plv3-foot .lk a{position:relative}.plv3-top a::after,.plv3-foot .lk a::after{content:'';position:absolute;left:-2px;right:-2px;top:50%;transform:translateY(-50%);height:26px}/*espaco reservado (CLS/PSI) p/ imgs sem width/height*/img[src*='sindileq-badge']{width:150px;height:73px;object-fit:contain}img[src$='chat.svg'],img[src$='chat2.svg']{width:15px;height:15px}/*pl-tab-fix*/ /*#pl-crit-hdr*/html body .plv3-hdr .lg img{height:60px!important;width:auto!important;max-width:none!important} @media(max-width:760px){html body .plv3-hdr .lg img{height:50px!important}}/*v28 A: fonte reserva metrica p/ titulos e chips*/html body :is(h1,h2,h3,h4){font-family:"Open Sans","OS Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}/*v28 D: reserva das fotos do hero de cidade*//*v29 a: regra do CSS externo adiantada (H1 das paginas e maiusculo no fim)*//*v29 b: fonte reserva metrica em negrito (Arial Bold real, larguras medidas contra a Open Sans 700/800)*/@font-face{font-family:"OS Fallback";font-weight:700;src:local("Arial-BoldMT"),local("Arial Bold");size-adjust:104.4%;ascent-override:102.4%;descent-override:28.06%;line-gap-override:0%}@font-face{font-family:"OS Fallback";font-weight:800;src:local("Arial-BoldMT"),local("Arial Bold");size-adjust:107.5%;ascent-override:99.4%;descent-override:27.25%;line-gap-override:0%}/*v31: loaders do tema (infraloader branco + pageloader navy) desligados em TODA largura — no critico a regra so valia ate 991px*/html body .pageloader,html body div.pageloader,html body .infraloader,html body div.infraloader,html body .infraloader.is-active,html body .pageloader.is-active{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important} /*#pl-float-v2*/html body a.plv3-float.plv3-float{background:transparent!important;gap:12px;right:26px;bottom:26px;border-radius:0;box-shadow:none}html body a.plv3-float.plv3-float .tip{position:relative;z-index:1;display:block;background:#fff;border:1px solid #D6F2E0;border-radius:999px;padding:8px 15px;font:600 13px/1.2 "Open Sans","OS Fallback",Arial,sans-serif;color:#127C3C;white-space:nowrap;box-shadow:0 6px 18px -8px rgba(16,39,51,.35)}html body a.plv3-float.plv3-float .b{position:relative;z-index:0;width:60px;height:60px;border-radius:50%;background:#25D366!important;color:#fff;box-shadow:0 10px 22px -8px rgba(18,140,70,.55);animation:none}html body a.plv3-float.plv3-float .b::before,html body a.plv3-float.plv3-float .b::after{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;opacity:0;animation:plFloatPulso 2.4s cubic-bezier(.22,.61,.36,1) infinite}html body a.plv3-float.plv3-float .b::after{animation-delay:1.2s}html body a.plv3-float.plv3-float:hover .b{transform:scale(1.06)}html body a.plv3-float.plv3-float .b{transition:transform .2s ease}@keyframes plFloatPulso{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.85);opacity:0}}@media (prefers-reduced-motion:reduce){html body a.plv3-float.plv3-float .b::before,html body a.plv3-float.plv3-float .b::after{animation:none}} /*#pl-fix-2209*/ /*#pl-crit-conteudo*/.post-content-single__text p{font-size:18px;line-height:26px;color:#16181d}@media(max-width: 768px){.post-content-single__text p{font-size:16px;line-height:24px}}.post-content-single__text h1,.post-content-single__text h2,.post-content-single__text h3,.post-content-single__text h4,.post-content-single__text h5{font-size:30px;line-height:36px;font-weight:500;color:#16181d;margin:30px 0}@media(max-width: 768px){.post-content-single__text h1,.post-content-single__text h2,.post-content-single__text h3,.post-content-single__text h4,.post-content-single__text h5{font-size:22px;line-height:28px;margin:15px 0}}.post-content-single__text h2{font-size:28px;line-height:34px}@media(max-width: 768px){.post-content-single__text h2{font-size:20px;line-height:26px}}.post-content-single__text h3,.post-content-single__text h4,.post-content-single__text h5{font-size:24px;line-height:32px}@media(max-width: 768px){.post-content-single__text h3,.post-content-single__text h4,.post-content-single__text h5{font-size:18px;line-height:26px}}.post-content-single__text ul{padding-left:20px;margin-bottom:1rem}.post-content-single__text ul li{font-size:18px;line-height:26px;color:#16181d}.post-content-single__text a{color:#101828;text-decoration:underline;font-size:18px;line-height:26px}@media(max-width: 767px){.post-content-single__text img{margin-top:20px}} /*#pl-po-v2*/html body.single-post .post-content-single .col-md-7>picture{display:block;max-width:760px;margin:10px auto 46px}html body.single-post .post-content-single .col-md-7>picture img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block;box-shadow:0 1px 2px rgba(16,39,51,.05),0 22px 44px -30px rgba(16,39,51,.28)}html body.single-post .content-post__text figcaption{text-align:center;color:#6B7680}html body.single-post .related-single-post{margin-top:54px!important;padding-top:34px;border-top:1px solid #E4EAEF}html body.single-post .related-single-post h3{margin:0 0 22px!important}html body.single-post .related-single-post .row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;margin:0!important}html body.single-post .related-single-post .row [class*=col-md-]{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}html body.single-post .related-single-post .post-card-hm__img{border-radius:14px;overflow:hidden}html body.single-post .related-single-post .post-card-hm__img picture{display:block}html body.single-post .related-single-post .post-card-hm__img img{width:100%;height:auto;aspect-ratio:650/400;object-fit:cover;display:block}@media(max-width:860px){html body.single-post .related-single-post .row{grid-template-columns:1fr!important;gap:24px!important}}@media(max-width:760px){html body.single-post .post-content-single .col-md-7>picture{margin:6px auto 32px}html body.single-post .post-content-single .col-md-7>picture img{border-radius:12px}}html body.single-post.postid-418 .post-content-single .col-md-7>picture img,html body.single-post.postid-377 .post-content-single .col-md-7>picture img,html body.single-post.postid-382 .post-content-single .col-md-7>picture img,html body.single-post.postid-368 .post-content-single .col-md-7>picture img{object-position:center top}html body.single-post a.pl-cro__wa.pl-cro__wa{font-size:19px!important} /*PRATICO_TOC_CLS*/@media(max-width:767.98px){.post-content-single .col-md-2{display:none!important}}.post-content-single .col-md-7>picture{display:block}.post-content-single .col-md-7>picture>img,.post-content-single .col-md-7>img{width:100%;height:auto;aspect-ratio:1/1} /*#pl-po-crit*//* layout do post no primeiro paint (anti-CLS): mesmas regras estruturais do #1860 */ .single-post .header-title{background:#fff;padding:22px 0 4px;text-align:left} .single-post .header-title .container{max-width:1040px} .single-post .header-title h1{color:#0F2733;font-size:clamp(25px,3vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.16;max-width:840px;margin:8px 0 0;text-transform:none} .single-post .post-content-single .row{display:grid;grid-template-columns:1fr;gap:0;margin:0} .single-post .post-content-single [class*="col-md-"]{width:100%;max-width:none;flex:none;padding:0;float:none} .single-post .post-content-single .col-md-2{display:none} .single-post .post-content-single .col-md-7{max-width:1040px;margin:0 auto;padding:0 24px} .single-post .content-post__text{max-width:760px;margin:0 auto} .single-post .post-content-single .col-md-3{max-width:1040px;margin:34px auto 0;padding:0 24px} .single-post .fixed-bar{position:static;top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} @media(max-width:760px){.single-post .fixed-bar{grid-template-columns:1fr}.single-post .post-content-single .col-md-7{padding:0 18px}} /*#pl-cro-css*/.pl-cro{margin:34px 0;padding:22px 24px;border:1px solid #E4EAEF;border-left:5px solid #0089C6;border-radius:12px;background:#F7FAFC}.pl-cro__t{margin:0 0 8px;font-size:20px;font-weight:800;color:#0F2733;line-height:1.25}.pl-cro__s{margin:0 0 16px;font-size:15px;color:#54565A;line-height:1.6}.pl-cro__btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pl-cro__wa{display:inline-flex;align-items:center;gap:9px;background:#148A43;font-weight:700;font-size:19px;padding:13px 22px;border-radius:10px;text-decoration:none;line-height:1.2}.pl-cro__wa:hover{background:#0F6E35}html body .content-post__text a.pl-cro__wa.pl-cro__wa,html body a.pl-cro__wa.pl-cro__wa:hover{color:#fff!important}.pl-cro__l{margin:14px 0 0;font-size:14.5px}.pl-cro__l a{color:#006C9E}.pl-cro__frete{color:#0F2733;font-weight:600} /*#pl-premium*/:root{--pl-brand:#0089C6;--pl-brand-ink:#01698f;--pl-brand-hover:#0072a6;--pl-brand-050:#eaf6fc;--pl-brand-100:#cfe9f7;--pl-ring:rgba(0,137,198,.45);--pl-ink:#0f141a;--pl-border:#e4eaf0;--pl-r1:8px;--pl-r2:14px;--pl-pill:999px;--pl-s1:0 1px 2px rgba(20,40,80,.06),0 1px 3px rgba(0,0,0,.05);--pl-s2:0 6px 16px -8px rgba(20,50,90,.18),0 3px 8px -4px rgba(0,0,0,.06);--pl-s3:0 22px 42px -18px rgba(20,50,90,.28),0 10px 22px -12px rgba(0,0,0,.10);--pl-ease:cubic-bezier(.4,0,.2,1)} h1,h2,h3,.title-post-equipamento{text-wrap:balance;font-feature-settings:"kern","liga"} a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--pl-ring);outline-offset:2px;border-radius:var(--pl-r1)} .produtos-destaques,.pratico-depoimentos-reais,.vantagens-home,.como-funciona,.faq-home,.marcas-home-pratico{padding-top:clamp(3.25rem,6vw,5.5rem)!important;padding-bottom:clamp(3.25rem,6vw,5.5rem)!important} html body article.post-card-equipamento{box-shadow:var(--pl-s1)!important;overflow:hidden;transition:transform .22s var(--pl-ease),box-shadow .22s var(--pl-ease),border-color .22s var(--pl-ease)} @media(hover:hover){html body article.post-card-equipamento:hover{transform:translateY(-6px);box-shadow:var(--pl-s3)!important;border-color:var(--pl-brand-100)!important}} html body article.post-card-equipamento .title-post-equipamento{font-weight:700!important;line-height:1.3!important;color:var(--pl-ink)!important;transition:color .18s var(--pl-ease)} html body article.post-card-equipamento:hover .title-post-equipamento{color:var(--pl-brand)!important} @media(prefers-reduced-motion:reduce){.post-card-equipamento{transition:none!important}.post-card-equipamento:hover{transform:none!important}} /*#pl-award*//* ============ CAMADA AWARD (Leva 1-3) — CWV-safe: transform/opacity, reduced-motion, so abaixo da dobra ============ */ :root{--aw-brand:#0089C6;--aw-ink:#0f141a;--aw-navy:#07283e;--aw-ease:cubic-bezier(.2,.8,.2,1)} ::selection{background:var(--aw-brand);color:#fff} h1,h2,h3,.title-post-equipamento{text-wrap:balance} .main-footer a:not(.btn-header):not(.pratico-wa-btn),.faq-home a{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s var(--aw-ease)} .main-footer a:hover,.faq-home a:hover{background-size:100% 1.5px} .faq-home [id]{scroll-margin-top:90px} @media(hover:hover){#pl-go:hover{transform:translateY(-2px) scale(1.015)} .pratico-wa-btn:hover{transform:scale(1.07)}} #pl-go,.pratico-wa-btn{transition:transform .18s var(--aw-ease),box-shadow .18s var(--aw-ease),background-color .18s var(--aw-ease)} #pl-go:active{transform:translateY(0) scale(.98)} @media(prefers-reduced-motion:no-preference){.aw-pulse{animation:awpulse 1.6s var(--aw-ease) 2}@keyframes awpulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}} @media(prefers-reduced-motion:no-preference){[data-aw]{opacity:0;transform:translateY(16px);transition:opacity .6s var(--aw-ease),transform .6s var(--aw-ease)}[data-aw].aw-in{opacity:1;transform:none}[data-aw-stagger]>*{opacity:0;transform:translateY(14px);transition:opacity .5s var(--aw-ease),transform .5s var(--aw-ease)}[data-aw-stagger].aw-in>*{opacity:1;transform:none}[data-aw-stagger].aw-in>*:nth-child(2){transition-delay:.08s}[data-aw-stagger].aw-in>*:nth-child(3){transition-delay:.16s}[data-aw-stagger].aw-in>*:nth-child(4){transition-delay:.24s}[data-aw-stagger].aw-in>*:nth-child(n+5){transition-delay:.3s}} #pl-band{background:var(--aw-navy)!important;position:relative;overflow:hidden} #pl-band .pl-num{color:#fff!important} #pl-band::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 15% 0%,rgba(0,137,198,.35),transparent 60%);pointer-events:none} .main-footer{position:relative;overflow:hidden} .main-footer::before{content:"PRÁTICO";position:absolute;left:50%;bottom:-.22em;transform:translateX(-50%);font-family:inherit;font-weight:800;font-size:clamp(70px,17vw,220px);line-height:.8;letter-spacing:-.03em;color:#fff;opacity:.045;pointer-events:none;white-space:nowrap;z-index:0} .main-footer>*{position:relative;z-index:1} .main-header{transition:transform .32s var(--aw-ease)} .pl-hdr-hide .main-header{transform:translateY(-100%)} @media(prefers-reduced-motion:reduce){.main-header{transition:none}.pl-hdr-hide .main-header{transform:none}} @view-transition{navigation:auto} /*#pl-award2*//* (3) titulo do hero mais firme (0 CLS: tema ja entrega o tamanho; adiciona tracking) */ /* (7) overlay azul sutil na foto ambiente do hero */ /* (10) CTA final do rodape */ .pl-foot-cta{background:linear-gradient(120deg,#07283e,#0b3d5e);border-radius:16px;padding:26px 22px;margin:4px 0 34px;text-align:center;position:relative;overflow:hidden} .pl-foot-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 130% at 12% 0%,rgba(0,137,198,.4),transparent 60%);pointer-events:none} .pl-foot-cta__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px} .pl-foot-cta__t{font-size:clamp(1.25rem,1rem + 1.4vw,1.9rem);font-weight:800;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.12} .pl-foot-cta__s{color:rgba(255,255,255,.82);margin:0 0 8px;font-size:1rem} .pl-foot-cta__b{display:inline-flex;align-items:center;gap:9px;background:#25d366;color:#052b12;font-weight:800;padding:13px 26px;border-radius:999px;text-decoration:none;font-size:1.06rem;box-shadow:0 10px 24px -8px rgba(37,211,102,.6);transition:transform .18s var(--aw-ease,ease),box-shadow .18s} .pl-foot-cta__b svg{width:20px;height:20px;fill:currentColor} @media(hover:hover){.pl-foot-cta__b:hover{transform:translateY(-2px) scale(1.03)}} .pl-foot-cta__b:active{transform:translateY(0) scale(.98)} /* (14) morph card->produto */ @media(prefers-reduced-motion:reduce){@view-transition{navigation:none}} /*#pl-404fix*/body.error404 #main-content.page-main{display:none!important} /*#pl-v3-pages*//* ============================================================ PL DESIGN v3 — PÁGINAS INTERNAS no padrão novo (Claude Design) produto · catálogo · blog · post · como-alugar · quem-somos · contato Reverter = remover este bloco do #1860. ============================================================ */ /* ---- base interna: tipografia e títulos ---- */ .page-main,.page-main-single{font-family:'Open Sans','OS Fallback',system-ui,sans-serif} .page-main h1,.page-main-single h1,.page-main h2,.page-main-single h2{color:#0F2733;font-weight:800;letter-spacing:-.01em} .page-main-single h1{text-transform:none!important} .page-main a:not([class]),.page-main-single a:not([class]){color:#0089C6} /* ---- PRODUTO (single-equipamentos) ---- */ .img-equipamentos-single{border-radius:18px!important;border:1px solid #E7EDF2;box-shadow:0 1px 2px rgba(16,39,51,.05),0 26px 50px -30px rgba(16,39,51,.35);overflow:hidden;background:#fff} .title-post-equipamento{color:#0F2733!important;font-weight:800!important} .pcalc-wa,.pcalc-btn{background:#1AAE52!important;border-radius:12px!important;box-shadow:0 14px 26px -12px rgba(26,174,82,.7)!important;transition:background .15s,transform .15s!important} .pcalc-wa:hover,.pcalc-btn:hover{background:#148A43!important;transform:translateY(-1px)} .pcalc{border-radius:18px!important;overflow:hidden;border:1px solid #E7EDF2} .pcalc-head{background-color:#07283E!important;background-image:repeating-linear-gradient(125deg,rgba(255,255,255,.05) 0 2px,transparent 2px 30px)!important} /* cards de equipamento (produto relacionado + catálogo) */ .post-card-equipamento{border-radius:18px!important;border:1px solid #E7EDF2!important;box-shadow:0 1px 2px rgba(16,39,51,.05),0 26px 50px -30px rgba(16,39,51,.35)!important;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s!important} .post-card-equipamento:hover{box-shadow:0 40px 70px -34px rgba(16,39,51,.5)!important;transform:translateY(-2px)} .post-card-equipamento .title-post-equipamento{font-size:17.5px!important;line-height:1.3!important} /* ---- CATÁLOGO ---- */ /* ---- BLOG lista ---- */ .item-post-view{border-radius:16px!important;border:1px solid #E7EDF2!important;box-shadow:0 12px 30px -24px rgba(16,39,51,.3)!important;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s} .item-post-view:hover{box-shadow:0 26px 50px -30px rgba(16,39,51,.4)!important;transform:translateY(-2px)} .link-post{color:#0F2733!important;font-weight:800!important} .link-post:hover{color:#0089C6!important} /* ---- POST (guia) ---- */ .content-post__text{font-size:16.5px!important;line-height:1.8!important;color:#54565A} .content-post__text h2{font-weight:800!important;color:#0F2733!important;margin-top:1.6em} .content-post__text h3{font-weight:700!important;color:#0F2733!important} .content-post__text table{border-collapse:collapse;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px -24px rgba(16,39,51,.3)} .content-post__text table th{background:#07283E!important;color:#fff!important;font-weight:700;padding:11px 14px;text-align:left} .content-post__text table td{padding:10px 14px;border-bottom:1px solid #EEF1F4} .content-post__text table tr:nth-child(even) td{background:#F4F6F8} .content-post__text .resposta,.resposta{background:#EEF6FB!important;border:1px solid #CFE3F0!important;border-radius:14px!important;padding:18px 22px!important} .content-post__text img{border-radius:14px} /* ---- COMO ALUGAR ---- */ .accordion{border:1px solid #E4EAEF!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important} .faq-home .accordion{margin-bottom:12px} /* ---- QUEM SOMOS ---- */ .page-main .img img{border-radius:18px} /* ---- CONTATO ---- */ /* ---- CTA pré-footer (todas) ---- */ .pl-foot-cta__in{background:linear-gradient(120deg,#0089C6,#006C9E)!important;background-image:repeating-linear-gradient(125deg,rgba(255,255,255,.05) 0 2px,transparent 2px 30px),linear-gradient(120deg,#0089C6,#006C9E)!important;border-radius:0!important} .pl-foot-cta__b{background:#1AAE52!important;border-radius:12px!important;box-shadow:0 14px 26px -12px rgba(26,174,82,.7)!important} .pl-foot-cta__b:hover{background:#148A43!important} /* barra sticky do produto (mobile) */ /*#pl-v3-internas*/:root{--azul:#0089C6;--azul-dk:#006C9E;--azul-70:#4CACD7;--navy:#07283E;--navy-2:#0B3A5C;--wa:#1AAE52;--wa-dk:#148A43;--wa-circle:#25D366;--ink:#0F2733;--corpo:#54565A;--cinza:#808285;--linha:#E4EAEF;--soft:#F4F6F8;--azul-claro:#EEF6FB;--ouro:#FBBF24;--wrap:1200px;--card:0 1px 2px rgba(16,39,51,.05),0 26px 50px -30px rgba(16,39,51,.35)} /* ===== base (prefixada .pl-v3-int) ===== */ /* ============================================================ PRÁTICO LOCAÇÕES — HOME (referência de produção) Tokens no :root. No tema, para o CSS CRÍTICO (above-the-fold), inline os valores literais (sem var()). WhatsApp: wa.me/558130313048 ============================================================ */ :root{ --azul:#0089C6; --azul-dk:#006C9E; --azul-70:#4CACD7; --navy:#07283E; --navy-2:#0B3A5C; --wa:#1AAE52; --wa-dk:#148A43; --wa-circle:#25D366; --ink:#0F2733; --corpo:#54565A; --cinza:#808285; --linha:#E4EAEF; --soft:#F4F6F8; --azul-claro:#EEF6FB; --ouro:#FBBF24; --wrap:1200px; --card:0 1px 2px rgba(16,39,51,.05), 0 26px 50px -30px rgba(16,39,51,.35); } .pl-v3-int img{max-width:100%;display:block} .pl-v3-int a{color:var(--azul);text-decoration:none} .pl-v3-int a:hover{color:var(--azul-dk)} .pl-v3-int h1,.pl-v3-int h2,.pl-v3-int h3{color:var(--ink);margin:0} .pl-v3-int .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px} .pl-v3-int .h2{font:800 34px/1.12 'Open Sans','OS Fallback';letter-spacing:-.01em;margin-top:14px} /* botão WhatsApp */ /* slot de foto (trocar por foto real da frota / WebP) */ /* ---------- SECTIONS ---------- */ .pl-v3-int .sec{padding:70px 0} /* categorias */ .pl-v3-int .cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:20px 10px 16px;min-height:112px;box-shadow:0 12px 30px -24px rgba(16,39,51,.3);transition:border-color .15s,box-shadow .15s,transform .15s} .pl-v3-int .cat:hover{border-color:var(--azul);box-shadow:0 20px 36px -22px rgba(0,137,198,.4);transform:translateY(-2px)} .pl-v3-int .cat svg{width:32px;height:32px;stroke:var(--azul);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} .pl-v3-int .cat span{font:700 13px/1.3 'Open Sans','OS Fallback';color:var(--ink)} .pl-v3-int .cat.all{background:var(--navy);border-color:var(--navy)} .pl-v3-int .cat.all span{color:#fff} .pl-v3-int .cat.all svg{stroke:#fff} /* destaques */ /* vantagens */ /* passos */ .pl-v3-int .step{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:28px 24px;box-shadow:0 18px 40px -28px rgba(16,39,51,.3)} .pl-v3-int .step .no{width:46px;height:46px;border-radius:12px;background:var(--azul);color:#fff;font:800 20px/1 'Open Sans','OS Fallback';display:flex;align-items:center;justify-content:center} .pl-v3-int .step h3{font:800 19px/1.25 'Open Sans','OS Fallback';margin:18px 0 8px} .pl-v3-int .step p{font:400 14.5px/1.55 'Open Sans','OS Fallback';color:#6A7680;margin:0;position:relative} /* depoimentos */ /* faq */ /* cta final */ /* footer */ /* whatsapp flutuante */ /* barra fixa mobile (Ligar + WhatsApp) — só mobile */ /* =================== MOBILE =================== */ @media (max-width:820px){ .pl-v3-int .nav{display:none} /* regra do dono: hero sem foto no mobile */ .pl-v3-int .search{max-width:none} .pl-v3-int .search .row{flex-direction:column} .pl-v3-int .search .inp{min-height:50px;font-size:16px} /* 16px evita zoom no iOS */ .pl-v3-int .band .wrap{grid-template-columns:1fr 1fr;gap:0} .pl-v3-int .band .n{border-bottom:1px solid rgba(255,255,255,.12)} .pl-v3-int .band .n:nth-child(odd){border-right:1px solid rgba(255,255,255,.12)} .pl-v3-int .band .num{font-size:26px} .pl-v3-int .cat{min-height:96px;padding:14px 6px 12px} .pl-v3-int .cat svg{width:26px;height:26px} .pl-v3-int .cat span{font-size:11.5px} .pl-v3-int .h2{font-size:26px} .pl-v3-int .sec{padding:48px 0} /* barra fixa inferior */ } /* ===== internas (prefixada) ===== */ /* ---------- páginas internas ---------- */ /* ===== livres: single/blog/catalogo ===== */ .bc{background:var(--soft);border-bottom:1px solid #EEF1F4} .bc .wrap{display:flex;align-items:center;gap:8px;padding:11px 24px;font:400 13px/1 'Open Sans','OS Fallback';color:var(--cinza);flex-wrap:wrap} .bc a{color:var(--cinza)} .bc a:hover{color:var(--azul)} .bc b{color:var(--ink);font-weight:600} .autor{display:flex;gap:16px;align-items:center;background:var(--soft);border:1px solid var(--linha);border-radius:14px;padding:18px 20px;margin:34px 0 0} .autor .av{width:52px;height:52px;border-radius:50%;background:var(--azul);color:#fff;font:800 18px/1 'Open Sans','OS Fallback';display:flex;align-items:center;justify-content:center;flex:none} .autor b{color:var(--ink);font:700 15px/1.3 'Open Sans','OS Fallback'} .autor span{font:400 13px/1.5 'Open Sans','OS Fallback';color:var(--cinza)} .filters{background:var(--soft);border-bottom:1px solid #EEF1F4} /* miolo interno ocupa a largura toda */ .pl-v3-int{font-family:'Open Sans','OS Fallback',system-ui,sans-serif;color:#54565A;font-size:16px;line-height:1.6} .pl-v3-int img{max-width:100%} /*#pl-v3-polish*/ /*#pl-v3-fixes*//* contrastes nos cards navy (tema vencia sem important) */ /* blog: titulos dos cards no padrao ink 800 + cards */ .title-post-card{color:#0F2733!important;font-weight:800!important;line-height:1.3!important} .title-post-card:hover{color:#0089C6!important} .post-card-hm{border-radius:16px!important;border:1px solid #E7EDF2!important;box-shadow:0 12px 30px -24px rgba(16,39,51,.3)!important;overflow:hidden!important;background:#fff!important;transition:box-shadow .2s,transform .2s} .post-card-hm:hover{box-shadow:0 26px 50px -30px rgba(16,39,51,.4)!important;transform:translateY(-2px)} /* icones REAIS nos pilares (truck/wrench/hardhat) - home e quem-somos */ /*#pl-v3-faxina*//* === FAXINA GERAL: 1 WhatsApp por contexto + contrastes a prova de tema === */ /* botao flutuante ANTIGO do tema (voltou no v4) */ .pratico-wa-btn,.pratico-wa-tooltip{display:none!important} /* mobile: apenas a barra fixa inferior; esconder a bolinha flutuante */ @media(max-width:820px){.plv3-float{display:none!important}} /* HOME hero */ .pl-v3-home .time{color:#B9F5CF!important} /* banda */ .pl-v3-home .band .num{color:#fff!important} /* passos/depoimentos/cta */ /* INTERNAS phero/breadcrumb */ /* FOOTER shell */ .plv3-foot p{color:#9FB6C6!important} .plv3-foot .lk a{color:#9FB6C6!important} .plv3-foot .lk a:hover{color:#fff!important} .plv3-foot h4{color:#fff!important} .plv3-foot .ct{color:#9FB6C6!important} .plv3-foot .ct b{color:#EAF3F9!important} .plv3-foot .bot{color:#7A93A3!important} .plv3-top,.plv3-top a{color:#B9CCD8!important} .plv3-top b{color:#EAF3F9!important} /* banda interna catalogo/blog */ /* mobile: respiro do hero */ @media(max-width:820px){ .pl-v3-home .search{padding:12px!important} } /* vencer html body p:not()... do award: +1 classe de specificity */ html body .plv3-foot p:not(.__n){color:#9FB6C6!important} html body .pl-v3-home .step p:not(.__n),html body .pl-v3-int .step p:not(.__n){color:#6A7680!important} /*#pl-v3-premium*//* ============ LEVA PREMIUM (frontend-design QI300) ============ */ /* FIX: icones dos pilares — path correto /2026/05/ */ /* selecao e foco na cor da marca */ ::selection{background:#0089C6;color:#fff} .pl-v3-home a:focus-visible,.pl-v3-int a:focus-visible,.plv3-nav a:focus-visible,.plv3-wa:focus-visible{outline:2px solid #0089C6;outline-offset:2px;border-radius:4px} /* tipografia fina */ .pl-v3-home .h2,.pl-v3-int .h2{text-wrap:balance} .pl-v3-home .band .num{font-variant-numeric:tabular-nums} /* hero: mais presenca em telas grandes + laminas (assinatura) mais visiveis */ /* marcas: 4+4 harmonico */ .pl-v3-home .marcas{max-width:940px;margin-left:auto;margin-right:auto} /* movimento: UMA curva para tudo */ .pl-v3-home .cat,.pl-v3-int .step,.post-card-hm{transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s cubic-bezier(.2,.7,.3,1),border-color .22s!important} /* assinatura do depoimento destaque: aspas grandes */ /* respiro ritmado: secoes alternadas respiram diferente */ @media(min-width:1024px){.pl-v3-home .sec{padding:78px 0}} /* reveal suave (so abaixo da dobra; transform/opacity; respeita reduced-motion) */ @media(prefers-reduced-motion:no-preference){ .plv3-rv.in{animation:plv3in .68s cubic-bezier(.2,.7,.3,1) both} @keyframes plv3in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} } /* pl-v3-footpad: mbar fixa nao tapa o fim do footer */ @media(max-width:760px){html body .plv3-foot{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}} /* pl-v3-totop: back-to-top do tema — some no mobile, restilizado no desktop */ @media(max-width:760px){html body #toTop{display:none!important}} html body #toTop{background:#0B3A5C!important;border-radius:12px!important;box-shadow:0 10px 24px -12px rgba(7,40,62,.5)!important;opacity:.92} html body #toTop:hover{background:#0089C6!important} /* pl-v3-feat-txt: depoimento destaque preenche o card */ /*#pl-v3-single*//* ============ SINGLE EQUIPAMENTOS v3 (padrão produto-pratico.html) ============ */ /* --- vitrine --- */ /* --- seções do conteúdo --- */ /* listas de 1º nível viram grade de cards com check */ /* ordered lists (passos) */ /* FAQ acordeão */ /* calculadora em navy */ /* CTA do meio */ /* relacionados */ /* CTA final navy premium */ /* pl-sq-calcfix: card da calculadora legivel dentro do navy */ /* mobile */ /*#pl-v3-post*//* ===== POSTS DO BLOG v3 (padrao post-pratico.html) ===== */ .single-post .header-title{background:#fff!important;padding:22px 0 4px!important;text-align:left!important} .single-post .header-title .container{max-width:1040px} html body.single-post .header-title h1:not(.__n){color:#0F2733!important;font-size:clamp(25px,3vw,36px)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.16!important;max-width:840px;text-wrap:balance;margin:8px 0 0!important;text-transform:none!important} .pl-po-badge{display:inline-block;background:#EEF6FB;border:1px solid #CFE6F2;color:#0A6FA0;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:5px 12px;text-decoration:none} .pl-po-badge:hover{background:#0089C6;color:#fff} .pl-po-meta{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#808285;margin:12px 0 2px} .pl-po-meta .av{width:26px;height:26px;flex:none;border-radius:50%;background:#0089C6;color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center} .pl-po-meta b{color:#0F2733} /* corpo: 1 coluna de leitura */ .single-post .post-content-single .row{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important} .single-post .post-content-single [class*="col-md-"]{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;float:none!important} .single-post .post-content-single .col-md-2{display:none} .single-post .post-content-single .col-md-7{max-width:1040px;margin:0 auto;padding:0 24px!important} .single-post .content-post__text{max-width:760px;margin:0 auto} html body.single-post .content-post__text p:not(.__n){font-size:16.5px!important;line-height:1.75!important;color:#3E4A52!important} html body.single-post .content-post__text h2:not(.__n){font-size:clamp(21px,2.4vw,27px)!important;font-weight:800!important;color:#0F2733!important;letter-spacing:-.01em!important;margin:34px 0 12px!important;line-height:1.25!important} html body.single-post .content-post__text h3:not(.__n){font-size:18px!important;font-weight:800!important;color:#0F2733!important;margin:24px 0 8px!important} .single-post .content-post__text img{border-radius:14px;max-width:100%;height:auto} .single-post .content-post__text table{width:100%;border-collapse:collapse;font-size:14px;margin:18px 0;overflow:hidden;border-radius:10px} .single-post .content-post__text table th{background:#0B3A5C} html body.single-post .content-post__text table th:not(.__n){color:#fff!important;font-weight:700} .single-post .content-post__text table td,.single-post .content-post__text table th{border:1px solid #E4EAEF;padding:9px 12px;text-align:left} .single-post .content-post__text ul{padding-left:20px} .single-post .content-post__text li{margin-bottom:6px;line-height:1.65} /* CTA navy */ /* autor */ .single-post .autor{display:flex;gap:13px;align-items:flex-start;background:#F4F6F8;border:1px solid #E4EAEF;border-radius:14px;padding:16px 18px} .single-post .autor .av{width:38px;height:38px;flex:none;border-radius:50%;background:#0089C6;color:#fff;font-weight:800;font-size:17px;display:inline-flex;align-items:center;justify-content:center} html body.single-post .autor span:not(.av):not(.__n){color:#54565A!important;font-size:13.5px;line-height:1.55} /* sidebar vira "Continue no tema" */ .single-post .post-content-single .col-md-3{max-width:1040px;margin:34px auto 0;padding:0 24px!important} .single-post .fixed-bar{position:static!important;top:auto!important;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .single-post .fixed-bar h5{grid-column:1/-1;font-size:clamp(20px,2.2vw,25px)!important;font-weight:800!important;color:#0F2733!important;margin:0 0 2px} .single-post .fixed-bar h5::before{content:"";display:block;width:34px;height:3px;background:#0089C6;border-radius:2px;margin-bottom:10px} .single-post .item-post-view{background:#fff;border:1px solid #E4EAEF;border-radius:14px;padding:15px 16px;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s} .single-post .item-post-view:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(16,39,51,.35)} .single-post .item-post-view ul li a{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#0A6FA0!important} .single-post .item-post-view .link-post{border:0!important;margin:6px 0 0!important;padding:0!important} .single-post .item-post-view .link-post h6{font-size:14.5px;font-weight:700;line-height:1.4;color:#0F2733;margin:0} .single-post .item-post-view .fa-tag{display:none} @media(max-width:760px){.single-post .fixed-bar{grid-template-columns:1fr}.single-post .post-content-single .col-md-7{padding:0 18px!important}} /*#pl-v3-contrastfix2*/ /*#pl-v3-bandfix*/ body.blog section.header-title{display:none!important} /*#pl-v3-contrastfix3*/html body .pcalc .pcalc-head h2:not(.__n){color:#fff!important} html body .pcalc .pcalc-head :is(p,span):not(.__n){color:#B9CCD8!important} /*#pl-v3-contrastfix4*/ /*#pl-v3-contrastfix5*/ /*#pl-v3-inputfix*/ /*#pl-v3-aafix*/html body .bc, html body .bc span{color:#4A5560!important} html body .bc a{color:#0A6FA0!important} html body .pl-po-meta, html body .pl-po-meta span:not(.av){color:#5F6368!important} html body .content-post__text a:not(.__n){color:#0077AD!important} /*#pl-v3-aafix2*//* textos pequenos: 1 tom mais escuro p/ AA (marca preservada) */ html body .pl-v3-home .sec .wrap a:not(.plv3-wa):not(.mini-wa):not(.__n){color:#0077AD} /*#pl-v3-searchfit*//* form da busca nunca maior que o card; input flexiona */ html body .pl-v3-home .search .row{width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0!important;padding:0!important} @media(min-width:761px){ html body .pl-v3-home .search .row{flex-wrap:nowrap!important} } /*#pl-v3-footcols*//* footer mobile: colunas empilhadas, nada vaza */ @media(max-width:760px){ html body .plv3-foot .cols{display:grid!important;grid-template-columns:1fr!important;gap:28px!important} html body .plv3-foot .cols>div{min-width:0} html body .plv3-foot .cols a,html body .plv3-foot .ct{overflow-wrap:anywhere} html body .plv3-foot .word{font-size:22vw} } /*#pl-v3-aafix3*//* botões: texto branco sempre (o aafix de links não pode pintá-los) */ /* tabelas largas rolam dentro de si no mobile */ @media(max-width:760px){ html body .content-post__text table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:100%} } /*#pl-v3-sym*//* ritmo vertical uniforme (78) + escala de raios 12/16 */ /*#pl-v3-logomax*//* logo do header no maximo sem quebrar (proporcao intacta, sem corte) */ html body .plv3-hdr .lg img{height:60px!important;width:auto!important;max-width:none!important} @media(max-width:760px){html body .plv3-hdr .lg img{height:50px!important}} /*#pl-v3-aa100*//* AA final - contrastes medidos 11/08/2026. So escurece tom; nao muda layout, texto nem tamanho. */ html body a.skip-to-content{background:#0077AD!important} html body .back-equipamentos a{color:#0077AD!important} html body .plv3-float b,html body .plv3-float strong{color:#127C3C!important} /* wordmark do rodape: texto sai do HTML e vira conteudo de CSS. O :empty garante que so ativa depois que o footer.php for atualizado - sem duplicar nem sumir em nenhum instante. */ html body .plv3-foot .word:empty::after{content:"PRÁTICO"} /* trilha: link nao pode se distinguir SO pela cor do texto ao redor (WCAG 1.4.1) */ html body .bc .wrap a{text-decoration:underline!important;text-underline-offset:2px} /*#pl-v3-aa100b*//* AA em texto pequeno - 11/08/2026. SO escurece tom, no minimo que passa: azul #0089C6 -> #007EB6 | cinza #808285 -> #6F7174 | verde #1AAE52 -> #1AAB51 (imperceptivel). Elementos GRANDES ficam na cor original da marca - la o azul ja passa. */ html body .post-card-equipamento a, html body .back-equipamentos a{color:#007EB6!important} html body a.skip-to-content{background:#007EB6!important} html body figcaption{color:#75777A!important} /* fundos claros pedem um tom a mais */ html body span[style*="--azul"]{color:#007EB6!important} /*#pl-v3-aa100c*//* Verde WhatsApp: #1AAE52 -> #1AAB51 (1,6%, Delta-E 0,85 = o olho nao ve). Com >=19px negrito o criterio cai de 4,5 para 3,0 e passa mantendo a cor. */ html body a.plv3-wa,html body .plv3-float{background:#1AAB51!important} html body a.plv3-wa strong,html body a.plv3-wa b{font-size:inherit!important} /*#pl-v3-aa100d*//* Estrelas sao DECORACAO (a nota vem escrita ao lado): saem do fluxo de texto e viram conteudo de CSS, desenhadas exatamente iguais. Todas sao 5 estrelas - conferido. */ html body .img span.tag{background:#007EB6!important} /*#pl-v3-aa100g*//* cinza precisa passar tambem sobre #F4F6F8/#FDFDFE -> #6F7174 serve nos dois */ html body figcaption,html body figcaption.wp-element-caption,html body div.src,html body .pl-po-meta{color:#6F7174!important} html body .sec p a,html body .sec li a{color:#007EB6!important} /*#pl-v3-aa100h*//* Institucionais: sobre #F4F6F8 o azul vai a #006A9C. Link em texto corrido nao pode se distinguir SO pela cor (WCAG 1.4.1) -> sublinhado. So tom + sublinhado, nada de layout. */ html body .sec .wrap p a,html body .sec .wrap ul li a,html body .sec .wrap ul li span a,html body .wrap ul li span a{color:#006A9C!important;text-decoration:underline!important;text-underline-offset:2px} /*#pl-v3-aa100i*//* Botao da calculadora no verde imperceptivel; botao branco do produto no azul que passa. */ /*#pl-v3-aa100j*//* Links do bloco de introducao da categoria e subtitulo dos cards de contato. */ html body p.sub{color:#6F7174!important} /*#pl-v3-aa100k*//* BUG REAL: `.pl-sq-sec{background:#fff}` aparece 2x e a 2a vem DEPOIS de `.pl-sq-navy` (empate -> a ultima vence). A secao de seguranca ficava BRANCA com texto claro = invisivel. */ html body .post-content-single__text a,html body .post-content-single__text a strong, html body .post-content-single__text li a,html body .post-content-single__text p a{color:#007EB6!important} html body a.pratico-wa-btn{background:#1AAB51!important} /*#pl-v3-aa100l*/ html body button.wpcf7-submit,html body .wpcf7-form button.wpcf7-submit{background:#007EB6!important} /*#pl-v3-aa100m*//* Caixa AZUL no texto do post: mira SO quando #0089C6 e o FUNDO. A camada antiga do tema repinta

de escuro com (0,2,5) — por isso os seletores com 4 classes. */ html body .content-post__text div[style*="background:#0089C6"], html body .content-post__text div[style*="background: #0089C6"]{background:#007EB6!important} html body .post-content-single__text .content-post__text div[style*="background:#0089C6"] p:not(.__n), html body .post-content-single__text .content-post__text div[style*="background: #0089C6"] p:not(.__n), html body .post-content-single__text .content-post__text div[style*="background:#0089C6"] li:not(.__n), html body .content-post__text div[style*="background:#0089C6"] *, html body .content-post__text div[style*="background: #0089C6"] *{color:#ffffff!important} html body .content-post__text div[style*="background:#0089C6"] a{text-decoration:underline!important} /*#pl-v3-aa100n*/html body .content-post__text code,html body .content-post__text p code{color:#D33880!important} html body table td a,html body table td a strong{color:#006C9C!important} /*#pl-v3-aa100o*//* Escoras: BRANCO sobre secao CLARA (#f4f6f8) = invisivel (contraste 1,08). Devolve tinta so em secao NAO-navy; os brancos das secoes navy ficam intactos. */ /* aa100o v2: especificidade esmagadora (6 classes) - a regra branca vencia so no mobile */ .pratico-wa-btn { position: fixed; bottom: 25px; right: 25px; width: 60px; height: 60px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 999999; text-decoration: none; transition: all 0.3s ease; animation: pratico-wa-pulse 2s infinite; } .pratico-wa-btn:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0,0,0,0.25); animation: none; } .pratico-wa-btn svg { width: 32px; height: 32px; fill: white; pointer-events: none; } .pratico-wa-tooltip { position: absolute; right: 75px; background: #333; color: white; padding: 8px 14px; border-radius: 8px; font-size: 14px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .pratico-wa-tooltip::before { content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); border: 6px solid transparent; border-left-color: #333; } .pratico-wa-btn:hover .pratico-wa-tooltip { opacity: 1; } @keyframes pratico-wa-pulse { 0% { box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 0 rgba(37,211,102,0.7); } 70% { box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 14px rgba(37,211,102,0); } 100% { box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 0 0 0 rgba(37,211,102,0); } } @media (max-width: 768px) { .pratico-wa-btn { width: 56px; height: 56px; bottom: 20px; right: 20px; } .pratico-wa-btn svg { width: 28px; height: 28px; } .pratico-wa-tooltip { display: none; } } .post-content-single .col-md-7 > picture{cursor:pointer} .post-card-equipamento{cursor:pointer}