/* PROPOSTA DIGITAL ASSECOM — estilo isolado (prefixo .pd-) · Claude Code B550 · 11/08/2026
   Isolado de propósito: não altera styles.css (77KB) para evitar regressão nas outras rotas. */

.pd-hero{background:linear-gradient(135deg,var(--pd,#0b3d2e) 0%,#0a0e14 78%);color:#fff;padding:clamp(38px,7vw,84px) 0}
.pd-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(22px,4vw,52px);align-items:center}
.pd-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--pd2,#c8961e);margin:0 0 14px}
.pd-h1{font-size:clamp(26px,4.1vw,46px);line-height:1.14;margin:0 0 18px;font-weight:700}
.pd-h1 em{display:block;margin-top:10px;font-style:normal;color:var(--pd2,#c8961e)}
.pd-lede{font-size:clamp(15px,1.5vw,18px);line-height:1.65;opacity:.94;margin:0 0 16px;max-width:62ch}
.pd-destaque{border-left:4px solid var(--pd2,#c8961e);padding:12px 0 12px 16px;margin:0 0 14px;font-size:15.5px;line-height:1.6;background:rgba(255,255,255,.05);max-width:64ch}
.pd-nota{font-size:13.5px;line-height:1.6;opacity:.82;margin:0 0 18px;max-width:66ch}
.pd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s ease,background .2s ease}
.pd-btn--1{background:var(--pd2,#c8961e);color:#12100c}
.pd-btn--2{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.pd-btn:hover{transform:translateY(-2px)}
.pd-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pd-btn--static{cursor:default}
.pd-hero__art{margin:0}
.pd-hero__art img{width:100%;height:auto;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.42);display:block}
.pd-hero__art figcaption{font-size:12.5px;opacity:.75;margin-top:10px;text-align:center}

.pd-sec{padding:clamp(34px,5.5vw,70px) 0;background:#fff;color:#15181d}
.pd-sec--alt{background:#f4f6f8}
.pd-h2{font-size:clamp(21px,2.7vw,32px);line-height:1.25;margin:0 0 14px;font-weight:700;color:#0f1319}
.pd-p{font-size:16px;line-height:1.68;margin:0 0 22px;max-width:72ch;color:#39414d}

.pd-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dde3ea;border-radius:12px}
.pd-table{width:100%;border-collapse:collapse;min-width:600px;background:#fff}
.pd-table th,.pd-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e7ecf1;font-size:14.5px}
.pd-table thead th{background:#0f1319;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}
.pd-table tbody th{font-weight:700;color:#0f1319}
.pd-table--cmp td{text-align:center;font-weight:700}
.pd-yes{color:#0a7a44}
.pd-no{color:#9aa4b0}

.pd-fluxo{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0;margin:0 0 20px;counter-reset:f}
.pd-fluxo li{background:#fff;border:1px solid #dde3ea;border-radius:12px;padding:16px 14px;position:relative}
.pd-fluxo li b{display:block;font-size:15px;margin-bottom:4px;color:#0f1319}
.pd-fluxo li span{font-size:13px;color:#5a6472;line-height:1.5}

.pd-recursos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.pd-rec{background:#fff;border:1px solid #dde3ea;border-radius:14px;padding:20px}
.pd-sec--alt .pd-rec{background:#fff}
.pd-rec header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pd-rec__ic{font-size:22px}
.pd-rec h3{margin:0;font-size:18px;color:#0f1319}
.pd-rec__an{margin:0 0 12px;color:#0a7a44;font-size:14.5px;font-weight:600}
.pd-rec__dl{margin:0;display:grid;grid-template-columns:auto;gap:2px}
.pd-rec__dl dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:#7b8694;font-weight:700;margin-top:9px}
.pd-rec__dl dd{margin:0;font-size:14px;line-height:1.55;color:#39414d}
.pd-warn{color:#a1341a!important}

.pd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.pd-card{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #dde3ea;border-radius:14px;padding:18px;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}
.pd-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,19,25,.12)}
.pd-card:focus-visible{outline:3px solid var(--pd,#0b3d2e);outline-offset:2px}
.pd-card__n{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:#7b8694;font-weight:700}
.pd-card__price{font-size:24px;color:#0f1319}
.pd-card__name{font-size:15px;font-weight:600;color:#2b3440}
.pd-card__an{font-size:13.5px;color:#5a6472}
.pd-card__go{margin-top:8px;font-size:13.5px;font-weight:700;color:#0a7a44}

.pd-pac{background:#fff;border:1px solid #dde3ea;border-radius:16px;padding:clamp(18px,2.4vw,28px);margin-bottom:22px;scroll-margin-top:20px}
.pd-pac__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;border-bottom:2px solid #eef2f6;padding-bottom:14px;margin-bottom:14px}
.pd-pac__num{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:#7b8694;font-weight:700}
.pd-pac__head h3{margin:4px 0 4px;font-size:22px;color:#0f1319}
.pd-pac__head em{color:#0a7a44;font-style:normal;font-weight:600;font-size:14.5px}
.pd-pac__price{font-size:26px;font-weight:700;color:#0f1319;white-space:nowrap}
.pd-pac__frase{font-size:16px;line-height:1.6;color:#2b3440;background:#f4f6f8;border-left:4px solid var(--pd2,#c8961e);padding:12px 16px;border-radius:0 8px 8px 0;margin:0 0 14px}
.pd-alerta{background:#fff6e8;border:1px solid #f0d9a8;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;color:#6b4a10;margin:0 0 14px}
.pd-4p{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}
.pd-4p h4{margin:0 0 6px;font-size:14.5px;color:var(--pd,#0b3d2e)}
.pd-4p p,.pd-4p li{font-size:14px;line-height:1.55;color:#39414d}
.pd-4p ul{margin:0;padding-left:18px}
.pd-incs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.pd-inc,.pd-nao{border-radius:10px;padding:14px 16px}
.pd-inc{background:#eefaf3;border:1px solid #bfe6d2}
.pd-nao{background:#fdf0ec;border:1px solid #f2ccc0}
.pd-inc h4,.pd-nao h4{margin:0 0 6px;font-size:13.5px;text-transform:uppercase;letter-spacing:.06em}
.pd-inc h4{color:#0a6a3c}.pd-nao h4{color:#9c3a1c}
.pd-inc ul,.pd-nao ul{margin:0;padding-left:18px}
.pd-inc li,.pd-nao li{font-size:13.8px;line-height:1.55}
.pd-pac__meta{display:grid;grid-template-columns:auto;gap:2px;margin:0 0 14px}
.pd-pac__meta dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:#7b8694;font-weight:700;margin-top:9px}
.pd-pac__meta dd{margin:0;font-size:14px;line-height:1.55;color:#39414d}
.pd-cta-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.pd-cta-line small{font-size:12.5px;color:#7b8694}

.pd-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}
.pd-metricas div{background:#f4f6f8;border-radius:12px;padding:16px}
.pd-metricas b{display:block;font-size:15px;color:#0f1319;margin-bottom:4px}
.pd-metricas span{font-size:13.8px;line-height:1.55;color:#5a6472}

.pd-cond{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.pd-cond article{background:#fff;border:1px solid #dde3ea;border-radius:14px;padding:20px}
.pd-cond h3{margin:0 0 10px;font-size:18px;color:#0f1319}
.pd-cond p{font-size:14px;line-height:1.6;color:#39414d;margin:0 0 8px}

.pd-faq{background:#f4f6f8;border-radius:10px;margin-bottom:8px;overflow:hidden}
.pd-faq summary{cursor:pointer;padding:14px 18px;font-weight:600;font-size:15px;color:#0f1319;list-style:none;position:relative;padding-right:44px}
.pd-faq summary::-webkit-details-marker{display:none}
.pd-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;color:#7b8694}
.pd-faq[open] summary::after{content:"–"}
.pd-faq summary:focus-visible{outline:3px solid var(--pd,#0b3d2e);outline-offset:-3px}
.pd-faq p{margin:0;padding:0 18px 16px;font-size:14.5px;line-height:1.62;color:#39414d}

.pd-final{background:linear-gradient(135deg,var(--pd,#0b3d2e),#0a0e14);color:#fff;padding:clamp(34px,5.5vw,68px) 0;text-align:center}
.pd-final .pd-h2{color:#fff}
.pd-final .pd-p{color:rgba(255,255,255,.9);margin-left:auto;margin-right:auto}
.pd-final .pd-actions{justify-content:center}
.pd-final .pd-nota{margin:18px auto 0}

/* ---------- MOBILE: rediagramado, não apenas cortado ---------- */
@media (max-width:900px){
  .pd-hero__grid{grid-template-columns:1fr}
  .pd-hero__art{order:-1}
  .pd-fluxo{grid-template-columns:1fr 1fr}
  .pd-incs{grid-template-columns:1fr}
}
@media (max-width:600px){
  .pd-fluxo{grid-template-columns:1fr}
  .pd-h1{font-size:24px}
  .pd-actions .pd-btn{width:100%}
  .pd-pac__head{flex-direction:column}
  .pd-pac__price{font-size:23px}
  .pd-recursos{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .pd-btn,.pd-card{transition:none}
  .pd-btn:hover,.pd-card:hover{transform:none}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ================= PROPOSTA DIGITAL — EXTRAS · Claude Code B550 11/08/2026 ================= */

/* --- bloco emocional (dirigido ao candidato) --- */
.pd-emo{background:linear-gradient(150deg,#0a0e14 0%,var(--pd,#0b3d2e) 130%);color:#fff;padding:clamp(38px,6vw,76px) 0}
.pd-emo__h2{font-size:clamp(23px,3.4vw,40px);line-height:1.18;margin:0 0 26px;font-weight:800}
.pd-emo__h2 em{font-style:normal;color:var(--pd2,#c8961e);display:block;margin-top:6px}
.pd-emo__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pd-emo__card{border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.16)}
.pd-emo__card--sem{background:rgba(160,52,26,.16);border-color:rgba(226,120,90,.34)}
.pd-emo__card--com{background:rgba(16,122,68,.16);border-color:rgba(90,214,150,.34)}
.pd-emo__card h3{margin:0 0 12px;font-size:19px}
.pd-emo__card--sem h3{color:#ffb59b}.pd-emo__card--com h3{color:#8fe3b6}
.pd-emo__card ul{margin:0 0 14px;padding-left:20px}
.pd-emo__card li{font-size:15px;line-height:1.62;margin-bottom:7px;opacity:.95}
.pd-emo__fim{margin:0;font-size:15px;font-style:italic;opacity:.9;border-top:1px solid rgba(255,255,255,.16);padding-top:12px}
.pd-emo__linha{margin:26px 0 0;text-align:center;font-size:clamp(15px,1.8vw,20px);line-height:1.5}
.pd-emo__linha strong{color:var(--pd2,#c8961e)}

/* --- galeria de artes --- */
.pd-galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.pd-galeria figure{margin:0}
.pd-galeria img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 12px 34px rgba(15,19,25,.16);background:#eceff3}
.pd-galeria figcaption{font-size:12.5px;color:#6b7683;margin-top:8px;text-align:center}

/* --- gráfico de barras --- */
.pd-graf{display:flex;flex-direction:column;gap:16px;margin:22px 0 6px}
.pd-graf__row{display:grid;grid-template-columns:150px 1fr 170px;gap:14px;align-items:center}
.pd-graf__lbl{font-weight:700;font-size:14.5px;color:#0f1319}
.pd-graf__bar{background:#e9edf2;border-radius:999px;height:38px;overflow:hidden}
.pd-graf__bar i{display:flex;align-items:center;justify-content:flex-end;height:100%;background:#9aa4b0;border-radius:999px;padding-right:14px;transition:width .9s cubic-bezier(.22,.9,.3,1)}
.pd-graf__bar--on i{background:linear-gradient(90deg,var(--pd,#0b3d2e),var(--pd2,#c8961e))}
.pd-graf__bar b{color:#fff;font-size:13.5px;white-space:nowrap}
.pd-graf__note{font-size:13px;color:#6b7683}

/* --- diagrama SVG --- */
.pd-svgwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dde3ea;border-radius:14px;background:#fff;padding:10px}
.pd-svg{width:100%;min-width:720px;height:auto;color:#8a95a2}
.pd-n rect{fill:#f4f6f8;stroke:#cfd8e1;stroke-width:1.5}
.pd-n text{fill:#243040;font-weight:600}
.pd-n--hl rect{fill:#eefaf3;stroke:#8fd3ae}
.pd-svg__loop{fill:#8a95a2;font-size:12px;font-style:italic}

/* --- simulador --- */
.pd-sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;background:#f4f6f8;border-radius:16px;padding:clamp(16px,2.4vw,26px);margin-top:18px}
.pd-sim__ctrls{display:flex;flex-direction:column;gap:16px}
.pd-sim__ctrls label{display:grid;gap:7px;font-size:14px;font-weight:600;color:#2b3440}
.pd-sim__ctrls input[type=range]{width:100%;accent-color:var(--pd,#0b3d2e);height:28px}
.pd-sim__ctrls output{font-size:19px;font-weight:800;color:var(--pd,#0b3d2e)}
.pd-sim__funil{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;counter-reset:s}
.pd-sim__funil li{background:#fff;border:1px solid #dde3ea;border-radius:12px;padding:13px 16px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px}
.pd-sim__funil span{font-size:14px;color:#4a545f;font-weight:600}
.pd-sim__funil b{font-size:23px;color:#0f1319;font-variant-numeric:tabular-nums}
.pd-sim__funil em{grid-column:1/-1;font-style:normal;font-size:12.5px;color:#7b8694}

@media (max-width:900px){
  .pd-emo__grid{grid-template-columns:1fr}
  .pd-sim{grid-template-columns:1fr}
  .pd-graf__row{grid-template-columns:1fr;gap:6px}
  .pd-graf__note{margin-bottom:6px}
}
@media (max-width:600px){
  .pd-galeria{grid-template-columns:1fr}
  .pd-sim__funil b{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .pd-graf__bar i{transition:none}
}

/* alvo de toque dos sliders >= 44px (mobile) · correcao a11y Claude B550 */
.pd-sim__ctrls input[type=range]{height:44px;cursor:pointer}
.pd-sim__ctrls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--pd,#0b3d2e);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.28)}
.pd-sim__ctrls input[type=range]::-moz-range-thumb{width:26px;height:26px;border:3px solid #fff;border-radius:50%;background:var(--pd,#0b3d2e)}
.pd-sim__ctrls input[type=range]:focus-visible{outline:3px solid var(--pd2,#c8961e);outline-offset:3px}

/* ---- dashboard demonstrativo ---- */
.pd-dash{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:26px}
.pd-dash__card{background:#fff;border:1px solid #dde3ea;border-radius:14px;padding:18px;
  border-top:4px solid var(--pd2,#c8961e);display:flex;flex-direction:column;gap:4px}
.pd-dash__lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;color:#7b8694;font-weight:800}
.pd-dash__v{font-size:29px;font-weight:800;color:#0f1319;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pd-dash__h{font-size:12.8px;color:#5a6472;font-style:normal;line-height:1.45}
.pd-dash__graf{background:#fff;border:1px solid #dde3ea;border-radius:16px;padding:22px}
.pd-dash__graf h3{margin:0 0 16px;font-size:17px;color:#0f1319}
.pd-spark{display:flex;align-items:flex-end;gap:6px;height:150px;margin-bottom:14px}
.pd-spark i{flex:1;height:var(--h);min-height:6px;border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg,var(--pd2,#c8961e),var(--pd,#0b3d2e));
  transition:height .8s cubic-bezier(.22,.9,.3,1)}
@media (max-width:600px){.pd-spark{height:110px;gap:3px}.pd-dash__v{font-size:25px}}
@media (prefers-reduced-motion:reduce){.pd-spark i{transition:none}}

/* P02 2.3.0 — leitura vertical e diferenciação forte dos pacotes */
.pd-sec{padding:clamp(52px,8vw,108px) 0}.pd-sec+.pd-sec{border-top:1px solid rgba(15,19,25,.08)}
.pd-fluxo{grid-template-columns:1fr;max-width:880px;margin-inline:auto}.pd-fluxo li{display:grid;grid-template-columns:54px 1fr;gap:4px 18px;align-items:center;padding:20px 24px;border-left:6px solid var(--pd,#0b3d2e)}.pd-fluxo li::before{counter-increment:f;content:counter(f,decimal-leading-zero);grid-row:1/3;font-size:1.35rem;font-weight:900;color:var(--pd2,#c8961e)}
.pd-recursos,.pd-cards{grid-template-columns:1fr}.pd-rec,.pd-card{padding:clamp(22px,4vw,42px)}
.pd-pac{position:relative;max-width:980px;margin:0 auto 34px;border-width:2px;box-shadow:0 22px 60px rgba(15,19,25,.08)}.pd-pac:nth-of-type(4n+1){border-color:#118553}.pd-pac:nth-of-type(4n+2){border-color:#1976d2}.pd-pac:nth-of-type(4n+3){border-color:#d29b11}.pd-pac:nth-of-type(4n){border-color:#6f42c1}.pd-pac__head{padding-bottom:22px;margin-bottom:22px}.pd-pac__price{padding:10px 16px;border-radius:14px;background:#0f1319;color:#fff}.pd-4p{grid-template-columns:1fr}.pd-4p>div{padding:20px;border-radius:14px;background:#f4f6f8;border-left:5px solid var(--pd2,#c8961e)}.pd-incs{grid-template-columns:1fr}.pd-inc,.pd-nao{padding:22px}.pd-pac__meta{grid-template-columns:minmax(150px,.3fr) 1fr;gap:10px 22px;padding:22px;border-radius:14px;background:#f4f6f8}.pd-pac__meta dt{margin:0}.pd-pac__meta dd{padding-bottom:10px;border-bottom:1px solid #dde3ea}.pd-pac__meta dd:last-child{border-bottom:0}
@media(max-width:700px){html{max-width:100%;overflow-x:clip}body.demo-page{max-width:100vw;overflow-x:clip}.pd-pac__meta{grid-template-columns:1fr}.pd-fluxo li{grid-template-columns:42px 1fr;padding:16px}.pd-pac{border-radius:12px}.pd-sec{padding:46px 0}.pd-tablewrap,.pd-svgwrap{display:block;width:100%;max-width:calc(100vw - 40px);min-width:0;overflow:hidden}.pd-table{width:100%;min-width:0;table-layout:fixed}.pd-table th,.pd-table td{padding:9px 7px;font-size:11.5px;overflow-wrap:anywhere}.pd-svg{width:100%;min-width:0;height:auto}}

/* P02 2.7.0 — conformidade, prazos e prova operacional */
.pd-sec--compliance{background:radial-gradient(circle at 88% 12%,rgba(246,199,58,.19),transparent 28%),linear-gradient(135deg,#061712,#10233a);color:#fff}
.pd-sec--compliance .pd-h2,.pd-sec--compliance .pd-p,.pd-sec--compliance .pd-h3{color:#fff}
.pd-kicker{font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#f6c73a}
.pd-cond--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.pd-sec--compliance .pd-cond article{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(10px)}
.pd-sec--compliance .pd-cond article h3{color:#fff}.pd-sec--compliance .pd-cond article p{color:rgba(255,255,255,.84)}
.pd-text-link{display:inline-block;margin-top:10px;color:#ffe072;font-weight:850}
.pd-timeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 30px}
.pd-timeline-grid article{display:grid;gap:6px;padding:20px;border-radius:18px;background:#fff;color:#15241e}.pd-timeline-grid b{font-size:.78rem;letter-spacing:.12em;color:#0b6d52}.pd-timeline-grid strong{font-size:clamp(20px,2.4vw,31px)}.pd-timeline-grid span{color:#53655e;font-size:.9rem;line-height:1.4}
@media(max-width:900px){.pd-timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pd-cond--four,.pd-timeline-grid{grid-template-columns:1fr}}