/* Post do blog no modelo do post da Morgan's Cleaning, com as cores e fontes da Partners.
   Usa as classes base de kitchen.css (kr-sec, kr-in, kr-eb, kr-h2, kr-btn) e os cards de blog.css (bl-grid, bl-card, bl-go). */

/* header: fundo escuro desde o topo (o hero do post e claro) */
.prh-root:has(.po-hero) .shdr{background:rgba(30,30,33,.96)}
.prh-root:has(.po-hero) .shdr::before{opacity:0}

/* hero: texto a esquerda, capa a direita */
.prh-root .po-hero{background:var(--bg);color:var(--gr);padding:calc(var(--hdr,84px) + clamp(32px,4.5vw,64px)) clamp(20px,4vw,56px) clamp(40px,5vw,72px)}
.prh-root .po-hero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);align-items:center}
.prh-root .po-crumbs{font-size:14px;line-height:22px;color:var(--mut);margin-bottom:18px}
.prh-root .po-crumbs a{color:var(--gr);font-weight:500;text-decoration:none}
.prh-root .po-crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.prh-root .po-crumbs span[aria-hidden]{margin:0 4px;color:#c47a1c}
.prh-root .po-chip{display:inline-block;padding:6px 14px;border-radius:99px;background:#fff;border:1px solid rgba(40,40,43,.12);color:var(--gr);font-size:13px;font-weight:700;letter-spacing:.02em}
.prh-root .po-hero h1{font-family:var(--head);font-weight:700;letter-spacing:-.035em;line-height:1.08;font-size:clamp(32px,3.8vw,52px);margin:14px 0 0;color:var(--gr)}
.prh-root .po-by{margin-top:18px;font-weight:600;color:var(--gr);font-size:15.5px;line-height:24px}
.prh-root .po-by a{color:var(--gr);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}
.prh-root .po-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:8px;font-size:14.5px;font-weight:600;color:var(--mut)}
.prh-root .po-meta span+span::before{content:"\00b7";margin:0 12px;color:var(--or);font-weight:800}
.prh-root .po-cover{margin:0}
.prh-root .po-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;box-shadow:0 18px 44px rgba(40,40,43,.14)}

/* corpo: texto (ate 760px) + lateral de 320px */
.prh-root .po-body{padding-top:clamp(36px,5vw,64px)}
.prh-root .po-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.prh-root .po-main{min-width:0;max-width:760px}
.prh-root .po-side{display:none}
@media(min-width:1024px){
.prh-root .po-layout{grid-template-columns:minmax(0,760px) 320px;justify-content:space-between}
.prh-root .po-side{display:block}
.prh-root .po-side__in{display:flex;flex-direction:column;gap:20px;height:100%}
.prh-root .po-toc--side{position:sticky;top:calc(var(--hdr,84px) + 24px)}
.prh-root .po-cta-in,.prh-root .po-toc--top{display:none}
}

