:root{font:16px/1.5 system-ui,sans-serif;color:#1d2437;background:#f6f7fa;--primary:#48348f;--line:#e0e2eb;--soft:#eef0f7}
*{box-sizing:border-box}body{margin:0}header{background:#191632;color:white;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(1rem,calc((100% - 1160px)/2))}
.brand{color:white;text-decoration:none;white-space:nowrap}.brand strong{color:#d8caff}#account{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
main{max-width:1160px;margin:auto;padding:1rem 1rem 3rem}h1,h2,h3{line-height:1.15;margin:.6em 0}.eyebrow{color:#624ab0;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.hero{padding:clamp(1.4rem,5vw,4rem);background:linear-gradient(130deg,#1b153c,#4a357d);color:white;border-radius:1.5rem;margin-bottom:1.4rem}.hero .eyebrow{color:#d6cbff}.hero h1{font-size:clamp(2.2rem,6vw,4.6rem);max-width:14ch}.hero p{max-width:50ch}
.grid,.metrics,.fields{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr))}
.metrics{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));margin:1rem 0}.metrics strong{display:block;font-size:1.75rem;color:var(--primary)}
.panel,.metric{background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:1rem;margin-bottom:1rem}.model{min-height:180px;border:1px solid var(--tone);background:var(--paper);color:var(--ink);border-radius:1rem;padding:1rem;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.model strong{font-family:Georgia,serif;font-size:1.6rem}
.editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem;align-items:start}.preview{position:sticky;top:1rem}
.invite{background:var(--paper);color:var(--ink);border:1px solid var(--tone);outline:1px solid var(--tone);outline-offset:-10px;margin:auto;padding:clamp(1.5rem,4vw,2.8rem);max-width:530px;text-align:center;border-radius:.25rem;overflow-wrap:anywhere;white-space:pre-wrap}.invite.mobile{max-width:355px}.invite h1,.invite h2{font-family:Georgia,serif}.invite h1{font-size:clamp(1.8rem,5vw,2.8rem)}.invite p{margin:.7rem 0}.invite .name{font-size:1.25rem;font-weight:700}.invite img{max-width:100%}.photos{display:flex;gap:8px;margin:.8rem auto}.photos img{min-width:0;flex:1;width:0;aspect-ratio:1.7;object-fit:cover;border-radius:.25rem}.qr{width:112px;height:112px;display:block;margin:1rem auto 0}.guest-page{max-width:600px;margin:auto}.guest-page .toolbar{justify-content:center;margin-top:1rem}
.toolbar{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin:.7rem 0}.muted,small{color:#575d72}button,.button{font:inherit;font-weight:650;background:var(--primary);color:white;border:1px solid transparent;border-radius:.55rem;padding:.48rem .75rem;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.1)}.secondary{color:var(--primary);background:#f3effc;border-color:#ded6f4}.danger{background:#a13247}button:disabled{opacity:.6;cursor:wait}
label{display:grid;gap:.25rem;margin:.5rem 0;font-weight:600;font-size:.92rem}input,textarea,select{font:inherit;width:100%;min-width:0;padding:.48rem .55rem;border:1px solid #bfc3d4;border-radius:.45rem;background:#fff;color:#1d2437}textarea{resize:vertical;min-height:4rem}input[type=checkbox],input[type=color]{width:auto}input[type=color]{height:2.3rem}fieldset{border:1px solid var(--line);margin:.6rem 0;padding:.6rem}summary{cursor:pointer;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:.55rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.chip{padding:.15rem .5rem;border-radius:1rem;background:var(--soft);display:inline-block;font-size:.83rem}.chip.cancelled{background:#ffe9ed;color:#86243a}
dialog{max-width:min(760px,calc(100% - 1.5rem));max-height:90vh;border:1px solid var(--line);border-radius:1rem;padding:1.2rem;width:100%}dialog::backdrop{background:#191632a0}#notice:empty{display:none}#notice{max-width:1160px;margin:.7rem auto 0;padding:.75rem 1rem;background:#e7e0fb;color:#302064;border-radius:.55rem}#notice[data-error=true]{background:#fce7eb;color:#8b2336}video{width:100%;max-width:440px;background:#191632;border-radius:.55rem}a{color:var(--primary)}[hidden]{display:none!important}
@media(max-width:720px){.editor{grid-template-columns:1fr}.preview{position:static}.invite{max-width:100%}.hero{border-radius:1rem}td,th{min-width:105px}}
.model small{color:inherit}.invite.aniversario{outline-style:dashed;border-radius:1.15rem}.invite.aniversario h1{font-family:system-ui,sans-serif;font-weight:850}.invite.festa{outline-style:double;outline-width:3px}.invite.festa h1{letter-spacing:.065em}.invite.corporativo{text-align:left;border:0;outline:none;border-top:9px solid var(--tone)}.invite.corporativo h1,.invite.corporativo h2{font-family:system-ui,sans-serif}
.invite{white-space:normal}.invite :is(h1,h2,p){white-space:pre-wrap}

:root{color:#0f172a;background:#f8fafc;--primary:#b91b29;--brand-red:#e11d2e;--line:#e2e8f0;--soft:#f1f5f9}
header{background:#fff;color:#0f172a;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.75rem;color:#0f172a}
.brand img{display:block;width:114px;height:auto}
.brand strong{color:var(--primary);padding-left:.75rem;border-left:1px solid var(--line)}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;background:#0f172a;border-radius:1.15rem}
.hero h1{line-height:1;letter-spacing:-.055em;max-width:13ch;margin-top:0}
.hero-copy p{color:#e2e8f0;margin-bottom:1.2rem}
.hero-copy .button{background:var(--brand-red);color:#fff}
.hero-ticket{background:#fff;color:#0f172a;border-radius:.7rem;overflow:hidden;box-shadow:10px 12px 0 var(--brand-red);max-width:380px;transform:rotate(-4deg);margin:.5rem .65rem 1rem 0}
.ticket-body,.ticket-stub{padding:clamp(.9rem,3vw,1.6rem);display:grid;gap:.3rem}
.ticket-body small{color:var(--primary);font-weight:700}
.ticket-body strong{font:700 clamp(1.6rem,3.6vw,3rem)/1 Georgia,serif}
.ticket-stub{border-top:2px dashed #cbd5e1;background:#f8fafc}
.ticket-body span,.ticket-stub span{font-size:.85rem;color:#475569}
.secondary{color:var(--primary);background:#fff1f2;border-color:#fecdd3}
.danger{background:#9f1239}
#notice{background:#fff1f2;color:#881337}
:is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--brand-red);outline-offset:3px}
#modelos{scroll-margin-top:1rem}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:1rem}.hero-ticket{transform:none;margin-top:.3rem}.brand img{width:90px}.brand{gap:.45rem}.brand strong{padding-left:.45rem}}

.commercial-home .hero h1{max-width:15ch;font-size:clamp(2rem,5.7vw,4.4rem)}
.home-nav{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;padding:0 0 .8rem}
.home-nav a{color:#334155;text-decoration:none;font-size:.9rem;font-weight:650}
.home-nav a:hover{text-decoration:underline}
.home-hero-actions{margin-bottom:0}
.hero-copy .home-demo-link,.hero-copy .home-resume{background:transparent;color:white}
.hero-copy .home-demo-link{border-color:#94a3b8}
.hero-copy .home-resume{padding:.35rem 0;margin-top:.5rem;text-decoration:underline;text-underline-offset:3px}
.hero-copy :focus-visible{outline-color:white}
.home-section{padding:clamp(1.35rem,4vw,2.8rem) 0;scroll-margin-top:1rem}
.home-section-heading{max-width:62ch;margin-bottom:1.2rem}
.home-section-heading h2,.home-quote h2{font-size:clamp(1.55rem,3.1vw,2.35rem);margin:0 0 .55rem}
.home-section-heading p,.home-quote p,.home-steps p{margin:0;color:#475569}
.home-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.home-model{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:.85rem;background:#fff}
.home-model-art{display:flex;min-height:132px;flex-direction:column;justify-content:space-between;gap:.65rem;padding:1rem;background:var(--paper);color:var(--ink);border-bottom:2px solid var(--tone)}
.home-model-art small{color:inherit;font-weight:650}.home-model-art strong{font:700 clamp(1.45rem,2.5vw,2rem)/1.13 Georgia,serif}
.home-model-copy{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem}
.home-model-copy p{font-size:.93rem;margin:0;color:#334155}
.home-model-copy button{font-size:.9rem;text-align:left}
.home-process{border-block:1px solid var(--line)}
.home-steps{counter-reset:steps;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.home-steps li{counter-increment:steps;border-left:2px solid #e2e8f0;padding-left:1rem}
.home-steps li::before{content:counter(steps,decimal-leading-zero);color:var(--primary);font-weight:750}
.home-steps h3{font-size:1.1rem;margin:.45rem 0}
.home-faq details{border-bottom:1px solid var(--line);padding:.8rem 0}
.home-faq details p{margin:.45rem 0 0;color:#475569}
.home-quote{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;border-radius:.85rem;border:1px solid #fecdd3;background:#fff1f2;padding:clamp(1rem,4vw,2rem)}
.home-quote .button{flex-shrink:0}
@media(max-width:900px){.home-models{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.home-models{gap:.65rem}.home-model-art,.home-model-copy{padding:.7rem}.home-model-copy{gap:.65rem}.home-model-copy button{padding:.4rem .5rem}.home-steps{grid-template-columns:1fr}.home-quote{align-items:flex-start;flex-direction:column}}