/* =========================================================================
   CABAL HITS · PÁGINA DE DOWNLOAD (download_cabal/download.css)
   ========================================================================= */
.dl-body{background:#0a0812}
.dl-page{--dl-line:rgba(180,107,255,.28);position:relative;isolation:isolate;padding-top:clamp(110px,10vw,140px)!important;padding-bottom:clamp(80px,9vw,140px)}
.dl-page .section-head{align-items:flex-end}
.dl-page .section-head h2{font-size:clamp(44px,7vw,84px)}
.dl-page .section-head>p{max-width:380px}

/* Banner na fumaça (mesma técnica das seções da home) */
.dl-page:before,.dl-page:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;width:min(100vw,2200px);transform:translateX(-50%);top:-10px;height:clamp(420px,40vw,660px)}
.dl-page:before{opacity:.8;background:linear-gradient(90deg,rgba(10,8,18,.72) 0%,rgba(10,8,18,.3) 30%,rgba(10,8,18,.05) 58%,rgba(10,8,18,.2) 100%),url("../assets/backgrounds/banner-secoes.jpg") center 45%/cover no-repeat;-webkit-mask:var(--mask-fumaca) 0 0/100% 100% no-repeat;mask:var(--mask-fumaca) 0 0/100% 100% no-repeat}
.dl-page:after{background:url("../assets/backgrounds/fumaca-banner.png") 0 0/100% 100% no-repeat}

/* Comuns */
.dl-svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:#b46bff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dl-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dl-label{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--dl-line);font:400 13px/1 'Share Tech Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:#cfa9ff}
.dl-label:before{content:'// ';color:#7b2fe0}
.dl-status{display:inline-flex;align-items:center;gap:8px;font:400 12px/1 'Share Tech Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:#7dffb0}
.dl-status:before{content:'';width:8px;height:8px;background:#3ddc84;box-shadow:0 0 10px #3ddc84;transform:rotate(45deg)}
.dl-status.off{color:#9a86b4}.dl-status.off:before{background:#5c4a73;box-shadow:none}
.dl-emblem{position:relative;display:grid;place-items:center}
.dl-emblem:before{content:'';position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(180,107,255,.35);transform:rotate(45deg);box-shadow:0 0 60px rgba(123,47,224,.35),inset 0 0 40px rgba(123,47,224,.25)}
.dl-emblem img{position:relative;width:46%;height:auto;filter:drop-shadow(0 0 18px rgba(180,107,255,.6))}
.dl-req-k{font:400 12px/1.3 'Share Tech Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#a99bbd}
.dl-page ul,.dl-page ol{list-style:none;margin:0;padding:0}
.dl-page h3{text-transform:uppercase}

/* ===== Painel do client + requisitos + passos ===== */
.dla{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:10px}
.dla-card,.dla-req{border:1px solid var(--dl-line);background:linear-gradient(125deg,rgba(27,18,39,.9),rgba(14,13,22,.94));clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.dla-card{display:grid;grid-template-columns:220px 1fr;gap:10px;padding:34px 34px 34px 20px;align-items:center}
.dla-card .dl-emblem{height:220px}
.dla-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.dla-info h3{margin:0;font-size:34px}
.dla-info p{margin:0;font-size:14px}
.dla-spec{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.dla-spec div{padding:8px 12px;border:1px solid var(--dl-line);background:rgba(10,8,18,.5)}
.dla-spec dt{font:400 10px/1 'Share Tech Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#9a86b4}
.dla-spec dd{margin:5px 0 0;font:600 14px/1 'Chakra Petch',sans-serif;color:#fff;text-transform:uppercase}
.dla-req{padding:30px 32px}
.dla-row{display:grid;grid-template-columns:24px 150px 1fr;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(180,107,255,.14)}
.dla-row:last-child{border-bottom:0}
.dla-row strong{font:600 15px/1.3 'Chakra Petch',sans-serif;color:#fff;text-transform:uppercase;text-align:right}
.dla-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px!important}
.dla-step{display:flex;gap:18px;padding:24px;border:1px solid var(--dl-line);background:rgba(21,16,30,.7);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.dla-step b{font:700 34px/1 'Chakra Petch',sans-serif;color:transparent;-webkit-text-stroke:1px #b46bff}
.dla-step h3{margin:2px 0 8px;font-size:18px}
.dla-step p{margin:0;font-size:14px;line-height:1.6}

/* ===== Responsivo ===== */
@media(max-width:1100px){
  .dla{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dl-page:before,.dl-page:after{width:125vw;height:400px}
  .dl-page:before{background:linear-gradient(180deg,rgba(10,8,18,.25),rgba(10,8,18,.45)),url("../assets/backgrounds/banner-secoes.jpg") 55% 45%/cover no-repeat;-webkit-mask-image:var(--mask-fumaca-m);mask-image:var(--mask-fumaca-m)}
  .dl-page:after{background-image:url("../assets/backgrounds/fumaca-banner-m.png")}
  .dl-page .section-head{flex-direction:column;align-items:flex-start;gap:10px}
  .dl-page .section-head>p{display:block;font-size:14px}
  .dla-card{grid-template-columns:1fr;padding:24px;justify-items:center}
  .dla-card .dl-emblem{height:150px;width:150px}
  .dla-info{align-items:stretch;text-align:left}
  .dla-info .button{width:100%}
  .dla-req{padding:22px}
  .dla-row{grid-template-columns:24px 1fr;gap:4px 14px}
  .dla-row svg{grid-row:span 2}
  .dla-row strong{text-align:left;font-size:14px}
  .dla-steps{grid-template-columns:1fr;gap:12px}
}