@font-face{font-family:Archivo;src:url(fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--grafite:#1E2124;--grafite-2:#272B2F;--nevoa:#EDEFEA;--texto:#C9CCC6;--suave:#8B928C;--ouro:#B8893A;--ouro-claro:#CFA15A;--linha:rgba(237,239,234,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--grafite);-webkit-text-size-adjust:100%}
body{min-height:100svh;background:var(--grafite);color:var(--nevoa);font-family:Archivo,system-ui,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}
.cartao{max-width:430px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}
.logo{display:block;width:176px;height:auto}
.quem{display:flex;align-items:center;gap:16px;margin-top:28px}
.foto{width:68px;height:68px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px var(--grafite),0 0 0 3.5px var(--ouro)}
h1{font-stretch:125%;font-weight:800;font-size:28px;line-height:1;letter-spacing:-.01em}
.cargo{margin-top:7px;color:var(--texto);font-weight:500;font-size:14.5px}
.salvar{display:block;margin-top:24px;padding:16px 20px;border-radius:8px;background:var(--ouro);color:var(--grafite);text-align:center;text-decoration:none;font-stretch:112.5%;font-weight:700;font-size:17px;transition:background-color .15s}
.salvar:hover{background:var(--ouro-claro)}
.qr{margin-top:16px;background:var(--nevoa);border-radius:8px;padding:20px 20px 14px}
.qr svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}
.qr figcaption{margin-top:10px;text-align:center;color:var(--grafite);font-weight:600;font-size:14px;text-wrap:balance}
.acoes{list-style:none;margin-top:20px;border-top:1px solid var(--linha)}
.acoes li{border-bottom:1px solid var(--linha)}
.acoes a{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:baseline;padding:15px 2px;color:var(--nevoa);text-decoration:none;font-weight:500;font-size:15.5px}
.acoes a span:first-child{color:var(--suave)}
.acoes a span:last-child{overflow-wrap:anywhere}
.acoes a:hover span:last-child{color:var(--ouro-claro)}
.compartilhar{display:block;width:100%;margin-top:18px;padding:14px 20px;border-radius:8px;border:1px solid rgba(184,137,58,.7);background:transparent;color:var(--nevoa);font:inherit;font-stretch:112.5%;font-weight:600;font-size:16px;cursor:pointer}
.compartilhar[hidden]{display:none}
footer{margin-top:32px}
.fio{width:56px;height:2px;background:var(--ouro);margin-bottom:16px}
.lema{color:var(--ouro);font-stretch:125%;font-weight:700;font-size:16px}
.core{margin-top:8px;text-wrap:pretty;color:var(--suave);font-size:12.5px;font-weight:500;line-height:1.5}
a:focus-visible,button:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}