/* Cartões digitais DBL. Estilo do boneco v0.2 (assets/DBL_Cartoes_Digitais_Boneco_v0.2.html). Fonte e logótipo locais. Sem JavaScript. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/montserrat-variable-latin.woff2) format('woff2')}
:root{--azul:#136292;--turq:#168B97;--tinta:#263642;--cinza:#EEF3F5;--grad:linear-gradient(90deg,#136292,#168B97)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Montserrat,system-ui,sans-serif;background:var(--cinza);color:var(--tinta);min-height:100vh}
.hero{background:linear-gradient(170deg,#0F2636 0%,#11303F 50%,#165460 100%);color:#fff;padding:28px 20px 96px}
body.is-card .hero{padding-bottom:132px}
.wrap{max-width:560px;margin:0 auto}
.logo img{height:78px;width:auto;display:block}
.eyebrow{margin-top:24px;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#7FD0D8}
h1{font-size:24px;line-height:1.15;font-weight:800;margin-top:8px}
.lead{margin-top:10px;font-size:14px;line-height:1.5;color:#DCE8EC}
.card{background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(16,41,58,.12);margin:-72px 16px 24px;padding:22px 18px;position:relative}
body.is-card .card{margin-top:-60px}
@media(min-width:600px){.card{margin-left:auto;margin-right:auto;padding:28px}}
.list{display:grid;gap:12px}
.person{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;border:1.5px solid #E1E9ED;border-radius:12px;padding:12px}
.person:hover{border-color:var(--turq)}
.avatar{width:56px;height:56px;border-radius:50%;background:var(--cinza);overflow:hidden;flex:0 0 56px;display:flex;align-items:center;justify-content:center;color:var(--azul);font-weight:800;font-size:18px}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar img.pos-center{object-position:center}
.avatar img.pos-top{object-position:center top}
.avatar img.pos-upper{object-position:center 25%}
.person b{display:block;font-size:15px}
.person span{font-size:12.5px;color:#5E707B}
.person .chev{margin-left:auto;color:var(--turq);font-weight:800}
.profile{text-align:center}
.profile .avatar{width:120px;height:120px;flex-basis:120px;margin:-104px auto 12px;border:4px solid #fff;box-shadow:0 6px 18px rgba(16,41,58,.18);font-size:36px}
.profile h2{font-size:22px;font-weight:800}
.profile .role{font-size:14px;font-weight:600;color:var(--azul);margin-top:4px}
.profile .dept{font-size:12.5px;color:#5E707B;margin-top:2px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;font-size:14px;border-radius:10px;padding:13px 10px;color:var(--azul);background:var(--cinza);border:1.5px solid #D5E1E6}
.btn.primary{grid-column:1/-1;color:#fff;background:var(--grad);border:0;font-size:16px;padding:14px}
.btn.wa{color:#fff;background:#1F7A4D;border:0}
.btn.full{grid-column:1/-1}
.details{margin-top:20px;display:grid;gap:10px;font-size:14px}
.details div{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #EEF3F5}
.details .k{flex:0 0 86px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5E707B;padding-top:3px}
.details a{color:var(--azul);font-weight:600;text-decoration:none;word-break:break-all}
.qrbox{margin-top:22px;text-align:center;padding-top:18px;border-top:1px solid #EEF3F5}
.qrbox img{width:140px;height:140px;display:block;margin:0 auto 8px}
.qrbox p{font-size:11.5px;color:#5E707B;line-height:1.5}
.back{display:inline-block;margin-top:18px;font-size:13px;font-weight:600;color:var(--azul);text-decoration:none}
.foot{text-align:center;font-size:12px;color:#5E707B;line-height:1.7;padding:6px 16px 28px}
.foot a{color:var(--azul);text-decoration:none;font-weight:600}