/* Blog (lista de guias). Usa os tokens e componentes da Home e as classes base kr-* da pagina de servico
   (kr-sec, kr-in, kr-head, kr-eb, kr-h2, kr-p, kr-crumb), carregadas de kitchen.css. */

/* hero mais baixo que o da Home: e uma pagina de leitura */
.prh-root .bl-hero{min-height:min(62svh,560px)}
.prh-root .bl-hero h1{max-width:12.1em}
@media(max-width:600px){
.prh-root .bl-hero{--kr-gap:48px;min-height:0;padding-top:calc(64px + var(--kr-gap))}
.prh-root .bl-hero .hero__body{margin-top:0;padding-top:0;padding-bottom:var(--kr-gap)}
}

.prh-root .bl-tag{display:inline-block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#c47a1c}
.prh-root .bl-go{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--gr);margin-top:auto;padding-top:14px}
.prh-root .bl-go svg{width:16px;height:16px;color:#c47a1c;transition:transform .25s}

/* guias pilares */
.prh-root .bl-pils{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,26px)}
.prh-root .bl-pil{position:relative;display:block;border-radius:22px;overflow:hidden;min-height:420px;color:#fff;text-decoration:none;isolation:isolate;background:#2a2a2f}
.prh-root .bl-pil img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.prh-root .bl-pil::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,20,22,.05) 25%,rgba(20,20,22,.88) 100%)}
.prh-root .bl-pil:hover img{transform:scale(1.05)}
.prh-root .bl-pil__c{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column}
.prh-root .bl-pil .bl-tag{color:var(--or)}
.prh-root .bl-pil h3{font-family:var(--head);font-weight:600;letter-spacing:-.03em;font-size:clamp(22px,2.2vw,30px);line-height:1.15;margin:10px 0 10px;max-width:22ch}
.prh-root .bl-pil p{font-size:15px;line-height:22px;color:rgba(255,255,255,.8);max-width:52ch}
.prh-root .bl-pil .bl-go{color:#fff}
.prh-root .bl-pil .bl-go svg{color:var(--or)}
.prh-root .bl-pil:hover .bl-go svg,.prh-root .bl-card a:hover .bl-go svg{transform:translateX(4px)}
.prh-root .bl-pil:focus-visible,.prh-root .bl-card a:focus-visible{outline:2px solid var(--or);outline-offset:3px}

/* filtro */
.prh-root .bl-chips{display:flex;flex-wrap:wrap;gap:10px}
.prh-root .bl-chips button{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(40,40,43,.14);border-radius:999px;padding:10px 16px;font:500 14.5px var(--sans);color:var(--gr);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.prh-root .bl-chips button span{font-size:12px;font-weight:600;color:var(--mut);background:rgba(40,40,43,.06);border-radius:999px;padding:2px 8px}
.prh-root .bl-chips button:hover{border-color:var(--or)}
.prh-root .bl-chips button.on{background:#1E1E21;border-color:#1E1E21;color:#fff}
.prh-root .bl-chips button.on span{background:rgba(255,255,255,.14);color:#fff}
.prh-root .bl-chips button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.prh-root .bl-count{margin:18px 0 18px;font-size:14px;color:var(--mut)}

/* grade de posts */
.prh-root .bl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.prh-root .bl-card[hidden]{display:none}
.prh-root .bl-card a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid rgba(40,40,43,.08);border-radius:18px;overflow:hidden;color:var(--gr);text-decoration:none;box-shadow:0 12px 30px rgba(40,40,43,.05);transition:box-shadow .25s,transform .25s,border-color .25s}
.prh-root .bl-card a:hover{box-shadow:0 18px 40px rgba(40,40,43,.1);transform:translateY(-3px);border-color:rgba(255,167,65,.5)}
.prh-root .bl-card__img{display:block;aspect-ratio:3/2;overflow:hidden;background:#e8eaf1}
.prh-root .bl-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.prh-root .bl-card a:hover .bl-card__img img{transform:scale(1.05)}
.prh-root .bl-card__b{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.prh-root .bl-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.prh-root .bl-loc{font-size:12.5px;color:var(--mut)}
.prh-root .bl-loc::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--or);margin-right:6px;vertical-align:1px}
.prh-root .bl-card h3{font-family:var(--head);font-weight:600;letter-spacing:-.02em;font-size:19px;line-height:1.28;margin:10px 0 8px}
.prh-root .bl-card p{font-size:15px;line-height:22px;color:var(--mut)}

/* servicos */
.prh-root .bl-svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.prh-root .bl-svc a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);border:1px solid rgba(40,40,43,.08);border-radius:14px;padding:18px 20px;font-family:var(--head);font-weight:600;font-size:16px;letter-spacing:-.015em;color:var(--gr);text-decoration:none;transition:border-color .2s,background .2s}
.prh-root .bl-svc a:hover{border-color:var(--or);background:#fff}
.prh-root .bl-svc svg{width:18px;height:18px;flex:none;color:#c47a1c}

@media(max-width:1080px){.prh-root .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prh-root .bl-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.prh-root .bl-pils{grid-template-columns:1fr}.prh-root .bl-pil{min-height:360px}}
@media(max-width:640px){
.prh-root .bl-grid,.prh-root .bl-svc{grid-template-columns:1fr}
.prh-root .bl-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}
.prh-root .bl-chips::-webkit-scrollbar{display:none}
.prh-root .bl-chips button{flex:none}
}
@media (prefers-reduced-motion:reduce){.prh-root .bl-pil img,.prh-root .bl-card a,.prh-root .bl-card__img img,.prh-root .bl-go svg{transition:none}}

/* resumo, atalhos e FAQ (2026-10-29) */
.prh-root .bl-ov{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(28px,5vw,80px);align-items:start}
.prh-root .bl-ov__lead{font-size:clamp(16.5px,1.4vw,18.5px);line-height:1.62;color:#28282B;margin:0}
.prh-root .bl-ov .kr-qa__upd{margin:16px 0 0}
.prh-root .bl-q{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.prh-root .bl-q a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 20px 46px;border:1px solid rgba(40,40,43,.1);border-radius:18px;background:#fff;color:#28282B;text-decoration:none;transition:border-color .2s,transform .2s}
.prh-root .bl-q a:hover{border-color:#FFA741;transform:translateY(-2px)}
.prh-root .bl-q b{font:600 17px/1.25 var(--head);letter-spacing:-.015em}
.prh-root .bl-q span{font-size:14px;line-height:20px;color:#6b6b73}
.prh-root .bl-q svg{position:absolute;left:20px;bottom:16px;width:18px;height:18px;color:#c47a1c}
@media(max-width:1100px){.prh-root .bl-q{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.prh-root .bl-ov{grid-template-columns:1fr}}
@media(max-width:640px){.prh-root .bl-q{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.prh-root .bl-q{grid-template-columns:1fr}}

.prh-root .bl-date{font-size:12.5px;color:#6b6b73;margin-left:auto}
.prh-root .bl-of{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.prh-root .bl-of a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border:1px solid rgba(40,40,43,.1);border-radius:16px;background:#fff;color:#28282B;text-decoration:none;transition:border-color .2s}
.prh-root .bl-of a:hover{border-color:#FFA741}
.prh-root .bl-of b{font:600 16px/1.3 var(--head);color:#b8661a}
.prh-root .bl-of span{font-size:14px;line-height:20px;color:#6b6b73}
.prh-root .bl-q a{padding:0;overflow:hidden}
.prh-root .bl-q__img{display:block;aspect-ratio:4/3;overflow:hidden;background:#eceae6}
.prh-root .bl-q__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.prh-root .bl-q a:hover .bl-q__img img{transform:scale(1.05)}
.prh-root .bl-q__b{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 46px;flex:1}
.prh-root .bl-q__b svg{left:18px}
.prh-root .bl-svcg{margin-top:clamp(26px,3vw,40px)}
@media(max-width:1000px){.prh-root .bl-svcg .svc-card:last-child{grid-column:span 1;aspect-ratio:4/5}}
@media(max-width:600px){.prh-root .bl-svcg .svc-card:last-child{aspect-ratio:4/4.4}}