/* =========================================================
   Rodrigues & Sarmento — sub.css (artigos e política de privacidade)
   ========================================================= */

.page-sub main{display:block}

/* ---------- abertura da página ---------- */
.sub-hero{position:relative;overflow:hidden;isolation:isolate;padding:calc(var(--header-h) + clamp(48px,7vw,96px)) 0 clamp(96px,12vw,168px);background:
  radial-gradient(90% 120% at 85% 0%,rgba(44,95,107,.55),transparent 60%),var(--night)}
.sub-hero::after{content:"";position:absolute;right:-6vw;top:50%;width:min(46vw,560px);aspect-ratio:367/391;transform:translateY(-46%);z-index:-1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 367 391' fill='none' stroke='%23E9AD66' stroke-opacity='.22' stroke-width='1.3'%3E%3Cpath d='M183 256L88 163L152 99V76A32 32 0 0 0 120 44H44V168A139 139 0 0 0 322 168V44H246A32 32 0 0 0 214 76V99L278 163Z'/%3E%3Ccircle cx='183' cy='166' r='20'/%3E%3Cpath d='M100 354H266'/%3E%3C/svg%3E") no-repeat center/contain}
.sub-hero .wrap{display:grid;justify-items:start;gap:0}
.back{display:inline-flex;align-items:center;gap:12px;font:600 .95rem/1.2 var(--f-body);color:var(--gold);padding:10px 0;margin-bottom:clamp(24px,3.4vw,44px);
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}
.back::before{content:"";width:8px;height:8px;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(45deg);transition:transform .5s var(--ease)}
.back:hover{background-size:100% 1px}
.back:hover::before{transform:translateX(-4px) rotate(45deg)}
.sub-tag{--cut:9px;display:inline-block;background:var(--gold);color:var(--night);font:700 .84rem/1 var(--f-body);padding:12px 20px 12px 24px;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.sub-title{font-size:clamp(2.3rem,5.6vw,4.9rem);line-height:1.04;color:#fff;max-width:19ch;margin-top:28px;letter-spacing:-.025em}
.sub-meta{margin-top:28px;color:rgba(255,255,255,.72);font-size:.98rem;display:flex;flex-wrap:wrap;gap:6px 26px}
.sub-meta span{display:inline-flex;align-items:center;gap:10px}
.sub-meta span::before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.sub-lead{margin-top:26px;max-width:54ch;font-size:clamp(1.05rem,1.4vw,1.2rem);color:rgba(255,255,255,.74)}

/* ---------- artigo ---------- */
.article{padding-bottom:clamp(80px,10vw,140px)}
.article-cover{position:relative;max-width:1080px;margin:clamp(-130px,-10vw,-64px) auto clamp(48px,6vw,88px);aspect-ratio:16/8;--cut:32px;z-index:2}
.article-cover img{width:100%;height:100%;object-fit:cover}

.prose{max-width:720px;margin-inline:auto;font-size:1.0625rem;line-height:1.85;color:#2a3338}
.prose p{margin-bottom:1.35em}
.prose > p:first-of-type{font:300 clamp(1.3rem,2vw,1.6rem)/1.6 var(--f-display);color:var(--petrol);letter-spacing:-.01em}
.prose h2{font-size:clamp(1.7rem,3vw,2.35rem);color:var(--petrol);margin:2.1em 0 .8em;display:flex;align-items:baseline;gap:14px;line-height:1.15}
.prose h2::before{content:"";flex:none;align-self:center;width:12px;height:12px;background:var(--gold);transform:rotate(45deg) translateY(-1px)}
.prose strong{color:var(--petrol);font-weight:700}
.prose em{color:var(--gray)}
.prose ul,.prose ol{margin:0 0 1.6em;counter-reset:li}
.prose li{position:relative;padding-left:32px;margin-bottom:.85em}
.prose ul li::before{content:"";position:absolute;left:6px;top:.78em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.prose ol li{counter-increment:li}
.prose ol li::before{content:counter(li);position:absolute;left:0;top:.05em;width:24px;font:400 1.35rem/1.3 var(--f-display);color:var(--gold-80)}
.prose a{color:var(--petrol);font-weight:700;background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% 1px no-repeat}
.prose a:hover{background-size:100% 2px}

.callout-warning,.policy-highlight{--cut:18px;background:var(--gold-20);color:var(--night);padding:26px 30px;margin:2.2em 0;display:flex;gap:18px;align-items:flex-start;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.callout-warning svg{flex:none;width:26px;height:26px;color:var(--petrol);margin-top:3px}
.callout-warning p,.policy-highlight p{margin:0;font-size:1rem;line-height:1.7}
.policy-num{color:var(--gold-80);font-weight:400;flex:none}

.article-cta{max-width:720px;margin:clamp(56px,7vw,96px) auto 0;padding-top:clamp(36px,5vw,56px);border-top:1px solid var(--line-light);display:grid;gap:26px;justify-items:start}
.article-cta p{font:300 clamp(1.5rem,2.6vw,2.1rem)/1.25 var(--f-display);color:var(--petrol)}
.article-cta .actions{display:flex;flex-wrap:wrap;gap:14px}

/* ---------- lista de artigos ---------- */
.search{position:relative;width:min(100%,540px);margin-top:40px}
.search svg{position:absolute;left:20px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--gold);pointer-events:none}
.search input{width:100%;height:60px;padding:0 24px 0 56px;font:500 1rem var(--f-body);color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:0;
  transition:border-color .3s,background-color .3s}
.search input::placeholder{color:rgba(255,255,255,.55)}
.search input:focus{outline:0;border-color:var(--gold);background:rgba(255,255,255,.1)}
.art-section{padding-block:clamp(72px,9vw,128px)}
.art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,64px)}
.art-card{display:grid;gap:22px;align-content:start}
.art-card[hidden]{display:none}
.art-card .frame{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;--cut:26px;background:var(--night)}
.art-card .frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.art-card:hover .frame img{transform:scale(1.05)}
.art-card .tag{position:absolute;left:0;top:0;z-index:4;background:var(--gold);color:var(--night);font:700 .84rem/1 var(--f-body);padding:12px 20px 12px 30px}
.art-card h2{font-size:clamp(1.55rem,2.6vw,2.3rem);color:var(--petrol)}
.art-card h2 a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .7s var(--ease)}
.art-card:hover h2 a{background-size:100% 1px}
.art-card p{color:var(--gray);max-width:52ch}
.art-empty{display:none;text-align:center;padding:60px 20px;border:1px dashed var(--line-light);color:var(--gray)}
.art-empty[data-open="true"]{display:block}
.art-empty h2{font-size:1.6rem;color:var(--petrol);margin-bottom:10px}
@media (max-width:820px){.art-grid{grid-template-columns:1fr}}

/* na política, o número da seção já é o marcador */
.prose h2:has(.policy-num)::before{display:none}