@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff;background:#06131b;font-synthesis:none;--navy:#06131b;--ink:#071723;--gold:#e6b47c;--cream:#fffdfb;--line:rgba(230,180,124,.68)}*{box-sizing:border-box}body{margin:0;background:#06131b}button,a{font:inherit}.card-shell{min-height:100dvh;background:radial-gradient(circle at 50% -8%,#173341 0,#07151e 43%,#04090d);overflow:hidden}.card-page{position:relative;isolation:isolate;width:min(100%,900px);min-height:100dvh;margin:auto;padding:clamp(18px,3.5vw,38px) clamp(15px,4.5vw,50px) 0;overflow:hidden;background:radial-gradient(circle at 5% 17%,rgba(133,75,30,.33),transparent 19%),radial-gradient(circle at 103% 43%,rgba(36,93,100,.17),transparent 24%)}.card-page:before,.card-page:after{content:"";position:absolute;z-index:-1;opacity:.48;pointer-events:none}.card-page:before{width:230px;height:300px;top:0;left:-82px;border-radius:50%;border:1px solid #9d704e;transform:rotate(-35deg);box-shadow:0 0 0 12px transparent,22px 52px 0 -21px #54321f,28px 100px 0 -20px #3c2416,2px 153px 0 -19px #744523}.card-page:after{width:250px;height:370px;right:-120px;bottom:190px;border:1px solid #9d704e;border-radius:50%;transform:rotate(38deg)}.language-picker{position:absolute;right:clamp(16px,4.5vw,50px);top:clamp(20px,3.5vw,40px);height:52px;display:flex;align-items:center;gap:15px;padding:0 20px;border:1px solid var(--line);border-radius:30px;color:#ddd}.language-picker button{border:0;background:none;color:#fff;cursor:pointer;opacity:.78;padding:0;font-size:16px}.language-picker button.selected{font-weight:700;opacity:1}.language-picker span{color:var(--gold)}.brand-header{text-align:center;padding-top:clamp(76px,10vw,104px)}.brand-logo{font-family:Playfair Display,serif;font-size:clamp(37px,8vw,77px);font-weight:700;letter-spacing:-2px;text-shadow:0 2px 0 #6c7372}.brand-logo sup{font-family:Arial;font-size:.25em;vertical-align:top;margin-left:5px;letter-spacing:0}.brand-tagline{font-size:clamp(10px,1.55vw,15px);letter-spacing:4px;margin-top:4px;color:#eee}.brand-rule{width:100px;height:2px;background:var(--gold);margin:13px auto 0}.identity{text-align:center;margin-top:clamp(11px,2.3vw,25px)}.monogram{width:clamp(88px,14vw,138px);aspect-ratio:1;margin:auto;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:#f5c78e;font-family:Playfair Display,serif;font-size:clamp(48px,7vw,76px);font-weight:700}.identity h1{font-family:Playfair Display,serif;font-size:clamp(28px,5vw,52px);margin:10px 0 2px}.identity p{font-weight:600;font-size:clamp(18px,3vw,27px);color:#f5bf83;margin:0}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:clamp(24px,4vw,36px) auto 0;max-width:800px}.contact-card{min-width:0;min-height:clamp(76px,9vw,105px);display:flex;align-items:center;gap:clamp(10px,2vw,19px);padding:12px 17px;border-radius:19px;background:#fffdfbfa;color:var(--ink);text-decoration:none;box-shadow:0 3px 8px #0003}.contact-icon{width:clamp(43px,5.5vw,61px);aspect-ratio:1;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#f4ddbf}.contact-copy{display:flex;flex-direction:column;min-width:0;gap:4px}.contact-copy strong{font-size:clamp(13px,2vw,19px);font-weight:700}.contact-copy span{font-size:clamp(13px,2vw,18px);white-space:pre-line;overflow:hidden;text-overflow:ellipsis}.contact-copy small{font-size:11px}.contact-arrow{margin-left:auto;flex:none}.actions{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;max-width:800px;margin:clamp(18px,3vw,29px) auto 0}.action{min-height:clamp(65px,8vw,91px);border:1px solid var(--line);border-radius:16px;background:#090d0f99;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:clamp(11px,1.7vw,17px)}.action.primary{background:linear-gradient(140deg,#e0aa6d,#9b6431);border-color:#efc990}.coffee-footer{height:clamp(160px,23vw,250px);position:relative;margin:18px -50px 0;overflow:hidden;background:linear-gradient(0deg,#020507 6%,transparent 73%)}.coffee-footer:after{content:"";position:absolute;top:20%;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 78% 90%,#c16834 0 13%,#4d2014 14% 23%,#0e0806 24% 32%,transparent 33%),linear-gradient(168deg,transparent 40%,#100c0a 41% 80%,transparent 81%);opacity:.9}.coffee-message{position:absolute;z-index:1;left:clamp(39px,6vw,90px);top:35px;font-family:Playfair Display,serif;color:#e7b980;font-size:clamp(14px,2.1vw,24px);letter-spacing:3px;line-height:1.42}.small-rule{height:2px;width:50px;background:var(--gold);margin-top:18px}.coffee-cup{z-index:2;position:absolute;right:8%;bottom:-30px;width:clamp(150px,21vw,240px);height:150px;border-radius:50%;background:linear-gradient(180deg,#1d0905,#080403);border:7px solid #322018;transform:rotate(-9deg);box-shadow:-20px 40px 0 -5px #15100e}.coffee-liquid{position:absolute;top:13px;left:13px;right:13px;height:50px;border-radius:50%;background:radial-gradient(circle at 55% 35%,#e3a16b,#5f2515 70%)}.cup-brand{position:absolute;z-index:3;top:74px;left:31px;font-family:Playfair Display;font-size:18px;color:#e2aa70;letter-spacing:1px}.cup-brand sup{font:8px Arial}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;z-index:10;padding:20px}.qr-modal{position:relative;background:#fffaf4;color:var(--ink);border-radius:24px;padding:31px;text-align:center;width:min(92vw,370px);box-shadow:0 20px 70px #0008}.qr-modal h2{font-family:Playfair Display;margin:8px 0 18px}.modal-close{position:absolute;right:13px;top:13px;border:0;background:none;cursor:pointer}.qr-image{width:220px;height:220px;display:block;margin:auto;border-radius:13px}.qr-modal code{display:block;margin:15px 0;font-size:11px;overflow:hidden}.outline-action{display:flex;align-items:center;gap:8px;margin:auto;background:none;border:1px solid #c69b69;border-radius:20px;padding:9px 15px;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:20;background:#fff;color:var(--ink);padding:12px 20px;border-radius:22px;box-shadow:0 5px 30px #0008}.admin-fab{position:fixed;right:15px;bottom:12px;z-index:5;background:#101c22dd;color:#fff;border:1px solid #aaa5;border-radius:20px;padding:7px 11px;font-size:11px;display:flex;gap:4px;align-items:center;cursor:pointer}.admin-shell{min-height:100dvh;background:#f7f5f1;color:#15232b;display:flex}.admin-sidebar{width:245px;background:#07151d;color:#fff;padding:32px 22px;display:flex;flex-direction:column}.back-button{background:none;border:0;color:#c9d1d3;display:flex;gap:5px;align-items:center;cursor:pointer;padding:0 0 35px}.admin-brand{font-family:Playfair Display;font-size:24px;letter-spacing:1px}.admin-brand span{display:block;font:10px DM Sans;letter-spacing:4px;color:var(--gold);margin-top:5px}.sidebar-label,.list-heading,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#9bacae}.sidebar-label{margin:58px 0 15px}.side-link{color:#b8c5c7;background:none;border:0;text-align:left;padding:14px 13px;border-radius:10px;cursor:pointer;margin:2px 0}.side-link.active{background:#fff1;color:#fff}.side-link span{float:right;color:var(--gold)}.sidebar-footer{margin-top:auto;color:#9bacae;font-size:12px;line-height:1.6}.admin-main{padding:42px 4vw;flex:1;max-width:1500px}.admin-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ddd6cd;padding-bottom:26px}.admin-top h1{font:700 35px Playfair Display;margin:6px 0 0}.new-card,.save-button{border:0;background:#bb7c45;color:#fff;border-radius:9px;padding:12px 17px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.admin-grid{display:grid;grid-template-columns:250px minmax(300px,1fr) minmax(280px,380px);gap:24px;margin-top:28px}.profile-list,.editor,.preview-wrap{background:#fff;border:1px solid #e6e1db;border-radius:15px;padding:18px}.list-heading{color:#879294;display:flex;justify-content:space-between;margin-bottom:16px}.profile-row{width:100%;border:0;background:none;text-align:left;display:flex;align-items:center;gap:10px;padding:10px 6px;border-radius:10px;cursor:pointer;color:#15232b}.profile-row.chosen{background:#f6eee8}.list-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#efd3af;font-family:Playfair Display;font-size:20px}.profile-row span:nth-child(2){display:flex;flex-direction:column;min-width:0}.profile-row strong{font-size:13px}.profile-row small{font-size:11px;color:#9a9f9d;margin-top:2px}.status{font-size:10px;color:#a2a6a5;font-style:normal;margin-left:auto}.status.live{color:#4d9474}.editor-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.editor h2{font:700 25px Playfair Display;margin:6px 0}.publish-toggle{border:1px solid #ddd3c9;background:none;border-radius:20px;padding:7px 11px;color:#888;cursor:pointer}.publish-toggle.on{color:#367a59;border-color:#a1ceb7;background:#eff9f3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:11px;color:#7d8787;display:flex;flex-direction:column;gap:6px}.form-grid input,.form-grid textarea{border:1px solid #dfd9d2;border-radius:8px;padding:10px;font:14px DM Sans;color:#15232b;background:#fff}.form-grid textarea{min-height:82px;resize:vertical}.form-grid .wide{grid-column:span 2}.editor-actions{display:flex;gap:12px;margin-top:24px}.danger{display:flex;gap:6px;align-items:center;border:1px solid #e1c6c6;color:#aa5d5d;background:#fff;border-radius:9px;padding:11px 15px;cursor:pointer}.phone-preview{width:min(100%,340px);height:650px;margin:auto;overflow:hidden;border:8px solid #1d2b30;border-radius:28px;box-shadow:0 10px 30px #0002}.phone-preview .card-shell{min-height:100%;height:100%;overflow:hidden}.phone-preview .card-page{padding:13px 9px 0;min-height:100%;height:100%;transform-origin:top left}.phone-preview .language-picker{top:10px;right:9px;height:27px;padding:0 8px;gap:6px;font-size:9px}.phone-preview .language-picker button{font-size:9px}.phone-preview .brand-header{padding-top:43px}.phone-preview .brand-logo{font-size:27px}.phone-preview .brand-tagline{font-size:5px;letter-spacing:1.5px}.phone-preview .brand-rule{width:40px;margin:5px auto}.phone-preview .monogram{width:51px;border-width:2px;font-size:28px}.phone-preview .identity{margin-top:6px}.phone-preview .identity h1{font-size:20px;margin:5px 0 0}.phone-preview .identity p{font-size:11px}.phone-preview .contacts{gap:4px;margin-top:11px}.phone-preview .contact-card{min-height:45px;padding:5px;border-radius:8px;gap:5px}.phone-preview .contact-icon{width:25px}.phone-preview .contact-icon svg{width:13px}.phone-preview .contact-copy{gap:1px}.phone-preview .contact-copy strong,.phone-preview .contact-copy span{font-size:7px}.phone-preview .contact-copy small{font-size:5px}.phone-preview .contact-arrow{width:10px}.phone-preview .actions{gap:4px;margin-top:8px}.phone-preview .action{min-height:36px;border-radius:8px;font-size:6px;gap:2px}.phone-preview .action svg{width:12px}.phone-preview .coffee-footer{height:92px;margin:6px -9px 0}.phone-preview .coffee-message{left:20px;top:16px;font-size:6px;letter-spacing:1px}.phone-preview .small-rule{width:20px;margin-top:5px}.phone-preview .coffee-cup{width:80px;height:63px;bottom:-14px}.phone-preview .cup-brand{font-size:7px;top:28px;left:16px}.phone-preview .coffee-liquid{top:5px;left:5px;right:5px;height:20px}.phone-preview .coffee-cup:after{content:""}.phone-preview .admin-fab{display:none}@media(max-width:900px){.admin-grid{grid-template-columns:220px 1fr}.preview-wrap{grid-column:1/-1}.phone-preview{height:600px}.admin-sidebar{width:205px}.admin-main{padding:30px 20px}}@media(max-width:600px){.card-page{padding-left:11px;padding-right:11px}.language-picker{height:38px;gap:9px;padding:0 13px}.language-picker button{font-size:12px}.brand-header{padding-top:63px}.brand-tagline{letter-spacing:2px}.contacts{gap:7px;margin-top:17px}.contact-card{min-height:68px;border-radius:13px;padding:8px 9px;gap:7px}.contact-icon{width:37px}.contact-icon svg{width:20px}.contact-copy strong{font-size:11px}.contact-copy span{font-size:10px}.contact-copy small{font-size:8px}.contact-arrow{width:14px}.actions{gap:6px;margin-top:12px}.action{min-height:55px;border-radius:11px;font-size:9px;gap:3px}.action svg{width:18px}.coffee-footer{margin-left:-11px;margin-right:-11px;height:140px}.coffee-message{left:24px;top:28px;font-size:12px;letter-spacing:1.5px}.coffee-cup{right:-5px;width:145px;height:105px}.cup-brand{font-size:12px;top:53px;left:21px}.coffee-liquid{height:35px}.admin-shell{display:block}.admin-sidebar{width:100%;padding:18px}.admin-sidebar .back-button{padding-bottom:15px}.sidebar-label,.side-link,.sidebar-footer{display:none}.admin-main{padding:22px 12px}.admin-top{align-items:start}.admin-top h1{font-size:27px}.new-card{padding:10px}.admin-grid{display:flex;flex-direction:column}.profile-list{order:0}.editor{order:1}.preview-wrap{order:2}.phone-preview{height:580px}.form-grid{gap:10px}.form-grid input{font-size:12px}}@media(max-height:720px)and (min-width:601px){.brand-header{padding-top:74px}.identity{margin-top:9px}.monogram{width:84px}.contacts{margin-top:16px}.contact-card{min-height:68px}.actions{margin-top:12px}.coffee-footer{height:135px}}.appearance-panel{margin-top:28px;background:#fff;border:1px solid #e6e1db;border-radius:15px;padding:24px;scroll-margin-top:20px}.appearance-panel h2{font:700 25px Playfair Display;margin:6px 0}.appearance-help{color:#7d8787;font-size:13px;margin:0 0 20px}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px}.appearance-grid label{font-size:11px;color:#7d8787;display:flex;flex-direction:column;gap:7px}.appearance-grid input[type=color]{width:100%;height:42px;border:1px solid #dfd9d2;border-radius:8px;padding:3px;background:#fff}.appearance-grid input[type=range]{accent-color:#bb7c45}.appearance-grid output{color:#15232b;font-weight:700}.appearance-grid .wide{grid-column:span 2}.appearance-grid small{font-size:11px;color:#9a9f9d}.appearance-actions{margin-top:20px}@media(max-width:600px){.appearance-panel{margin-top:18px;padding:16px}.appearance-grid{grid-template-columns:1fr}.appearance-grid .wide{grid-column:span 1}}.auth-shell{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#173541,#07151d 55%,#04090d);padding:20px}.auth-card{width:min(100%,390px);background:#fffaf4;color:#14252d;border-radius:18px;padding:32px;box-shadow:0 20px 60px #0006}.auth-card .admin-brand{color:#14252d;margin-bottom:34px}.auth-card h1{font:700 34px Playfair Display;margin:8px 0 5px}.auth-card p{color:#758083;margin:0 0 24px}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#647174;margin:13px 0}.auth-card input{border:1px solid #ded6cd;border-radius:8px;padding:11px;font:14px DM Sans;color:#14252d}.auth-card .new-card{margin-top:20px;width:100%;justify-content:center}.auth-card .new-card:disabled{opacity:.6;cursor:wait}.auth-error{border-radius:8px;background:#fff0f0;color:#a84d4d;padding:10px;font-size:12px;margin-top:15px}.admin-loading{padding:35px 0;color:#7d898b}.not-found{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:5px;background:#07151d;color:#fff;text-align:center}.not-found h1{font:700 36px Playfair Display;margin:0}.not-found p{color:#bbc3c4}.reference-card-shell{width:100vw;height:100dvh;min-height:100dvh;overflow:hidden;background:#020608;display:grid;place-items:center;touch-action:manipulation}.reference-card-frame{position:relative;height:100dvh;width:min(100vw,56.25dvh);aspect-ratio:864/1536;overflow:hidden;background:#020608}.reference-card-image{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reference-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.reference-hotspot{position:absolute;display:block;border:0;background:transparent;padding:0;margin:0;cursor:pointer;pointer-events:auto}.reference-hotspot:nth-child(1){left:2.5%;top:40.7%;width:47%;height:7.1%}.reference-hotspot:nth-child(2){right:2.5%;top:40.7%;width:47%;height:7.1%}.reference-hotspot:nth-child(3){left:2.5%;top:48.1%;width:47%;height:6.7%}.reference-hotspot:nth-child(4){right:2.5%;top:48.1%;width:47%;height:6.7%}.reference-hotspot:nth-child(5){left:2.5%;top:55.1%;width:47%;height:6.7%}.reference-hotspot:nth-child(6){right:2.5%;top:55.1%;width:47%;height:6.7%}.reference-hotspot:nth-child(7){left:2.5%;top:62.3%;width:47%;height:7.2%}.reference-hotspot:nth-child(8){right:2.5%;top:62.3%;width:47%;height:7.2%}.reference-hotspot:nth-child(9){left:2.5%;top:70.6%;width:31.8%;height:8.2%}.reference-hotspot:nth-child(10){left:34.4%;top:70.6%;width:31.2%;height:8.2%}.reference-hotspot:nth-child(11){right:2.5%;top:70.6%;width:31.4%;height:8.2%}.profile-photo-overlay{position:absolute;z-index:2;left:43.7%;top:18.9%;width:12.6%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid #efc083;box-shadow:0 0 0 4px #07131b88}.editor-switches{display:flex;gap:6px}.photo-admin-preview{display:flex;align-items:center;gap:12px;margin-top:18px;color:#778486;font-size:12px}.photo-admin-preview img,.photo-admin-preview span{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#efd3af;display:grid;place-items:center;font:28px Playfair Display;color:#8c603b;border:2px solid #e3b77e}.photo-admin-preview small{font-size:11px}.phone-preview .reference-card-shell{height:100%;min-height:100%;width:100%;display:grid}.phone-preview .reference-card-frame{width:min(100%,56.25%);height:100%;margin:auto}.phone-preview .reference-card-image{width:100%;height:100%}.dynamic-card-data{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;color:#071723;font-family:DM Sans,sans-serif}.dynamic-identity{position:absolute;left:21%;top:29.6%;width:58%;height:8.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--design-text,#fff);background:linear-gradient(180deg,#07151df0,#07151ddf);border-radius:8px}.dynamic-identity strong{font:700 clamp(15px,3.9vw,34px) "Playfair Display"}.dynamic-identity span{color:#f5bf83;font-size:clamp(10px,2.3vw,20px);font-weight:600;margin-top:2px}.dynamic-value{position:absolute;display:flex;align-items:center;background:var(--design-card,#fffdfb);color:var(--design-text,#071723);padding:0 .4em;border-radius:3px;height:2.8%;font-size:clamp(8px,1.7vw,16px);transform:scale(var(--design-scale,1));transform-origin:left center;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-mobile{left:16%;top:44.6%;width:31%}.value-business{left:66%;top:44.6%;width:29%}.value-whatsapp{left:16%;top:51.9%;width:31%}.value-email{left:66%;top:51.9%;width:29%}.value-website{left:16%;top:59%;width:31%}.value-instagram{left:66%;top:59%;width:29%}.value-address{left:16%;top:66.1%;width:31%;height:4.4%;white-space:pre-line;line-height:1.15;align-items:flex-start;padding-top:.1em}.value-address{left:14%;top:63.7%;width:35%;height:7.1%;white-space:pre-line;line-height:1.15;align-items:flex-start;padding:.55em .4em 0;background:var(--design-card,#fffdfb);z-index:4}.dynamic-value{color:inherit}.dynamic-card-data .value-address{left:14%;top:63.7%;width:35%;height:7.1%;white-space:pre-line;line-height:1.15;align-items:flex-start;padding:.55em .4em 0;background:var(--design-card,#fffdfb);z-index:4}.dynamic-card-data .dynamic-value{color:inherit}
