@font-face{font-family:Inter;src:url('/cartao/fonts/Inter-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--gold:#ffbd18;--paper:#f6f4ef}
*{box-sizing:border-box}
html{min-width:320px;background:#090909}
body{margin:0;min-height:100svh;color:var(--paper);font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 50% 18%,#211e18 0,#111 48%,#080808 90%);padding:max(16px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom));display:grid;place-items:center}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}
.business-card{width:min(100%,460px,calc((100svh - 32px)*.61618));aspect-ratio:845/1372;position:relative;isolation:isolate;overflow:hidden;background:#101010;box-shadow:0 28px 80px #000b}
.card-hero{position:absolute;z-index:0;inset:0;overflow:hidden}
.card-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none}
.card-art-tone{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.contact-rebuild{position:absolute;z-index:2;left:1%;right:1%;top:43%;bottom:8.2%;display:grid;grid-template-rows:minmax(36px,1fr) minmax(76px,2.2fr) minmax(36px,1fr) minmax(84px,2.5fr);gap:clamp(5px,.8vw,8px);background:linear-gradient(180deg,#101010 0%,#101010 42%,#0d0d0d 100%);color:#f6f4ef}
.contact-rebuild a,.contact-rebuild button{-webkit-tap-highlight-color:transparent}
.whatsapp-button{position:relative;left:auto;right:auto;top:auto;width:93.8%;height:100%;min-height:36px;justify-self:center;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 8%;border:1px solid rgba(255,205,48,.76);border-radius:2.5% / 20%;background:linear-gradient(110deg,#ffca28,#ffb916);color:#111;text-decoration:none;font-size:15px;font-weight:600;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.whatsapp-button svg{width:21px;height:21px;display:block;color:#ffbd18}
.whatsapp-button svg:first-child{color:#111;flex:none}
.whatsapp-button svg:last-child{position:absolute;right:5%;width:17px;height:17px;color:#111}
.whatsapp-button span{text-align:center;line-height:1.2}
.whatsapp-button:hover{border-color:rgba(255,255,255,.82);background:linear-gradient(110deg,#ffd94e,#ffc332);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 0 1px rgba(255,189,24,.24)}
.contact-grid{position:static;min-width:0;min-height:0;margin:0 3.1%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));column-gap:2.8%;row-gap:clamp(4px,.7vw,7px)}
.plain-action,.tile-action{min-width:0;min-height:44px;display:grid;grid-template-columns:20px max-content;justify-content:center;align-items:center;column-gap:8px;padding:0 4%;border-radius:4% / 20%;font-size:13px;font-weight:500;line-height:1.25;text-align:left;text-decoration:none;touch-action:manipulation}
.call-action span,.instagram-action span{min-width:68px}
.email-action span,.save-action span{min-width:96px}
.plain-action svg,.tile-action svg{width:19px;height:19px;display:block;color:#ffbd18;flex:none}
.plain-action{border:0;background:transparent;color:#f6f4ef;cursor:pointer}
.call-action,.tile-action{border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,#151515,#101010);color:#f6f4ef;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.call-action:hover,.tile-action:hover{border-color:rgba(255,189,24,.62);background:linear-gradient(145deg,#211e16,#111);box-shadow:inset 0 0 0 1px rgba(255,189,24,.16)}
.call-action:active,.tile-action:active{background:#252117}
.plain-action:focus-visible,.tile-action:focus-visible,.whatsapp-button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.share-action{position:static;width:93.8%;height:100%;min-height:36px;justify-self:center;display:flex;align-items:center;justify-content:center;padding:0;column-gap:13px;border:1px solid rgba(255,255,255,.17);border-radius:2% / 20%;background:linear-gradient(145deg,#151515,#101010);color:#f6f4ef;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.share-action:hover{border-color:rgba(255,189,24,.62);background:linear-gradient(145deg,#211e16,#111);box-shadow:inset 0 0 0 1px rgba(255,189,24,.16)}
.share-action:active{background:#252117}
.qr-panel{position:relative;min-width:0;min-height:0;margin:0 3.1%;padding:clamp(8px,2.2%,14px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.62fr);align-items:center;gap:clamp(8px,2.4%,14px);border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(145deg,#151515,#101010 72%);overflow:hidden}
.qr-overlay{position:static;z-index:auto;width:min(100%,110px);aspect-ratio:1;justify-self:center;background:#fff;border-radius:7%;padding:7%;box-shadow:0 1px 2px #0005}
.qr-overlay svg{display:block;width:100%;height:100%}
.qr-copy{position:static;min-width:0;color:#f6f4ef}
.qr-overline{margin:0 0 4px;color:#c7c5c1;font-size:10px;font-weight:500;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase}
.qr-copy h2{margin:0 0 2px;color:#f6f4ef;font-size:clamp(15px,3.7vw,17px);font-weight:600;line-height:1.25}
.qr-description{margin:0;color:#c9c6bf;font-size:clamp(10px,3.34vw,13px);font-weight:400;line-height:1.45;overflow-wrap:anywhere}
.qr-accent{display:block;width:clamp(42px,11.5vw,53px);height:4px;margin-top:6px;border-radius:9px;background:var(--gold)}
.card-signature{position:absolute;z-index:2;left:1%;right:1%;bottom:1.8%;height:4%;margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.5vw,9px);background:linear-gradient(180deg,#101010,#0c0c0c);color:#aaa69e;font-size:clamp(8px,2.56vw,10px);font-weight:500;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}
.card-signature span{color:#ffbd18;letter-spacing:0}
.card-status{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%,14px);z-index:5;width:max-content;max-width:calc(100vw - 32px);padding:10px 15px;border:1px solid #ffffff28;border-radius:12px;background:#20201e;color:#fff;font-size:13px;text-align:center;box-shadow:0 8px 24px #0008;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.card-status.is-visible{opacity:1;transform:translate(-50%,0)}
.call-dialog{width:min(calc(100% - 32px),410px);padding:28px;border:1px solid #ffffff24;border-radius:20px;background:linear-gradient(150deg,#22211e,#111);color:var(--paper);box-shadow:0 24px 90px #000b}.call-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffff12;color:#eee;cursor:pointer;transition:background .16s ease,color .16s ease}.dialog-close svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dialog-close:hover{background:var(--gold);color:#111}.dialog-eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.18em}.call-dialog h2{margin:7px 0 21px;font-size:22px}.call-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #ffffff1c;color:inherit;text-decoration:none;transition:color .16s ease,padding .16s ease}.call-option:hover{color:var(--gold);padding-inline:6px}.call-option strong,.call-option small{display:block}.call-option strong{font-size:14px}.call-option small{margin-top:4px;color:#aaa69e;font-size:12px}
@media(max-height:520px){body{place-items:start center}.business-card{width:min(85vw,calc((100svh - 24px)*.61618))}}
@media(max-width:600px){
 .contact-grid .call-action,.contact-grid .tile-action{-webkit-appearance:none;appearance:none;margin:0;align-content:center;}
 .contact-grid{grid-template-rows:repeat(2,minmax(34px,1fr));row-gap:clamp(4px,2vw,7px);}
 .contact-grid .call-action,.contact-grid .tile-action{min-height:36px;}
 .contact-grid .call-action,.contact-grid .instagram-action{grid-template-columns:20px 68px;column-gap:8px;}
 .contact-grid .email-action,.contact-grid .save-action{grid-template-columns:20px 104px;column-gap:8px;}
 .contact-grid .call-action span,.contact-grid .instagram-action span,.contact-grid .email-action span,.contact-grid .save-action span{min-width:0;white-space:nowrap;}
}
@media(max-width:360px){.contact-grid{grid-template-rows:repeat(2,minmax(32px,1fr));row-gap:4px}.contact-grid .call-action,.contact-grid .tile-action{min-height:34px}.qr-panel{grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr);gap:7px;padding:7px}.qr-overline{font-size:9px;letter-spacing:1.1px}.qr-copy h2{font-size:14px}.qr-description{font-size:10px;line-height:1.35}.qr-accent{margin-top:4px;height:3px}}
@media(max-width:600px){
 body{display:flex;justify-content:center;align-items:center;min-height:100svh;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 10px max(16px,env(safe-area-inset-bottom))}
 .business-card{width:min(100%,460px);height:auto;aspect-ratio:auto;display:flex;flex-direction:column;overflow:hidden}
 .card-hero{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:845/590;flex:0 0 auto}
 .card-art{inset:auto;top:0;left:0;right:auto;bottom:auto;width:100%;height:auto;max-width:none;object-fit:initial}
 .card-art-tone{inset:auto;top:0;left:0;right:auto;bottom:auto;width:100%;height:auto}
 .contact-rebuild{position:relative;inset:auto;z-index:2;width:100%;height:auto;display:grid;grid-template-rows:auto auto auto auto;gap:7px;padding:8px 0 10px}
 .whatsapp-button{height:auto;min-height:44px}
 .contact-grid{grid-template-rows:repeat(2,42px);row-gap:6px}
 .contact-grid .call-action,.contact-grid .tile-action{height:42px;min-height:42px}
 .share-action{height:auto;min-height:40px}
 .qr-panel{min-height:0;grid-template-columns:minmax(78px,.78fr) minmax(0,1.62fr);gap:9px;padding:10px;overflow:visible}
 .qr-overlay{width:min(100%,108px);flex:none}
 .qr-copy{align-self:center}
 .qr-overline{font-size:clamp(9px,2.56vw,10px);letter-spacing:1.25px}
 .qr-copy h2{font-size:clamp(14px,4vw,17px)}
 .qr-description{font-size:clamp(10px,3.4vw,13px);line-height:1.45}
 .qr-accent{margin-top:6px;height:4px}
 .card-signature{position:relative;inset:auto;z-index:2;width:100%;height:auto;min-height:34px;flex:0 0 auto;padding:5px 2px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}