/* ===== [1] BASE ===== */ :root{ --bg:#F4F1EE; /* = paleta.fundo_claro (off-white quente) */ --white:#FFFFFF; --surface:#EFE9E2; --surface-2:#E4E0DD; --ink:#121218; --ink-2:#202020; /* = paleta.fundo_escuro (grafite da logo) */ --ink-3:#2A2A2A; --muted:#6B6560; /* = paleta.muted */ --muted-2:#94979E; --border:#E4E0DD; /* = paleta.border */ --accent:#701020; /* = paleta.primaria/accent (vinho da logo) */ --accent-soft:#F5E9EB; /* = paleta.accent_soft */ --accent-2:#4E0812; /* = paleta.secundaria (vinho profundo) */ --font-headings:'Poppins', 'Manrope', Inter, system-ui, sans-serif; --font-body:'Manrope', Inter, system-ui, -apple-system, sans-serif; --maxw:1200px; --radius-card:16px; --radius-btn:8px; --radius-sm:8px; } *{margin:0!important;padding:0!important;box-sizing:border-box} html{scroll-behavior:smooth;background:#000000} body{ background:#000000; color:var(--ink); font-family:var(--font-body)!important; font-size:16px!important; line-height:1.55!important; -webkit-font-smoothing:antialiased; overflow-x:hidden; } img{display:block!important;max-width:100%!important;height:auto!important} /* sem isso o aspect-ratio quebra */ a{color:inherit;text-decoration:none} h1,h2,h3,h4,h5,h6{font-family:var(--font-headings)!important;text-wrap:balance;overflow-wrap:break-word} .container{max-width:var(--maxw);margin:0 auto!important;padding:0 24px!important;width:100%} /* ---------- Header (pilula sticky de altura zero, flutua sobre o hero) ---------- */ .site-header{position:relative;z-index:80;width:100%;padding:0!important;height:0;overflow:visible} body.admin-bar .site-header{top:48px} .header-inner{ max-width:none;width:100%;margin:0!important; display:flex;align-items:center;justify-content:space-between;gap:20px; background:#000000;backdrop-filter:none; border:0;border-bottom:1px solid rgba(255,255,255,.14); border-radius:0;padding:8px max(24px,calc((100% - var(--maxw))/2 + 24px))!important; flex-wrap:nowrap; } .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-body)!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;white-space:nowrap;color:#FFFFFB} .brand img{width:54px !important;height:60px !important;flex:0 0 54px;border-radius:0} .nav-links{display:flex;align-items:center;gap:2px} .nav-links a{padding:8px 11px!important;border-radius:var(--radius-sm);font-size:14.5px!important;color:rgba(255,255,251,.86);transition:background .2s;white-space:nowrap} .nav-links a:hover{background:rgba(255,255,255,.14);color:#FFFFFB} /* banda estreita em que o nav de 6 itens + CTA encostaria na borda da pilula */ @media (min-width:1025px) and (max-width:1180px){ .nav-links a{padding:8px 7px!important;font-size:14px!important} .header-inner{gap:12px} } /* header sempre preto (pedido do cliente 2026-09-10) -- o .menu-toggle/.mt-bar base seguem claros (var(--surface)/var(--ink)) porque tambem aparecem fora do header; aqui viram claros-sobre-preto incondicionalmente. */ .site-header .menu-toggle{background:rgba(255,255,255,.16)} .site-header .mt-bar{background:#FFFFFB} /* ---------- Botoes ---------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; font-family:var(--font-body)!important;font-size:15px!important;font-weight:500!important; padding:11px 20px!important;border-radius:var(--radius-btn);border:1px solid transparent; cursor:pointer;transition:transform .18s,background .2s,color .2s;white-space:nowrap; } .btn:hover{transform:translateY(-1px)} .btn-dark{background:var(--ink-2);color:#fff} .btn-dark:hover{background:#000} .btn-accent{background:var(--accent);color:#fff} .btn-accent:hover{background:var(--accent-2)} .btn-soft{background:var(--surface);color:var(--ink)} .btn-white{background:#fff;color:var(--ink);border-color:var(--border)} .btn-cream{background:var(--bg);color:var(--ink)} .btn-cream:hover{background:#fff} .menu-toggle{display:none;width:44px;height:44px;border:none;background:var(--surface);border-radius:50%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0!important;position:relative;z-index:110} .mt-bar{width:18px;height:2px;background:var(--ink);transition:transform .3s ease,opacity .2s ease} .menu-toggle.is-open .mt-bar:nth-child(1){transform:translateY(7px) rotate(45deg)} .menu-toggle.is-open .mt-bar:nth-child(2){opacity:0} .menu-toggle.is-open .mt-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .mobile-menu{position:fixed !important;inset:0 !important;width:100vw !important;height:100vh !important;background:#000000 !important;z-index:99999 !important;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto} .mobile-menu.is-open{opacity:1;pointer-events:auto} .mobile-menu-inner{display:flex;flex-direction:column;min-height:100%;padding:104px 26px 40px!important} .mobile-menu-list{list-style:none;margin:0!important;padding:0!important} .mobile-menu-list a{color:var(--accent);font-size:21px!important;font-weight:600!important;padding:15px 0!important;display:block;border-bottom:1px solid rgba(255,255,255,.14);transition:padding-left .2s,color .2s} .mobile-menu-list a:hover{padding-left:6px!important;color:#F5E9EB} .mobile-menu-cta{align-self:flex-start;margin-top:26px!important} .mobile-menu-meta{color:rgba(255,255,251,.68);font-size:13px!important;margin:20px 0 0!important;max-width:280px} .mobile-menu-close{position:absolute !important;top:24px;right:24px;width:44px;height:44px;border:1px solid var(--border);background:var(--white);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);transition:background .2s,transform .2s;z-index:100001} .mobile-menu-close:hover{background:var(--accent-soft);transform:rotate(90deg)} .mobile-menu-close svg{width:20px;height:20px} body.menu-open{overflow:hidden} /* ---------- Eyebrow ---------- */ .eyebrow{ display:inline-flex;align-items:center;justify-content:center;gap:8px; background:var(--white);border:1px solid var(--border); border-radius:100px;padding:7px 18px!important; font-family:var(--font-body)!important;font-size:14px!important;font-weight:500!important;color:var(--ink); } .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 7px} .eyebrow.on-dark{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20);color:rgba(255,255,251,.92)} .eyebrow.on-dark .dot{background:var(--accent-soft)} .site-footer{background:#000000;width:100%;padding:0!important} .foot-card{max-width:none;margin:0!important;background:#000000;border:0;border-radius:0;overflow:hidden} .foot-inner{max-width:var(--maxw);margin:0 auto!important;padding:56px 24px 48px!important} .foot-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding-bottom:0!important} .foot-brand{display:flex;align-items:center;justify-content:center;margin:0!important;color:#FFFFFB} .foot-brand img{width:360px !important;height:247px !important;border-radius:0;flex:0 0 360px} .foot-list{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:14px} .foot-col-title{font-family:var(--font-body)!important;font-size:15px!important;font-weight:600!important;color:#FFFFFB;margin:0 0 16px!important} .foot-areas-list{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:9px} .foot-areas-list a{color:rgba(255,255,251,.72);font-size:14px!important;text-decoration:none;transition:color .2s} .foot-areas-list a:hover{color:#FFFFFB} .foot-item{display:flex;align-items:flex-start;gap:12px;color:#FFFFFB;font-size:15.5px!important;line-height:1.45!important} .foot-ico{width:20px;height:20px;flex:0 0 20px;color:#E0243A;margin-top:2px} .foot-ico svg{width:20px;height:20px;display:block} .foot-item a{color:#FFFFFB;text-decoration:none;transition:color .2s} .foot-item a:hover{color:#F5E9EB} .foot-sep{color:rgba(255,255,251,.55)} .foot-accent{height:12px;width:100%;background:linear-gradient(90deg,#4E0812 0%,#701020 38%,#b01a32 70%,#701020 100%)} .foot-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#000000;color:rgba(255,255,255,.55);padding:14px max(24px,calc((100% - var(--maxw))/2 + 24px))!important;font-size:12.5px!important;flex-wrap:wrap} .foot-bar a{color:rgba(255,255,255,.82)} .foot-bar a:hover{color:#F5E9EB} .whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:#25D366;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.18),0 2px 8px rgba(37,211,102,.32);z-index:999;transition:transform .25s ease} .whatsapp-float:hover{transform:scale(1.06)} .whatsapp-float svg{width:32px;height:32px;fill:currentColor} .whatsapp-float::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:rgba(37,211,102,.32);animation:wa-pulse 2.4s ease-out infinite;z-index:-1} @keyframes wa-pulse{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.6);opacity:0}} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important} } /* ---------- Responsivo da base ---------- */ @media (max-width:1024px){ .nav-links,.header-inner>.btn{display:none} .menu-toggle{display:inline-flex} .foot-inner{padding:40px 28px 36px!important} .foot-grid{grid-template-columns:1fr;gap:28px} .foot-brand img{width:280px !important;height:192px !important;flex:0 0 280px} .foot-bar{padding:14px 24px!important} } @media (max-width:640px){ .container{padding:0 22px!important} .header-inner{padding:6px 10px 6px 14px!important} .brand{font-size:15.5px!important} .brand img{width:36px !important;height:40px !important;flex:0 0 36px} .site-footer{padding:0!important} .foot-inner{padding:36px 22px 28px!important} .foot-grid{grid-template-columns:1fr;gap:28px;text-align:center!important} .foot-brand{justify-content:center} .foot-brand img{width:220px !important;height:151px !important;flex:0 0 220px;margin:0 auto} .foot-list,.foot-areas-list{align-items:center} .foot-item{text-align:left;max-width:420px} .foot-bar{flex-direction:column;align-items:center;text-align:center!important;gap:8px;padding:14px 20px!important} .whatsapp-float{width:54px;height:54px;bottom:18px;right:18px} .whatsapp-float svg{width:28px;height:28px} } /* ============================================================ [2] KIT-PROOF DO SITE Blindagem contra o Global Kit do Elementor (body.elementor-kit-XX a/button/img) e contra o hello-elementor. Seletores REAIS do site; !important dispensa o prefixo .elementor e sobrevive ao ID-scoping do deploy. ============================================================ */ .container{max-width:var(--maxw)!important} header.site-header,footer.site-footer{width:100%!important;max-width:none!important} header.site-header .header-inner{flex-wrap:nowrap!important;max-width:none!important;width:100%!important;margin:0!important;border-radius:0!important} footer.site-footer .foot-card{max-width:none!important;border-radius:0!important} /* links que dependem de heranca de cor (o kit pinta 'a' de azul) */ /* header sempre preto (pedido do cliente 2026-09-10), entao brand/nav ficam claros incondicionalmente */ .brand,.brand:link,.brand:visited{color:#FFFFFB!important} .nav-links a,.nav-links a:link,.nav-links a:visited{color:rgba(255,255,251,.86)!important} .nav-links a:hover{color:#FFFFFB!important} .mobile-menu-list a,.mobile-menu-list a:link,.mobile-menu-list a:visited{color:var(--accent)!important} .mobile-menu-list a:hover{color:#F5E9EB!important} .foot-list a,.foot-list a:link,.foot-list a:visited{color:#FFFFFB!important} .foot-areas-list a,.foot-areas-list a:link,.foot-areas-list a:visited{color:rgba(255,255,251,.72)!important} .foot-areas-list a:hover{color:#F5E9EB!important} .foot-list a:hover{color:#F5E9EB!important} .foot-item{color:#FFFFFB!important} .foot-ico{color:#E0243A!important} .foot-bar a,.foot-bar a:link,.foot-bar a:visited{color:rgba(255,255,255,.9)!important} .btn.btn-accent,.btn.btn-accent:link,.btn.btn-accent:visited{color:#fff!important;background:var(--accent)!important;border-color:transparent!important} .btn.btn-accent:hover{background:var(--accent-2)!important} .btn.btn-dark,.btn.btn-dark:link,.btn.btn-dark:visited{color:#fff!important;background:var(--ink-2)!important} .btn.btn-cream,.btn.btn-cream:link,.btn.btn-cream:visited{color:var(--ink)!important;background:var(--bg)!important} .btn.btn-white,.btn.btn-white:link,.btn.btn-white:visited{color:var(--ink)!important;background:var(--white)!important} /* hamburger e X (o kit pinta 'button' com borda e cor propria) */ .menu-toggle{background:rgba(255,255,255,.16)!important;border:none!important;box-shadow:none!important} .menu-toggle .mt-bar{background:#FFFFFB!important} .mobile-menu-close{background:var(--white)!important;border:1px solid var(--border)!important;box-shadow:none!important;color:var(--accent)!important} /* WhatsApp float: verde e icone branco (svg fill:currentColor herdaria o azul do kit) */ .whatsapp-float,.whatsapp-float:link,.whatsapp-float:visited{color:#fff!important;background:#25D366!important} .whatsapp-float svg{fill:#fff!important} /* ============================================================ [3] BLOG (single.php / archive.php) — identidade Roger Luiz Maciel Paleta EXTRAIDA do site: vinho #701020, grafite #202020, off-white #F4F1EE. Titulo do corpo PRETO #1a1a1a (regra 2 do agente); destaque so na badge. ============================================================ */ .rlm-blog-main{background:#000000;min-height:60vh} .rlm-blog-main .container{max-width:var(--maxw);margin:0 auto!important;padding-left:24px!important;padding-right:24px!important} /* --- single: hero do post (escuro, igual ao hero do site: o header transparente cai sobre ele) --- */ .post-single{padding-bottom:80px!important} .post-hero{background:var(--ink);padding:132px 0 48px!important;position:relative} .post-hero-inner{display:flex;flex-direction:column;gap:16px;max-width:800px} .post-back{color:var(--accent-soft);font-weight:500!important;font-size:14.5px!important;text-decoration:none;width:max-content} .post-back:hover{color:#fff} .post-cat-badge{display:inline-flex;width:max-content;align-items:center;background:var(--accent);color:#fff;font-family:var(--font-body)!important;font-weight:600!important;font-size:12.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:7px 15px!important;border-radius:100px} .post-hero .post-title{color:#fff;font-family:var(--font-headings)!important;font-weight:600!important;font-size:42px!important;line-height:1.14!important;letter-spacing:-.015em!important;margin:2px 0 4px!important;max-width:22ch;text-wrap:pretty} .post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:rgba(255,255,251,.72);font-size:14px!important} .post-meta-sep{opacity:.6} /* --- single: capa (MESMA largura do corpo: e isso, e nao o ratio, que evita a "imagem gigante") --- */ .post-media{margin-top:-30px!important;position:relative;z-index:2} .post-featured{width:100%;max-width:800px;margin:0 auto!important;max-height:440px;object-fit:cover;border-radius:var(--radius-card);display:block;box-shadow:0 30px 60px -34px rgba(18,18,24,.5)} .post-featured-fallback{width:100%;max-width:800px;margin:0 auto!important;aspect-ratio:16/9;max-height:440px;border-radius:var(--radius-card);background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 58%,var(--accent-soft) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px -34px rgba(18,18,24,.5)} .post-featured-fallback svg{width:74px;height:74px;color:rgba(255,255,255,.72)} @media (max-width:640px){.post-featured,.post-featured-fallback{max-height:240px}} /* --- single: corpo do artigo (medida de leitura, alinhado a capa) --- */ .post-body-wrap{max-width:800px;margin:44px auto 0!important} .post-media.container,.post-body-wrap.container{max-width:800px!important;padding-left:0!important;padding-right:0!important} @media(max-width:848px){.post-media.container,.post-body-wrap.container{padding-left:22px!important;padding-right:22px!important}} .blog-body{font-family:var(--font-body)!important;color:var(--ink-3)} .blog-body>*:first-child{margin-top:0!important} .blog-body p{font-size:17.5px!important;line-height:1.75!important;margin:0 0 22px!important;color:var(--ink-3)} .blog-body h2{font-family:var(--font-headings)!important;font-weight:600!important;font-size:30px!important;line-height:1.2!important;color:#1a1a1a;margin:44px 0 16px!important;letter-spacing:-.01em!important} .blog-body h3{font-family:var(--font-headings)!important;font-weight:600!important;font-size:23px!important;line-height:1.25!important;color:#1a1a1a;margin:34px 0 12px!important} .blog-body h4{font-family:var(--font-body)!important;font-weight:700!important;font-size:18px!important;line-height:1.35!important;color:#1a1a1a;margin:26px 0 10px!important} .blog-body ul,.blog-body ol{margin:0 0 22px!important;padding-left:24px!important;list-style:revert} .blog-body li{font-size:17.5px!important;line-height:1.7!important;margin:0 0 10px!important;color:var(--ink-3)} .blog-body li::marker{color:var(--accent)} .blog-body a{color:#1a1a1a;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px;font-weight:500!important} .blog-body a:hover{color:var(--accent)} .blog-body strong{color:#1a1a1a;font-weight:600!important} .blog-body blockquote{margin:30px 0!important;padding:20px 26px!important;border-left:4px solid var(--accent);background:rgba(112,16,32,.08);border-radius:0 var(--radius-sm) var(--radius-sm) 0} .blog-body blockquote p{font-family:var(--font-headings)!important;font-style:italic;font-size:21px!important;line-height:1.5!important;color:var(--ink);margin:0!important} .blog-body img{max-width:100%;height:auto;border-radius:var(--radius-card);display:block;margin:26px auto!important} .blog-body table{width:100%;border-collapse:collapse;margin:0 0 24px!important;font-size:16px!important} .blog-body th,.blog-body td{border:1px solid var(--border);padding:11px 14px!important;text-align:left!important;vertical-align:top} .blog-body th{background:var(--surface);font-weight:600!important;color:#1a1a1a} /* --- single: CTA WhatsApp do post --- */ .post-footer-cta{margin:50px 0 0!important;padding:38px 34px!important;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center!important} .post-footer-cta h3{font-family:var(--font-headings)!important;font-weight:600!important;font-size:24px!important;line-height:1.25!important;color:#1a1a1a;margin:0 0 10px!important} .post-footer-cta p{font-size:16px!important;line-height:1.6!important;color:var(--muted);margin:0 auto 24px!important;max-width:52ch} .btn-post-cta{display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;font-family:var(--font-body)!important;font-weight:600!important;font-size:15.5px!important;padding:15px 30px!important;border-radius:var(--radius-btn);text-decoration:none;transition:background .2s ease} .btn-post-cta:hover{background:var(--accent-2);color:#fff} .post-back-bottom{display:inline-block;margin-top:38px!important;color:var(--accent);font-weight:500!important;text-decoration:none} .post-back-bottom:hover{color:var(--ink)} /* Artigo academico: sem chamada de contratacao no rodape deste post especifico. */ body.postid-449 .post-footer-cta{display:none!important} .blog-archive-hero{background:var(--ink);padding:136px 0 64px!important;position:relative;overflow:hidden} .blog-archive-hero .eyebrow{margin-bottom:16px!important} .blog-archive-title{color:#fff;font-family:var(--font-headings)!important;font-weight:600!important;font-size:42px!important;line-height:1.14!important;letter-spacing:-.015em!important;margin:0 0 14px!important;max-width:20ch;text-wrap:pretty} .blog-archive-sub{color:rgba(255,255,251,.82);font-size:17px!important;line-height:1.65!important;max-width:62ch;margin:0!important} .blog-archive-wrap{padding-top:64px!important;padding-bottom:90px!important} .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px} .blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;transition:border-color .25s ease} .blog-card:hover{border-color:var(--accent)} .blog-card-media{position:relative;aspect-ratio:16/9;overflow:hidden} .blog-card-img{width:100%;height:100%;object-fit:cover;display:block} .blog-card-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 58%,var(--accent-soft) 100%);display:flex;align-items:center;justify-content:center} .blog-card-fallback svg{width:52px;height:52px;color:rgba(255,255,255,.72)} .blog-card-badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#fff;font-family:var(--font-body)!important;font-weight:600!important;font-size:11.5px!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:6px 12px!important;border-radius:100px} .blog-card-body{padding:24px 24px 26px!important;display:flex;flex-direction:column;gap:11px;flex:1} .blog-card-title{font-family:var(--font-headings)!important;font-weight:600!important;font-size:21px!important;line-height:1.24!important;color:#1a1a1a;margin:0!important} .blog-card-excerpt{font-size:15px!important;line-height:1.62!important;color:var(--muted);margin:0!important;flex:1} .blog-card-date{font-size:13px!important;color:var(--accent);font-weight:500!important;margin-top:4px!important} .blog-pagination{margin-top:54px!important;display:flex;justify-content:center} .blog-pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap} .blog-pagination a,.blog-pagination span{padding:10px 16px!important;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--ink);text-decoration:none;font-weight:500!important;font-size:15px!important} .blog-pagination .current{background:var(--ink-2);color:#fff;border-color:var(--ink-2)} .blog-empty{text-align:center!important;color:rgba(255,255,251,.68);font-size:17px!important;padding:60px 0!important} @media(max-width:1024px){ .post-hero{padding:112px 0 42px!important} .blog-archive-hero{padding:116px 0 54px!important} } @media(max-width:768px){ .rlm-blog-main .container{padding-left:22px!important;padding-right:22px!important} .post-hero{padding:104px 0 38px!important} .post-hero .post-title{font-size:32px!important} .blog-archive-hero{padding:106px 0 46px!important} .blog-archive-title{font-size:32px!important} .blog-grid{grid-template-columns:1fr;gap:22px} } /* ============================================================ KIT-PROOF DO BLOG: forca a identidade sobre o Elementor Kit global. ============================================================ */ .blog-body h1,.blog-body h2,.blog-body h3,.blog-body h4,.blog-card-title,.post-footer-cta h3{color:#1a1a1a!important} .post-hero .post-title,.blog-archive-title{color:#fff!important} .post-cat-badge,.blog-card-badge{background:var(--accent)!important;color:#fff!important} .post-back,.post-back:link,.post-back:visited{color:var(--accent-soft)!important} .post-back-bottom,.post-back-bottom:link,.post-back-bottom:visited{color:var(--accent)!important} .blog-body a,.blog-body a:link,.blog-body a:visited{color:#1a1a1a!important;text-decoration:underline!important;text-decoration-color:var(--accent)!important} .blog-body a:hover{color:var(--accent)!important} .blog-card,.blog-card:link,.blog-card:visited{color:inherit!important;background:var(--white)!important} .btn-post-cta,.btn-post-cta:link,.btn-post-cta:visited{color:#fff!important;background:var(--accent)!important} .btn-post-cta:hover{background:var(--accent-2)!important} .blog-body img{border-radius:var(--radius-card)!important} /* ============================================================ TIPOGRAFIA TRAVADA — vence o Elementor Kit no corpo do post. ============================================================ */ .blog-body p{font-size:17.5px!important;line-height:1.75!important} .blog-body li{font-size:17.5px!important;line-height:1.7!important} .blog-body h2{font-size:30px!important;line-height:1.2!important} .blog-body h3{font-size:23px!important} .blog-body h4{font-size:18px!important} .post-hero .post-title,.blog-archive-title{font-size:42px!important} @media(max-width:768px){ .post-hero .post-title,.blog-archive-title{font-size:32px!important} .blog-body p,.blog-body li{font-size:16.5px!important} .blog-body h2{font-size:25px!important} .blog-body h3{font-size:20px!important} } /* --- [B5b] tipografia TRAVADA fora do .blog-body ------------------------------- O 7.7 travou o corpo do artigo (.blog-body) e os dois titulos de hero, e parou ai. Medido no harness estatico com o kit hostil: `.blog-card-title` (0,1,0), `.post-footer-cta h3` (0,1,1) e `.foot-col h3` (0,1,1) PERDEM para `body.elementor-kit-XX h1-h6` (0,1,2) e saem com o tamanho do kit (31px no teste, contra 21/24/15 do projeto). Mesma coisa nos paragrafos de card e de footer. Valores identicos aos que ja estao no CSS: isto TRAVA, nao redesenha. */ .blog-card-title{font-size:21px!important;line-height:1.24!important} .post-footer-cta h3{font-size:24px!important;line-height:1.25!important} .blog-card-excerpt{font-size:15px!important;line-height:1.62!important} .post-footer-cta p{font-size:16px!important;line-height:1.6!important} .blog-archive-sub{font-size:17px!important;line-height:1.65!important} .blog-empty{font-size:17px!important} .mobile-menu-meta{font-size:13px!important} .foot-item{font-size:15.5px!important} .post-meta{font-size:14px!important} .blog-card-date{font-size:13px!important} .foot-bar{font-size:12.5px!important} /* excecao aceita da tipografia-canonica: `.foot-col h3` (15px) e label de coluna de rodape, e o valor e IGUAL ao da home. Parity com o site manda mais que a linha "H4/feature label" da tabela. */ @media (min-width:1920px){ .post-hero .post-title,.blog-archive-title{font-size:48px!important} .blog-body h2{font-size:32px!important} .blog-card-title{font-size:22px!important} .blog-archive-sub{font-size:18px!important} } @media (max-width:640px){ .post-footer-cta h3{font-size:22px!important} } /* 24px em TODAS as larguras, igual a home: o site nao muda o padding do .site-header em nenhum breakpoint (quem muda no mobile e o .header-inner). */ header.site-header{padding:0!important;height:0!important;overflow:visible!important} main.rlm-blog-main,header.blog-archive-hero,header.post-hero{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;float:none!important} footer.site-footer .foot-card,.foot-bar{width:100%!important;max-width:none!important} /* --- [B5d/bug do 7.7] o kit-proof forca `.container{max-width:var(--maxw)!important}` e isso matava o clamp de 800px do hero do post, que e `
`. O 7.7 tratou `.post-media.container` e `.post-body-wrap.container` e esqueceu este. Dupla classe (0,2,0) vence o (0,1,0) do kit-proof. */ .post-hero-inner.container{max-width:800px!important} /* --- [B5a] kit-proof: o que faltava ---------------------------------------- */ /* base herdada: `body.elementor-kit-XX{font-size;color;font-family}` e (0,1,1) e vence o nosso `body` (0,0,1). Sem isso o blog inteiro muda de corpo e de cor. */ body{background:#000000!important;color:var(--ink)!important;font-family:var(--font-body)!important;font-size:16px!important;line-height:1.55!important} /* o kit tambem pinta e re-tipografa h1-h6 (0,1,1) contra o nosso (0,0,1) */ h1,h2,h3,h4,h5,h6{font-family:var(--font-headings)!important} .brand,.blog-body h4,.post-footer-cta p,.blog-card-excerpt{font-family:var(--font-body)!important} .foot-brand{color:#FFFFFB!important} .blog-card-excerpt{color:var(--muted)!important} .mobile-menu-meta{color:rgba(255,255,251,.68)!important} .blog-card-date,.post-back-bottom{color:var(--accent)!important} .post-meta{color:rgba(255,255,251,.72)!important} .blog-archive-sub{color:rgba(255,255,251,.82)!important} .eyebrow{background:var(--white)!important;border-color:var(--border)!important;color:var(--ink)!important} .eyebrow.on-dark{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.20)!important;color:rgba(255,255,251,.92)!important} .blog-pagination a,.blog-pagination span{color:var(--ink)!important} .blog-pagination .current{background:var(--ink-2)!important;color:#fff!important} /* pseudo parasita do kit (`a::after{content:"→"}`). Nenhum do tema usa ::after; o ::before do .whatsapp-float (anel pulsante) nao e tocado. */ a::after{content:none!important} /*