/* pd-risk.html */
sc-for,sc-if{display:contents}
body{margin:0;background:#ffffff}
a{color:#243650}
a:hover{color:#1b2a40}
*{box-sizing:border-box}
.pd{font-family:Raleway,ui-sans-serif,system-ui,sans-serif;color:#243650;-webkit-font-smoothing:antialiased}
.hd{font-family:Vollkorn,Georgia,serif;font-weight:600;letter-spacing:-0.01em}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
@media(min-width:1024px){.wrap{padding:0 40px}
}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin:0}
.eyebrow::before{content:"";width:32px;height:1px;background:#f4bc1d}
.h2{margin:18px 0 0;font-size:clamp(30px,3.2vw,42px);line-height:1.15}
.lead{margin:0;font-size:17px;line-height:1.7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font:600 15px Raleway,sans-serif;text-decoration:none;border:0;cursor:pointer;height:52px;padding:0 26px}
.btn-gold{background:#f4bc1d;color:#243650;box-shadow:0 10px 30px -12px rgba(244,188,29,.7)}
.btn-gold:hover{background:#dfa70f;color:#243650}
.btn-ol{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,.4)}
.btn-ol:hover{color:#ffffff;border-color:#f4bc1d}
.g12{display:grid;gap:40px}
@media(min-width:1024px){.g12{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px}
.c5{grid-column:span 5}
.c6{grid-column:span 6}
.c7{grid-column:span 7}
}
.c3g{display:grid;gap:20px}
@media(min-width:900px){.c3g{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.c2g{display:grid;gap:20px}
@media(min-width:900px){.c2g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.card{position:relative;border-radius:12px;border:1px solid #e1e6ed;background:#ffffff;padding:28px}
.card .bar{position:absolute;bottom:0;left:28px;width:40px;height:2px;background:#f4bc1d}
.chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);padding:8px 14px;font-weight:700;font-size:14px;color:#ffffff}
.grid-d{background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px}
.dev{display:inline-flex;align-items:center;gap:6px;border:1px dashed #a3c4bc;background:rgba(163,196,188,.18);color:#243650;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.devbox{border:2px dashed #a3c4bc;border-radius:12px;background:rgba(163,196,188,.12);padding:14px 16px;font-size:14px;line-height:1.6;color:#243650}
.devbox-d{border:2px dashed #a3c4bc;border-radius:12px;background:rgba(163,196,188,.10);padding:14px 16px;font-size:14px;line-height:1.6;color:#ffffff}
.fg{display:grid;gap:16px}
@media(min-width:640px){.fg{grid-template-columns:repeat(2,minmax(0,1fr))}
.s2{grid-column:span 2}
}
.fld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#243650}
.ctl{height:48px;border:1px solid #c9d0da;border-radius:8px;padding:0 14px;font:500 15px Raleway,sans-serif;color:#243650;background:#fff;width:100%}


/* celular: só o botão no menu do topo (evita rolagem lateral) */
@media(max-width:639px){header nav[aria-label="Principal"] a:not(.btn){display:none}header nav[aria-label="Principal"] .btn{padding:0 14px!important;font-size:13px!important}}