:root{
  --green-900:#1B3631;
  --green-800:#203F39;
  --green-700:#244640;
  --gold-600:#AA7F50;
  --gold-400:#DBA467;
  --stone-300:#D7D4C9;
  --sand-100:#EDE4DA;
  --white:#F7F4EE;
  --ink:#18312D;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--sand-100)}
body{margin:0;min-height:100vh;font-family:'Open Sans',Arial,sans-serif;color:var(--ink);background:var(--sand-100);display:grid;place-items:center;padding:36px}
a{color:inherit}
.vcard-shell{width:min(960px,100%);min-height:620px;background:var(--white);border-radius:34px 12px 34px 12px;overflow:hidden;box-shadow:0 28px 80px rgba(15,44,39,.16);display:grid;grid-template-columns:.88fr 1.12fr}
.vcard-identity{position:relative;overflow:hidden;background:var(--green-900);color:var(--white);padding:46px 42px;display:flex;flex-direction:column}
.vcard-identity::after{content:"";position:absolute;width:470px;height:470px;right:-235px;bottom:-170px;background:url('../img/Logo-Originis-simbolo.svg') center/contain no-repeat;opacity:.08}
.vcard-brand{position:relative;z-index:2;width:154px;display:block}
.vcard-brand img{display:block;width:100%;height:auto}
.avatar{position:relative;z-index:2;width:205px;height:205px;border:2px solid var(--sand-100);outline:1px solid var(--gold-600);outline-offset:10px;border-radius:50%;margin:86px 0 76px 10px;background:rgba(237,228,218,.06)}
.vcard-company{position:relative;z-index:2;margin:0 0 14px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--gold-400)}
.vcard-name{position:relative;z-index:2;margin-top:auto;font-weight:300;font-size:clamp(2.5rem,5vw,4rem);line-height:1.02;letter-spacing:-.03em;color:var(--white)}
.vcard-name strong{font-weight:700;color:var(--white)}
.vcard-role{position:relative;z-index:2;margin:16px 0 0;font-style:italic;color:var(--gold-400);font-size:.96rem}
.vcard-data{padding:32px 30px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.vcard-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vcard-actions.single-action{grid-template-columns:1fr}
.vcard-action{min-height:68px;border-radius:20px 8px 20px 8px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:.9rem;border:1px solid rgba(27,54,49,.08)}
.vcard-action.primary{background:var(--gold-600);color:var(--green-900)}
.vcard-action.secondary{background:#fff;color:var(--green-900)}
.contact-list{background:#fff;border-radius:26px 10px 26px 10px;padding:8px 22px;box-shadow:0 10px 34px rgba(15,44,39,.06)}
.contact-row{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(27,54,49,.09);text-decoration:none}
.contact-row:last-child{border-bottom:0}
.contact-icon{width:34px;height:34px;border-radius:11px 4px 11px 4px;background:var(--sand-100);display:grid;place-items:center;color:var(--gold-600);font-weight:700}
.contact-label{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.62rem;color:#71807b;margin-bottom:3px}
.contact-value{font-size:.92rem;font-weight:600;line-height:1.35}
@media (max-width:760px){body{padding:0;background:var(--green-900)}.vcard-shell{min-height:100vh;border-radius:0;grid-template-columns:1fr}.vcard-identity{padding:30px 24px 40px;min-height:620px}.avatar{margin:70px auto 70px}.vcard-data{padding:24px 18px 34px;background:var(--sand-100)}.vcard-actions{grid-template-columns:1fr}.vcard-company{position:relative;z-index:2;margin:0 0 14px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--gold-400)}
.vcard-name{font-size:3rem}}


/* V08 — refinamentos finais do vCard */
.contact-value{overflow-wrap:anywhere}
@media (max-width:760px){
  .vcard-identity{min-height:540px}
  .avatar{width:180px;height:180px;margin:58px auto 58px}
  .vcard-name{font-size:clamp(2.45rem,12vw,3rem)}
}