/* resposta direta */
.prh-root .po-take{margin:0 0 28px;padding:20px 24px;border-radius:18px;background:#fff4e2;border-left:5px solid var(--or)}
.prh-root .po-take__h{margin-bottom:8px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9a5a00}
.prh-root .po-take p:last-child{font-size:17px;line-height:28px;color:var(--gr);font-weight:500}

/* indice numerado */
.prh-root .po-toc{counter-reset:toc}
.prh-root .po-toc ol{list-style:none;margin:0;padding:0}
.prh-root .po-toc li{counter-increment:toc}
.prh-root .po-toc li a{display:flex;gap:10px;padding:8px 0;color:var(--gr);font-size:14.5px;font-weight:600;line-height:1.35;text-decoration:none;border-top:1px solid rgba(40,40,43,.09)}
.prh-root .po-toc li:first-child a{border-top:0}
.prh-root .po-toc li a::before{content:counter(toc);flex:none;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#fff4e2;color:#9a5a00;font-size:12px;font-weight:800}
.prh-root .po-toc li a:hover,.prh-root .po-toc li a.on{color:#c47a1c}
.prh-root .po-toc li a.on::before{background:var(--or);color:#fff}
.prh-root .po-toc--side{padding:18px 20px;border:1px solid rgba(40,40,43,.1);border-radius:18px;background:#fff}
/* indice fixo: usa quase a altura da tela; se ainda for maior, rola por dentro sem barra e com um esmaecido nas bordas */
.prh-root .po-toc--side ol{max-height:calc(100vh - var(--hdr,84px) - 120px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.prh-root .po-toc--side ol::-webkit-scrollbar{display:none}
.prh-root .po-toc--side.mais-b ol{-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),transparent);mask-image:linear-gradient(#000 calc(100% - 44px),transparent)}
.prh-root .po-toc--side.mais-t ol{-webkit-mask-image:linear-gradient(transparent,#000 44px);mask-image:linear-gradient(transparent,#000 44px)}
.prh-root .po-toc--side.mais-t.mais-b ol{-webkit-mask-image:linear-gradient(transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(transparent,#000 44px,#000 calc(100% - 44px),transparent)}
.prh-root .po-toc__h{margin-bottom:6px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gr)}
.prh-root .po-toc--top{margin:0 0 28px;border:1px solid rgba(40,40,43,.12);border-radius:16px;background:#fff}
.prh-root .po-toc--top summary{cursor:pointer;padding:15px 18px;font-weight:800;color:var(--gr);list-style:none;display:flex;gap:10px}
.prh-root .po-toc--top summary::-webkit-details-marker{display:none}
.prh-root .po-toc--top summary span{font-weight:600;color:var(--mut);margin-right:auto}
.prh-root .po-toc--top summary::after{content:"\25BE";color:var(--or)}
.prh-root .po-toc--top[open] summary::after{content:"\25B4"}
.prh-root .po-toc--top nav{padding:0 18px 12px}

/* texto do post */
.prh-root .po-content{color:#3d3d44;overflow-wrap:anywhere}
.prh-root .po-content>p,.prh-root .po-content li{font-size:17px;line-height:29px;color:#3d3d44}
.prh-root .po-content>*+*{margin-top:18px}
.prh-root .po-content h2{font-family:var(--head);font-weight:600;letter-spacing:-.035em;line-height:1.1;font-size:var(--h2);color:var(--gr);margin-top:60px;scroll-margin-top:calc(var(--hdr,84px) + 20px)}
.prh-root .po-content h3{font-family:var(--head);font-weight:600;letter-spacing:-.02em;font-size:clamp(20px,1.8vw,23px);line-height:1.3;color:var(--gr);margin-top:34px;scroll-margin-top:calc(var(--hdr,84px) + 20px)}
.prh-root .po-content :is(h2,h3)+*{margin-top:12px}
.prh-root .po-content ul,.prh-root .po-content ol{padding-left:1.4em;display:grid;gap:8px}
.prh-root .po-content ul{list-style:disc}
.prh-root .po-content ol{list-style:decimal}
.prh-root .po-content li::marker{color:#c47a1c}
.prh-root .po-content a{color:var(--gr);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,167,65,.8);text-underline-offset:3px}
.prh-root .po-content a:hover{color:#c47a1c}
.prh-root .po-content strong{color:var(--gr)}
.prh-root .po-content figure{margin:34px 0}
.prh-root .po-content figure img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 14px 34px rgba(40,40,43,.1)}
.prh-root .po-content figcaption{margin-top:8px;font-size:14px;color:var(--mut);text-align:center}
.prh-root .po-content blockquote{padding:18px 22px;border-left:4px solid var(--or);background:var(--bg);border-radius:0 14px 14px 0}

/* tabelas: cabecalho escuro, linhas alternadas, 1a coluna em negrito */
.prh-root .po-tab{overflow-x:auto;margin:28px 0;border:1px solid rgba(40,40,43,.1);border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(40,40,43,.06);-webkit-overflow-scrolling:touch}
.prh-root .po-tab table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px;min-width:520px}
.prh-root .po-tab th{background:#1E1E21;color:#fff;text-align:left;font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;padding:13px 16px}
.prh-root .po-tab td{padding:13px 16px;border-top:1px solid rgba(40,40,43,.08);color:var(--gr);vertical-align:top}
.prh-root .po-tab td:first-child{font-weight:700}
.prh-root .po-tab tr:nth-child(even) td{background:var(--bg)}
.prh-root .po-tab tr:hover td{background:#fff4e2}

/* cartao de orcamento (lateral e no meio do texto no celular) */
.prh-root .po-q{padding:24px;border-radius:18px;background:#1E1E21;color:#fff}
.prh-root .po-q__k{display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:99px;background:var(--or);color:#1E1E21;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.prh-root .po-q__t{font-family:var(--head);font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#fff}
.prh-root .po-q__p{margin:8px 0 18px;color:rgba(255,255,255,.75);font-size:14.5px;line-height:21px}
.prh-root .po-q .kr-btn{width:100%;justify-content:center;font-size:15px;padding:14px 18px;color:#fff;text-decoration:none}
.prh-root .po-q__tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#fff;font-weight:700;text-decoration:none}
.prh-root .po-q__tel svg{width:17px;height:17px;color:var(--or)}
.prh-root .po-q__r{margin-top:10px;text-align:center;font-size:13.5px;color:rgba(255,255,255,.75)}
.prh-root .po-q__r span{color:#fbbc05}
.prh-root .po-content .po-cta-in{margin:40px 0}
.prh-root .po-content .po-cta-in p{font-size:inherit;line-height:inherit}
.prh-root .po-content .po-cta-in .po-q__p{font-size:14.5px;line-height:21px;color:rgba(255,255,255,.75)}
.prh-root .po-content .po-cta-in a{text-decoration:none;color:#fff}

/* autor */
.prh-root .po-author{display:flex;gap:20px;align-items:flex-start;margin-top:56px;padding:24px;border:1px solid rgba(40,40,43,.1);border-radius:18px;background:var(--bg)}
.prh-root .po-author img{flex:none;width:72px;height:90px;border-radius:12px;object-fit:cover;object-position:center 12%}
.prh-root .po-author__n{font-family:var(--head);font-weight:600;font-size:17px;color:var(--gr);margin-bottom:6px}
.prh-root .po-author p:not(.po-author__n){font-size:15px;line-height:23px;color:var(--mut)}
.prh-root .po-author__l{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px}
.prh-root .po-author__l a{font-weight:700;color:var(--gr);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}

/* servico relacionado e areas */
.prh-root .po-head{text-align:center;margin-bottom:clamp(30px,4vw,48px)}
.prh-root .po-head .kr-h2{margin:0 auto}
.prh-root .po-svc__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1120px;margin:0 auto}
.prh-root .po-sc{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(40,40,43,.08);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--gr);box-shadow:0 10px 30px rgba(40,40,43,.06);transition:transform .25s,box-shadow .25s}
.prh-root .po-sc:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(40,40,43,.12)}
.prh-root .po-sc__img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.prh-root .po-sc__b{display:flex;flex-direction:column;flex:1;padding:22px}
.prh-root .po-sc h3{font-family:var(--head);font-weight:600;font-size:21px;letter-spacing:-.02em;margin-bottom:8px}
.prh-root .po-sc p{font-size:15px;line-height:23px;color:var(--mut)}
.prh-root .po-sc:hover .bl-go svg{transform:translateX(3px)}
.prh-root .po-areas{margin-top:36px;text-align:center}
.prh-root .po-areas__h{margin-bottom:14px;font-weight:800;color:var(--gr)}
.prh-root .po-areas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.prh-root .po-areas a{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:99px;border:1px solid rgba(40,40,43,.12);background:#fff;color:var(--gr);font-size:14.5px;font-weight:600;text-decoration:none}
.prh-root .po-areas a:hover{border-color:var(--or)}
.prh-root .po-areas svg{width:16px;height:16px;color:#c47a1c}
.prh-root .po-areas a.po-areas__all{background:#1E1E21;border-color:#1E1E21;color:#fff}

/* faixa escura de orcamento */
.prh-root .po-end{background:#1E1E21;color:#fff;padding:clamp(56px,6.8vw,94px) clamp(20px,4vw,56px)}
.prh-root .po-end__in{display:grid;grid-template-columns:1.4fr auto;gap:32px 56px;align-items:center}
.prh-root .po-end .kr-h2{color:#fff}
.prh-root .po-end p:not(.kr-eb){margin-top:16px;max-width:62ch;font-size:16.5px;line-height:26px;color:rgba(255,255,255,.8)}
.prh-root .po-end__acts{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.prh-root .po-end__acts .kr-btn{justify-content:center}
.prh-root .po-end__tel{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 24px;border:1.5px solid rgba(255,255,255,.7);border-radius:14px;color:#fff;font-weight:600;text-decoration:none}
.prh-root .po-end__tel:hover{background:#fff;color:#1E1E21}
.prh-root .po-end__tel svg{width:17px;height:17px}

@media(max-width:900px){
.prh-root .po-hero__in{grid-template-columns:1fr;gap:26px}
.prh-root .po-svc__g{grid-template-columns:repeat(2,minmax(0,1fr))}
.prh-root .po-end__in{grid-template-columns:1fr}
}
@media(max-width:640px){
.prh-root .po-hero{padding-top:calc(var(--hdr,64px) + 28px)}
.prh-root .po-svc__g{grid-template-columns:minmax(0,1fr)}
.prh-root .po-content>p,.prh-root .po-content li{font-size:16.5px;line-height:27px}
.prh-root .po-content h2{margin-top:48px}
.prh-root .po-author{flex-direction:column}
.prh-root .po-tab table{min-width:440px}
.prh-root .po-tab th,.prh-root .po-tab td{padding:11px 12px}
}
@media(prefers-reduced-motion:reduce){.prh-root .po-side__in{position:static}}

/* compartilhar */
.prh-root .po-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.prh-root .po-share__l{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gr)}
.prh-root .po-share ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.prh-root .po-sh{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(40,40,43,.14);background:#fff;color:var(--gr);cursor:pointer;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s}
.prh-root .po-sh svg{width:18px;height:18px}
.prh-root .po-sh:hover,.prh-root .po-sh:focus-visible{transform:translateY(-2px);color:#fff;border-color:transparent}
.prh-root .po-sh--facebook:hover,.prh-root .po-sh--facebook:focus-visible{background:#1877F2}
.prh-root .po-sh--x:hover,.prh-root .po-sh--x:focus-visible{background:#000}
.prh-root .po-sh--linkedin:hover,.prh-root .po-sh--linkedin:focus-visible{background:#0A66C2}
.prh-root .po-sh--pinterest:hover,.prh-root .po-sh--pinterest:focus-visible{background:#E60023}
.prh-root .po-sh--email:hover,.prh-root .po-sh--email:focus-visible,.prh-root .po-sh--copy:hover,.prh-root .po-sh--copy:focus-visible{background:#1E1E21}
.prh-root .po-sh--copy.ok{background:var(--cta);color:#fff;border-color:transparent}
.prh-root .po-sh__ok{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#1E1E21;color:#fff;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s}
.prh-root .po-sh--copy.ok .po-sh__ok{opacity:1}
.prh-root .po-share--hero{margin-top:20px}
.prh-root .po-share--end{margin-top:48px;padding:18px 22px;border:1px solid rgba(40,40,43,.1);border-radius:18px;justify-content:space-between}
.prh-root .po-share--end+.po-author{margin-top:20px}