@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f7fc;background:#050811;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 20%,#182947 0,#090f1d 42%,#050811 80%)}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #99c5ff;outline-offset:3px}svg{width:19px;height:19px;stroke-width:1.6;flex-shrink:0}.shell{width:min(100%,430px);margin:0 auto;padding:28px 0}.card{position:relative;isolation:isolate;aspect-ratio:9/16;display:flex;flex-direction:column;background:linear-gradient(145deg,#0c172c,#060b16 70%);border:1px solid #5c6b815c;border-radius:26px;overflow:hidden;box-shadow:0 28px 90px #0009,0 0 50px #2476ee0a,inset 0 1px #c9d8ef22}.identity{position:relative;flex:1;min-height:335px;display:flex;align-items:flex-end}.portrait{position:absolute;inset:0;overflow:hidden;background:#111e34}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#030a196b 0%,transparent 35%,#070e1c35 55%,#080f1fdd 83%,#0a1325 100%)}.portrait-monogram{font-size:95px;padding-top:100px;text-align:center;color:#b9c4d9}.brand{position:absolute;inset:15px 20px auto;display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.brand-name{width:72px;height:58px;display:flex;align-items:center;justify-content:center}.brand-name img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px #0008)}.icon-button{display:grid;place-items:center;min-width:38px;min-height:38px;border-radius:50%;border:1px solid #ffffff36;background:#0b14266e;color:#e0e9fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button svg{width:17px;height:17px}.identity-copy{position:relative;z-index:1;width:100%;padding:0 25px 13px}.eyebrow{font-size:9px;letter-spacing:2.7px;font-weight:550;color:#d1dbea}h1{font-family:Manrope,sans-serif;font-size:29px;font-weight:650;letter-spacing:-.9px;line-height:1.18;margin:9px 0 0;max-width:340px;text-shadow:0 2px 12px #0004}.specialty{font-size:12px;margin:7px 0;color:#c1ccdc}.silver-line{width:42px;height:2px;background:linear-gradient(90deg,#e3eaf4,#7485a5);margin-top:15px;box-shadow:0 0 12px #9db4df25}.contact-panel{padding:5px 23px 14px;position:relative}.action{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:10px 13px;border-radius:11px;min-height:48px;border:1px solid #5c91e261;border-top-color:#8cb7f6a3;background:linear-gradient(180deg,#234b87,#173665 48%,#10284e);box-shadow:inset 0 1px #d8e9ff30,inset 0 -2px 2px #0005,0 3px #020713,0 5px 9px #0004;transition:filter .2s,transform .2s}.action>span{flex:1;min-width:0}.action strong{font-size:12px;font-weight:550;display:block}.action small{display:block;font-size:9px;margin-top:3px;color:#c3d3ec}.action>svg:last-child{width:13px;height:13px;color:#bbd4fa}.action.primary{position:relative;min-height:53px;padding:12px 16px;gap:12px;background:linear-gradient(180deg,#438af1,#2366c8 46%,#1753ad 50%,#194a94);border-color:#70a3ee;border-top-color:#bed9ff;box-shadow:inset 0 1px 1px #f0f6ff66,inset 0 -2px 3px #06183366,0 4px #06162e,0 7px 20px #0059e02b}.primary strong{font-size:15px;font-weight:650}.primary>svg:last-child{width:19px;height:19px;color:#eaf2ff}.quick-actions,.details,.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.quick-actions .action>svg:last-child{display:none}.save-contact{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 13px;margin-top:11px;border-radius:10px;border:1px solid #7b8ba454;border-top-color:#b4c6e170;background:linear-gradient(180deg,#334258,#1b293d 50%,#162237);box-shadow:inset 0 1px #dce8ff21,0 3px #030712;font-size:12px;font-weight:500;color:#eff3fb}.save-contact>span{flex:1;text-align:left}.save-contact>svg:last-child{width:15px;height:15px;color:#bfccdf}.details .action,.socials .action{min-height:43px;background:linear-gradient(180deg,#162a49,#0e1d34);border-color:#3c577b8c;border-top-color:#697f9e88;box-shadow:inset 0 1px #dce8ff0d,0 2px #02050c}.details .action>svg:last-child,.socials .action>svg:last-child{display:none}.details svg,.socials svg{width:17px;height:17px;color:#b5c8e4}.socials{margin-top:9px}.share-row{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:15px;border-top:1px solid #6e819333;padding-top:5px}.share-row button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:transparent;border:0;padding:0;color:#d6e2f3;font-size:11px}.share-row svg{width:16px;height:16px}.share-row>span{height:13px;border-left:1px solid #738aaa50}.contact-note{font-size:8px;color:#8595af;text-align:center;margin:3px 0 0;letter-spacing:.3px}.unavailable{cursor:help}button:hover,a.action:hover{filter:brightness(1.14)}.action:active,.save-contact:active{transform:translateY(2px)}#toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);max-width:calc(100% - 28px);width:max-content;background:#19375f;color:#fff;border:1px solid #749acc66;border-radius:12px;padding:14px 20px;box-shadow:0 5px 35px #0007;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#toast.visible{opacity:1;transform:translate(-50%)}dialog{border:1px solid #627ea16e;border-radius:24px;width:calc(100% - 36px);max-width:400px;max-height:90dvh;overflow:auto;padding:38px 26px 26px;text-align:center;color:#eff4ff;background:linear-gradient(145deg,#16253e,#090f1e);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020715bb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog .close{position:absolute;right:12px;top:12px;border:0;min-width:32px;min-height:32px}dialog h2{font-family:Manrope,sans-serif;font-size:27px;font-weight:550;letter-spacing:-.7px;line-height:1.25}dialog p{font-size:12px;color:#bac8df;line-height:1.6}#qr-code{background:#fff;border-radius:12px;overflow:hidden;max-width:260px;margin:auto}#qr-code svg{width:100%;height:auto;display:block;margin:auto}.dialog-action{background:linear-gradient(#367ce0,#194c9a);color:#fff;border:1px solid #6299e8;border-radius:10px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font-size:13px}dialog .local-note{font-size:10px}dialog label{display:block;font-size:12px;text-align:left;margin-top:18px}dialog input{width:100%;padding:14px 12px;margin:8px 0 15px;border:1px solid #536e93;background:#091326;color:#fff;border-radius:8px;font-size:13px}.not-found{max-width:500px;margin:15vh auto;padding:30px}.not-found h1{font-size:34px}.not-found a{text-decoration:underline}@media(max-width:480px){body{background:#060c18}.shell{padding:0;width:100%}.card{border-radius:0;border:0;min-height:0;aspect-ratio:9/16;box-shadow:none}.identity{min-height:290px}.contact-panel{padding-bottom:max(14px,env(safe-area-inset-bottom))}.brand{top:max(15px,env(safe-area-inset-top))}.identity-copy{padding-inline:23px}h1{font-size:28px;max-width:320px}}@media(max-width:350px){.identity{min-height:260px}.contact-panel{padding:5px 18px 13px}.identity-copy{padding-inline:18px}h1{font-size:25px}.action{gap:8px;padding-inline:11px}.share-row{gap:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.header-controls{display:flex;gap:8px}.sound-slash,.muted .sound-waves{display:none}.muted .sound-slash{display:block}@keyframes button-tap{0%,48%{transform:translateY(3px) scale(.975);filter:brightness(1.2);box-shadow:inset 0 3px 7px #0008,0 0 14px #4a92ff50}to{transform:translateY(0) scale(1)}}.tap-feedback{animation:button-tap .4s ease-out}@media(prefers-reduced-motion:reduce){.tap-feedback{animation:none;outline:2px solid #9fc7ff;outline-offset:1px}}.brand-name{width:100px;height:80px}.brand{inset-inline:19px}.identity-copy{padding-bottom:17px}.specialty{font-size:11px;letter-spacing:2px;margin-top:9px}.silver-line{margin-top:13px}.contact-panel{padding:5px 23px 18px}.action{min-height:61px;border-radius:15px;padding:10px 12px;gap:10px;background:linear-gradient(160deg,#263e62,#14253f 60%,#10213a);border:1px solid #708bad4d;border-top-color:#9cb7dc70;box-shadow:inset 0 1px #d7e7ff18,inset 0 -2px 3px #0004,0 4px 8px #0003}.action.primary{min-height:62px;border-radius:15px;background:linear-gradient(155deg,#4087e9,#215fbd 55%,#184a94);box-shadow:inset 0 1px #e1eeff6b,inset 0 -2px 3px #08285f88,0 5px 18px #1766df25}.action>.action-icon,.save-contact>.action-icon{flex:0 0 36px}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#5f8bc5,#244879);color:#e5efff;border:1px solid #b1c9f644;box-shadow:inset 0 1px 2px #ffffff40,0 3px 8px #0004}.action-icon svg,.details .action-icon svg,.socials .action-icon svg{width:19px;height:19px;color:inherit}.action-icon .brand-symbol{fill:currentColor;stroke:none;width:20px;height:20px}.badge-whatsapp{background:linear-gradient(150deg,#34da76,#119747);color:#fff}.badge-instagram{background:radial-gradient(circle at 28% 105%,#ffce54 5%,#ff6544 32%,#dc2488 60%,#7438bb 90%);color:#fff}.badge-facebook{background:linear-gradient(145deg,#3693ff,#0866ff);color:#fff}.badge-maps{background:linear-gradient(145deg,#fff,#dce9fb);color:#4285f4}.badge-phone{background:linear-gradient(145deg,#41cda2,#148368);color:#fff}.badge-booking{background:linear-gradient(145deg,#cde3ff44,#1a51a2);color:#fff}.badge-website{background:linear-gradient(145deg,#53bbef,#2468bc);color:#fff}.badge-save{background:linear-gradient(145deg,#edf3fc,#a9bbd4);color:#183658}.quick-actions,.details,.socials{gap:11px;margin-top:11px}.details .action,.socials .action{min-height:58px;padding:10px 12px;border-radius:14px;background:linear-gradient(150deg,#203451,#101e33);border-color:#526b8d5c;border-top-color:#8ba3c363}.action strong{font-size:12px}.details strong,.socials strong{font-size:11px}.action small{color:#bdcce1}.share-row{margin-top:12px;padding:6px 0 0;gap:16px;border-top-color:#7a93b02b}.share-row button{min-height:48px;gap:8px;font-size:11px}.share-row .action-icon{width:29px;height:29px;flex:0 0 29px;background:#1c304d}.share-row .action-icon svg{width:15px;height:15px}.save-contact{min-height:57px;margin-top:10px;border-radius:14px;padding:9px 13px;gap:12px;background:linear-gradient(145deg,#425877,#293d5a 50%,#1c304b);border-color:#93b4e166;border-top-color:#c4d9f39c;box-shadow:inset 0 1px #e9f2ff35,0 4px 12px #0004;font-size:13px;font-weight:600}.save-contact>.action-icon{flex:0 0 34px;width:34px;height:34px}.save-contact>.action-icon svg{width:18px;height:18px}.contact-note{margin:12px 0 0;color:#9bacc5}@media(max-width:480px){.card{aspect-ratio:auto;min-height:100svh}.identity{min-height:280px}.identity-copy{padding-inline:23px}.contact-panel{padding-bottom:max(15px,env(safe-area-inset-bottom))}}@media(max-width:480px)and (max-height:740px){.identity{min-height:235px}.brand-name{width:89px;height:71px}.identity-copy{padding-bottom:12px}h1{font-size:26px}.action.primary{min-height:53px}.action,.details .action,.socials .action{min-height:51px;padding-block:7px}.quick-actions,.details,.socials,.share-row{margin-top:8px}.save-contact{min-height:52px;margin-top:5px}.contact-note{margin-top:8px}.contact-panel{padding-inline:19px}.action-icon{width:32px;height:32px}.action>.action-icon{flex-basis:32px}}
