*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:#0B1220;color:#fff;font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
a{color:var(--a)}
:where(:focus-visible){outline:2px solid #F5B83D;outline-offset:2px}
.skip{position:fixed;left:8px;top:-60px;z-index:100;background:#fff;color:#111;padding:10px 14px;border-radius:8px;font-weight:700;text-decoration:none}
.skip:focus{top:8px}
.sc{max-width:480px;margin:0 auto;min-height:100%;height:100dvh;background:#141414;display:flex;flex-direction:column;position:relative;overflow:hidden}
@media(min-width:600px){body{padding:24px 0}.sc{height:calc(100dvh - 48px);min-height:0;border-radius:28px;border:1px solid #2A3345}}
.top{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 38%,#141414),#141414);padding:14px 14px 8px}
.hd{display:flex;align-items:center;gap:10px}
.ring{border-radius:50%;border:2.5px solid var(--a);padding:2px;display:flex;flex:none}
.nm{font-size:17px;font-weight:800;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st{font-size:12px;color:#C9D1DC;display:flex;align-items:center;gap:5px}
.st:before{content:"";width:7px;height:7px;border-radius:50%;background:#34D399}
.ib{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#fff;flex:none}
.ib.a{background:var(--a)}
.lg{display:flex;gap:8px;padding:10px 0 0 2px}
.lg .flagb{width:32px;height:32px;padding:2px;border-radius:50%;border:2px solid transparent;background:none;opacity:.6}
.lg .flagb svg{width:24px;height:24px;display:block;border-radius:50%;box-shadow:none}
.lg .flagb.on{border-color:var(--a,#F5B83D);opacity:1;background:none}
.box{flex:1;min-height:0;margin:4px 10px 0;border:1px solid #2A2A2A;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;background:#181818}
.msgs{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto}
.b{font-size:14px;line-height:1.45;padding:9px 12px;border-radius:16px;max-width:84%;white-space:pre-line;overflow-wrap:anywhere}
.in{background:#2A2A2A;align-self:flex-start;border-bottom-left-radius:5px}
.out{background:var(--a);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
.svcs{margin-top:2px}
.svc{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#222;padding:9px 11px;border-bottom:1px solid #2E2E2E;font-size:14px;width:100%;text-align:left}
.svc:first-child{border-radius:12px 12px 0 0}.svc:last-child{border-radius:0 0 12px 12px;border:none}.svc:only-child{border-radius:12px}
.svc small{display:block;font-size:11.5px;color:#9CA3AF}
.svc b{font-size:14px;white-space:nowrap}
.svc:hover{outline:2px solid var(--a);outline-offset:-2px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-size:13px;padding:6px 12px;border:1px solid var(--a);color:#fff;border-radius:14px}
.chip:hover{background:var(--a)}
.typing{align-self:flex-start;background:#2A2A2A;border-radius:16px;padding:8px 14px;font-size:15px;color:#999;letter-spacing:2px}
.ft{display:flex;gap:8px;padding:8px;align-items:center}
.inp{flex:1;min-width:0;border:1.5px solid var(--a);border-radius:20px;padding:9px 14px;font-size:16px;color:#fff;background:#222;outline:none}
.inp::placeholder{color:#888}
.send{width:38px;height:38px;border-radius:50%;background:var(--a);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.send:disabled{opacity:.5}
.info{padding:10px 16px 4px;font-size:12px;display:grid;grid-template-columns:76px 1fr;row-gap:5px}
.info span{color:#8B93A1;letter-spacing:1px}
.info b{font-weight:400;color:var(--a)}
.foot{font-size:11px;color:#9CA3AF;text-align:center;padding:4px 0 12px}
.foot a{color:#9CA3AF}
.form{padding:16px;display:flex;flex-direction:column;gap:7px}
.lb{font-size:13px;color:#9CA3AF;margin-top:4px}
.fi{border:1px solid #333;background:#1E1E1E;border-radius:10px;padding:10px 12px;font-size:16px;color:#fff;min-height:42px;width:100%;outline:none}
.fi:focus{border-color:var(--a)}
textarea.fi{min-height:90px;resize:vertical}
.btn{background:var(--a);color:#fff;border-radius:12px;text-align:center;padding:12px;font-size:16px;font-weight:700;margin-top:8px;width:100%}
.btn.ghost{background:transparent;border:1px solid #333;color:#C9D1DC;font-weight:400}
.btn:disabled{opacity:.6}
.done{background:#12261C;border:1.5px solid #34D399;border-radius:12px;padding:12px;font-size:14px;color:#BBF7D0;line-height:1.6;overflow-wrap:anywhere}
.done a{color:#6EE7B7}
.errm{color:#FCA5A5;font-size:13px;min-height:16px}
.ov{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;z-index:5}
.sheet{background:#1B1B1B;width:100%;border-radius:22px 22px 0 0;padding:18px;border-top:1px solid #333;display:flex;flex-direction:column;gap:6px}
.sheet h2{font-size:18px}
.call{position:absolute;inset:0;z-index:6;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 45%,#0E0E0E),#0E0E0E 70%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 18px 34px}
.cb{display:flex;gap:28px;margin-top:auto;align-items:flex-start}
.cb>div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#B8C4D9}
.cbt{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff}
.red{width:72px;height:72px;background:#EF4444}
/* panel */
.ed{flex:1;background:#121816;padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
.card{background:#1A211E;border:1px solid #2B3531;border-radius:16px;padding:14px;border-left:3px solid var(--k)}
.ct{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;margin-bottom:10px}
.ct i{width:26px;height:26px;border-radius:8px;background:var(--k);color:#0B1220;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px}
.todo{background:#3B2A0B;color:#FCD34D;font-size:12px;padding:8px 12px;border-bottom:1px solid #5B4210}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;justify-items:center}
.pick{border-radius:50%;padding:2px;border:2.5px solid transparent;display:flex}
.pick.on{border-color:#fff}
.logo-ph{width:62px;height:62px;border-radius:50%;border:2px dashed #4B5563;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;color:#9CA3AF}
.sw{display:flex;gap:9px;margin:12px 0 2px;flex-wrap:wrap}
.sw button{width:32px;height:32px;border-radius:50%;border:2px solid transparent}
.sw button.on{border-color:#fff;outline:2px solid #000;outline-offset:-4px}
.prev{border-radius:12px;overflow:hidden;border:1px solid #2B3531;margin-top:8px}
.ph2{background:var(--a);display:flex;align-items:center;gap:8px;padding:8px 10px}
.saved{background:#0F1412;color:#6EE7B7;font-size:13px;padding:10px 14px;border-top:1px solid #222}
.saved.err{color:#FCA5A5}
.tg{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0;flex-wrap:wrap}
.sw2{width:36px;height:22px;border-radius:11px;background:#3A4440;position:relative;flex:none}
.sw2:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#E5E7EB;top:2px;left:2px;transition:left .15s}
.sw2.on{background:#34D399}.sw2.on:after{left:16px}
.tm{background:#1E1E1E;border:1px solid #333;border-radius:8px;padding:4px 6px;font-size:14px;color-scheme:dark}
.tg em{font-style:normal;color:#9CA3AF}
.srow{display:grid;grid-template-columns:44px 1fr 64px 56px 28px;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid #26302C}
.srow input{min-width:0}
.srow .desc{grid-column:2/5}
.srow .sx{grid-column:2/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tag{font-size:10px;color:#FCD34D;border:1px solid #5B4210;border-radius:6px;padding:0 5px;margin-left:4px;grid-column:1/-1;justify-self:start}
.add{font-size:13px;color:#60A5FA;margin-top:8px}
.del{color:#9CA3AF;display:flex;justify-content:center}
.links{font-size:13px;color:#9CA3AF}
/* photos */
.svc .th{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none;background:#333}
.bimg{display:block;margin:-2px -4px 6px;padding:0}
.bimg img{display:block;width:100%;max-width:200px;border-radius:10px}
.gal{padding:8px 14px 0}
.galt{font-size:12px;color:#8B93A1;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.strip button{flex:none;padding:0;border-radius:10px;overflow:hidden}
.strip img{display:block;width:84px;height:64px;object-fit:cover}
.lb-ov{position:absolute;inset:0;z-index:7;background:rgba(0,0,0,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;gap:12px}
.lb-ov img{max-width:100%;max-height:62%;border-radius:14px;object-fit:contain}
.lb-cap{font-size:15px;font-weight:700}
.lb-btns{display:flex;flex-direction:column;gap:0;width:100%;max-width:320px}
/* panel photos */
.thb{width:44px;height:44px;border-radius:8px;border:1px dashed #4B5563;display:flex;align-items:center;justify-content:center;color:#9CA3AF;overflow:hidden;padding:0;flex:none}
.thb img{width:100%;height:100%;object-fit:cover}
.gl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gi{position:relative;border-radius:10px;overflow:hidden;background:#222;aspect-ratio:4/3}
.gi img{width:100%;height:100%;object-fit:cover;display:block}
.gi .ctl{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;background:rgba(0,0,0,.6)}
.gi .ctl button{color:#fff;padding:4px 6px;font-size:13px;min-width:28px}
.gi .ctl button:disabled{opacity:.3}
.mini{font-size:12px;color:#9CA3AF;text-decoration:underline}
.logo-ph{padding:0;overflow:hidden}
.logo-ph img{width:100%;height:100%;object-fit:cover}
.pick.logo-pick{width:66px;height:66px}
.quick{margin-top:2px}.quick .chip{background:transparent}

/* language flags */
.flags{display:flex;gap:8px;align-items:center}
.flagb{width:34px;height:34px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background:none;opacity:.75}
.flagb svg{border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.flagb.on{border-color:#F5B83D;opacity:1}
.flagb:hover{opacity:1}
.flagb:focus-visible{outline:2px solid #F5B83D;outline-offset:2px}
/* plans */
.plans3{display:grid;gap:14px;grid-template-columns:1fr;margin-top:18px}
@media(min-width:760px){.plans3{grid-template-columns:repeat(3,1fr)}}
.plan3{position:relative;background:#151E30;border:1px solid #2A3550;border-radius:18px;padding:20px 18px;color:#E9EDF3;display:flex;flex-direction:column}
.plan3.pop{border:2px solid #F5B83D}
.plan3 h3{font-size:19px;margin:0 0 6px}
.pbadge{position:absolute;top:-12px;left:18px;background:#F5B83D;color:#1A1405;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}
.pprice b{font-size:36px;font-weight:800}
.pprice span{color:#C3CAD6;margin-left:3px}
.plan3 ul{list-style:none;padding:0;margin:12px 0 16px;display:grid;gap:7px;font-size:15px;color:#D5DBE5}
.plan3 li:before{content:"✓";color:#F5B83D;font-weight:800;margin-right:8px}
.pbtn{margin-top:auto;display:block;text-align:center;padding:12px;border-radius:12px;background:#F5B83D;color:#1A1405;font-weight:800;text-decoration:none;border:0;font-size:16px}
.plan3:not(.pop) .pbtn{background:transparent;color:#F5B83D;border:1.5px solid #F5B83D}
.pbtn:disabled{opacity:.6;cursor:default}
.punder{text-align:center;margin:14px 0 2px;font-weight:700}
.pfoot{text-align:center;font-size:13px;opacity:.85;margin:0}
.plans3 .pbtn{color:#1A1405}
.plans3 .plan3:not(.pop) .pbtn{color:#F5B83D}

/* flags: final */
.flags{display:flex;gap:8px;align-items:center}
.flags .flagb,.lg .flags .flagb{width:30px;height:30px;min-width:30px;padding:0;margin:0;border-radius:50%;border:2px solid transparent;background:none;opacity:.7;display:inline-flex;align-items:center;justify-content:center;line-height:0;overflow:hidden;box-shadow:none}
.flags .flagb svg{width:26px;height:26px;display:block;border-radius:50%;box-shadow:none}
.flags .flagb.on{border-color:#F5B83D;opacity:1}
.lg .flags .flagb.on{border-color:var(--a)}
.flags .flagb:hover{opacity:1}
.lg{justify-content:flex-start}

/* footer brand link: discreet but clear */
.foot{font-size:12.5px;padding:10px 0 16px}
.foot a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.25)}
.foot a.made{color:#E5E7EB;font-weight:700}

/* language buttons: text (EN · ES · PT) */
.flags{gap:6px!important}
.flags .flagb.txt{width:auto!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0 10px!important;border-radius:22px!important;
  border:1.5px solid rgba(255,255,255,.35)!important;background:transparent!important;color:#E5E7EB!important;opacity:1!important;
  font:700 14px/1 "Instrument Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:.04em;display:inline-flex!important;align-items:center;justify-content:center;overflow:visible!important}
.flags .flagb.txt.on{background:#F5B83D!important;border-color:#F5B83D!important;color:#1A1405!important}
.lg .flags .flagb.txt.on{background:var(--a)!important;border-color:var(--a)!important;color:var(--on-a,#fff)!important}
.flags .flagb.txt::after{content:none}
.flags .flagb.txt:focus-visible{outline:2px solid #fff;outline-offset:2px}