/* Fontes locais (o cartão fica igual em qualquer computador, sem internet) */
@font-face{font-family:"Cinzel";src:url("fonts/cinzel-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:block}
@font-face{font-family:"Cinzel";src:url("fonts/cinzel-latin-600-normal.woff2") format("woff2");font-weight:500 600;font-display:block}
@font-face{font-family:"EB Garamond";src:url("fonts/eb-garamond-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:"EB Garamond";src:url("fonts/eb-garamond-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:block}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:block}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:block}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:block}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-700-normal.woff2") format("woff2");font-weight:700 800;font-display:block}
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:block}
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:block}
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:block}
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:block}
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-600-italic.woff2") format("woff2");font-weight:500 700;font-style:italic;font-display:block}

/* Cartão de membro — formato PVC tipo bilhete de identidade (85,6 x 54 mm): 640 x 404 */
.cd-wrap{margin:12px auto}
.cd{position:relative;width:640px;height:404px;border-radius:20px;overflow:hidden;box-shadow:0 6px 18px #0005,0 0 0 1px #0002;font-family:Inter,Arial,sans-serif;background:#fff}
.cd>svg.fundo{position:absolute;inset:0;width:100%;height:100%}
.cd *{box-sizing:border-box}
.cd .abs{position:absolute}

/* ---------- FRENTE ---------- */
.cd .logo{left:24px;top:9px;height:80px;width:auto}
.cd .titulo{left:136px;top:15px;width:260px;text-align:center;color:#fff;font-family:Cinzel,Georgia,serif}
.cd .titulo .a{font-size:21px;font-weight:700;letter-spacing:.3px;line-height:24px;white-space:nowrap}
.cd .titulo .ouro{display:flex;align-items:center;justify-content:center;gap:8px;color:#e0b95a;font-family:Inter,sans-serif;font-weight:600;font-size:9.5px;letter-spacing:4.5px;height:15px;margin-top:1px}
.cd .titulo .ouro::before,.cd .titulo .ouro::after{content:"";height:1.5px;width:42px;background:#d4ad55}
.cd .titulo .c{font-size:12.5px;font-weight:700;line-height:15px;white-space:nowrap;margin-top:1px}
.cd .vlinha{left:459px;top:27px;width:1.5px;height:42px;background:#d4ad55}
.cd .lema{left:478px;top:29px;color:#d9d9d9;font-size:11.5px;letter-spacing:2.4px;line-height:17px}
.cd .marca{left:440px;top:118px;width:180px;opacity:.1;filter:grayscale(1)}
/* foto sem fundo: só a pessoa, sobre o fundo do cartão */
.cd .foto{left:16px;top:110px;width:172px;height:215px;object-fit:cover;background:none;border:0}
.cd .campos{left:206px;top:110px;width:422px}
.cd .campos div{height:27px;line-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500;color:#222;letter-spacing:.2px}
.cd .campos b{font-weight:700;font-size:15px;color:#1c2b3a;margin-left:9px;letter-spacing:0}
/* número do cartão, na barra preta por baixo da fotografia */
.cd .idcard{left:16px;top:361px;width:172px;text-align:center;line-height:1}
.cd .idcard small{display:block;font-size:8.4px;font-weight:500;letter-spacing:.35px;color:#d9dbe0}
.cd .idcard b{display:block;margin-top:6px;font-size:15px;font-weight:700;letter-spacing:.5px;color:#f0cd78;white-space:nowrap}

/* ---------- VERSO (desenho 1746 x 1102, reduzido a 640 x 404) ---------- */
.cd.verso{background:#f3f0e3}
.cd .vd{position:absolute;left:0;top:0;width:1746px;height:1102px;transform:scale(.36655);transform-origin:top left;font-family:Figtree,Inter,Arial,sans-serif;color:#0d2147}
.cd .vd *{box-sizing:border-box;margin:0;padding:0}
.cd .vd .vbg{position:absolute;left:0;top:0;width:1746px;height:1102px}
.cd .vd .a{position:absolute}
.cd .vd .pilula{left:68px;top:62px;height:65px;line-height:65px;font-weight:800;font-size:61px;letter-spacing:3.6px;color:#0b1c3b;white-space:nowrap}
.cd .vd ol.vl{position:absolute;left:47px;top:133px;list-style:none;font-weight:600;font-size:31.7px;line-height:43px;color:#0d2147;white-space:nowrap}
.cd .vd ol.vl li{display:grid;grid-template-columns:58px auto;margin-bottom:12px}
.cd .vd ol.vl li:nth-child(7) span{font-size:29.4px;line-height:43px}
.cd .vd ol.vl li::before{content:attr(data-n) ".";font-weight:700;color:#0b1c3b}
.cd .vd ol.vl i,.cd .vd .cita i{font-style:italic;font-weight:600;color:#b98a17}
.cd .vd .vsep{left:935px;top:80px;width:4px;height:660px;background:linear-gradient(#e9c968,#c4932a 50%,#e9c968)}
.cd .vd .vh{left:982px;top:74px;width:720px;font-weight:700;font-size:48.5px;line-height:56px;letter-spacing:.4px;color:#0b1c3b;white-space:nowrap}
.cd .vd .vhl{left:982px;top:134px;width:715px;height:5px;background:linear-gradient(90deg,#a47a1e,#e8c764 45%,#c4932a)}
.cd .vd ul.vi{position:absolute;left:993px;top:162px;list-style:none;font-weight:600;font-size:31px;line-height:40px;color:#0d2147;width:700px}
.cd .vd ul.vi li{position:relative;padding-left:40px;margin-bottom:14px}
.cd .vd ul.vi li::before{content:"";position:absolute;left:0;top:12px;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3d983,#b58519 70%)}
.cd .vd .vqb{left:991px;top:480px;width:6px;height:112px;background:linear-gradient(#e9c968,#c4932a)}
.cd .vd .vq{left:1028px;top:485px;width:690px;font-style:italic;font-weight:500;font-size:29px;line-height:33px;color:#0d2147;white-space:nowrap}
.cd .vd .vq b{display:block;margin-top:5px;font-style:normal;font-weight:500;color:#b98a17}
.cd .vd .vsig{left:1266px;top:556px;width:204px;height:auto}
.cd .vd .vsl{left:1085px;top:666px;width:567px;height:2.5px;background:#1c3158}
.cd .vd .vp{left:1085px;top:674px;width:567px;text-align:center;line-height:1}
.cd .vd .vp b{display:block;font-weight:700;font-size:29px;color:#0b1c3b}
.cd .vd .vp span{display:block;margin-top:13px;font-weight:500;font-size:26.5px;color:#12275a}
/* barra inferior */
.cd .vd .vbar{left:56px;top:722px;border-radius:10px;background:#fff;display:grid;place-items:center}
.cd .vd .vbar img{display:block;image-rendering:pixelated}
.cd .vd .vgd{top:876px;width:4px;height:128px;background:linear-gradient(#e9c968,#c4932a)}
.cd .vd .vdt{top:900px;width:240px;text-align:center;color:#fff;line-height:1}
.cd .vd .vdt small{display:block;font-weight:500;font-size:23px;letter-spacing:.7px;color:#e9ecf2}
.cd .vd .vdt b{display:block;margin-top:14px;font-weight:700;font-size:36px;letter-spacing:.3px;white-space:nowrap}
.cd .vd .vlema{left:1530px;top:890px;width:196px;height:auto}

@media print{
  .cd-wrap{width:auto!important;height:auto!important}
  .cd{transform:none!important;box-shadow:none;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}