:root{--pink-900:#9d0b52;--pink-700:#c10e68;--pink-600:#e6187d;--pink-500:#f43a97;--pink-300:#ffa8d4;--pink-100:#ffe0f0;--pink-050:#fff4fa;--gold-600:#ff9e2c;--gold-500:#ffb62c;--gold-400:#ffc531;--gold-200:#ffe08a;--orange:#ff7a2f;--teal:#35c4e8;--mint:#4fd1a5;--violet:#8b5cf6;--ink:#3a2233;--ink-soft:#866378;--muted:#7d6274;--line:#f3d9e8;--paper:#fff8fc;--white:#fff;--ok:#1a7a51;--ok-bg:#dcf5e8;--warn:#8a5200;--warn-bg:#fdefcf;--danger:#b3253c;--danger-bg:#fde1e6;--info:#1a6b85;--info-bg:#d9f2f9;--neutral:#6b5460;--neutral-bg:#f0e6ee;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 2px 8px #9d0b5214;--shadow-md:0 8px 24px #9d0b521f;--shadow-lg:0 18px 44px #9d0b522e;--shadow-cta:0 8px 18px #ff8a1966;--font-display:"Baloo 2", "Segoe UI", system-ui, sans-serif;--font-body:"Nunito", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,.display{font-family:var(--font-display);color:var(--ink);font-weight:700;line-height:1.15}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pink-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}input,select,textarea{font-family:inherit;font-size:1rem}.brand-bg{background:radial-gradient(circle at 15% 12%, #ffa8d459, transparent 40%), radial-gradient(circle at 85% 8%, #ffc53147, transparent 35%), linear-gradient(160deg, var(--pink-600), var(--pink-700) 55%, var(--pink-900));min-height:100%;position:relative;overflow:hidden}.brand-bg:before{content:"";opacity:.25;pointer-events:none;background-image:radial-gradient(circle,#ffffff80 2px,#0000 2px),radial-gradient(circle,#ffffff59 2px,#0000 2px);background-position:0 0,30px 45px;background-size:60px 60px,90px 90px;position:absolute;inset:0}.brand-scatter{opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(1.2);font-size:1.5rem;position:absolute}.phone{background:var(--white);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;min-height:720px;display:flex;position:relative;overflow:hidden}.phone-scroll{flex:1;overflow-y:auto}@media (width<=640px){.phone{max-width:none;min-height:100dvh;box-shadow:none;border-radius:0}.phone-scroll{overflow:visible}}.cliente-app-shell{padding:1.5rem 1rem}.cliente-app-topbar{margin-bottom:1rem}@media (width<=640px){.cliente-app-shell{padding:0}.cliente-app-topbar{margin-bottom:0;padding:.85rem 1rem 0}}.btn{border-radius:var(--r-pill);font-family:var(--font-display);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-cta{background:linear-gradient(180deg, var(--gold-400), var(--gold-600));color:#6a3400;box-shadow:var(--shadow-cta);padding:.9rem 1.5rem;font-size:1.05rem}.btn-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-primary{background:var(--pink-700);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--pink-900)}.btn-ghost{background:var(--pink-050);color:var(--pink-700)}.btn-ghost:hover{background:var(--pink-100)}.btn-outline{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.btn-outline:hover{box-shadow:inset 0 0 0 2px var(--pink-300)}.btn-block{width:100%}.btn-sm{padding:.45rem .85rem;font-size:.9rem}.btn-icon{border-radius:var(--r-pill);width:44px;height:44px;padding:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.card-pad{padding:1.25rem}.confirm-dialog{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:calc(100% - 2rem);max-width:360px;height:fit-content;color:var(--ink);border:none;margin:auto;padding:1.5rem;position:fixed;inset:0}.confirm-dialog::backdrop{background:#3a223373}.confirm-dialog h3{font-size:1.1rem}.confirm-dialog p{margin-top:.5rem}.badge{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral)}.badge-gold{background:var(--gold-200);color:#8a5200}.field{margin-bottom:1rem;display:block}fieldset.field{border:none;min-width:0}.field-label{color:var(--ink);margin-bottom:.4rem;font-size:.9rem;font-weight:700;display:block}.field-control{border-radius:var(--r-md);border:2px solid var(--line);background:var(--pink-050);width:100%;color:var(--ink);padding:.8rem 1rem;transition:border-color .12s,background .12s}.field-control:focus{border-color:var(--pink-500);background:var(--white)}.field-control:focus-visible{outline:3px solid var(--pink-500);outline-offset:1px}textarea.field-control{resize:vertical;min-height:72px}.segment{background:var(--pink-050);border-radius:var(--r-md);border:2px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;gap:.4rem;padding:.35rem;display:grid}.segment label{text-align:center;border-radius:var(--r-sm);color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:.55rem;font-size:.9rem;font-weight:700;transition:all .12s;display:flex;position:relative}.segment input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment label:has(input:checked){background:var(--pink-700);color:var(--white);box-shadow:var(--shadow-sm)}.segment label:has(input:focus-visible){outline:3px solid var(--pink-500);outline-offset:2px}.radio-row{border-radius:var(--r-md);border:2px solid var(--line);cursor:pointer;align-items:center;gap:.7rem;margin-bottom:.55rem;padding:.7rem .85rem;transition:all .12s;display:flex;position:relative}.radio-row input[type=radio],.radio-row input[type=checkbox]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.radio-row:has(input:checked){border-color:var(--pink-500);background:var(--pink-050)}.radio-row:has(input:focus-visible){outline:3px solid var(--pink-500);outline-offset:2px}.radio-dot{border:2px solid var(--pink-300);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.radio-row:has(input:checked) .radio-dot{border-color:var(--pink-600)}.radio-row:has(input:checked) .radio-dot:after{content:"";background:var(--pink-600);border-radius:50%;width:10px;height:10px}.radio-row.square .radio-dot{border-radius:6px}.radio-row.square .radio-dot:after{border-radius:2px}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.between{justify-content:space-between}.center{justify-content:center}.wrap{flex-wrap:wrap}.gap-1{gap:.4rem}.gap-2{gap:.75rem}.gap-3{gap:1.15rem}.grow{flex:1}.text-muted{color:var(--muted)}.text-soft{color:var(--ink-soft)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.15rem}.strong{font-weight:800}.mono{font-variant-numeric:tabular-nums}.pill-tag{border-radius:var(--r-pill);background:var(--pink-050);color:var(--pink-700);align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.pill-tag.unpaid{background:var(--warn-bg);color:var(--warn)}.divider{background:var(--line);border:none;height:1px;margin:1rem 0}.avatar{background:var(--pink-100);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.cupo-meter{border-radius:var(--r-pill);background:var(--pink-100);height:12px;overflow:hidden}.cupo-fill{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--mint), var(--teal));height:100%;transition:width .4s}.cupo-fill.high{background:linear-gradient(90deg, var(--gold-400), var(--orange))}.cupo-fill.full{background:linear-gradient(90deg, var(--orange), var(--danger))}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.pop{animation:.35s both pop}.panel-shell{background:var(--paper);grid-template-columns:260px 1fr;min-height:100dvh;display:grid}.panel-side{background:linear-gradient(180deg, var(--pink-700), var(--pink-900));color:#fff;flex-direction:column;gap:.35rem;height:100dvh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.panel-side-brand{border-radius:var(--r-md);background:#ffffff1f;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.6rem .75rem;display:flex}.nav-item{border-radius:var(--r-md);color:#fff;cursor:pointer;align-items:center;gap:.7rem;padding:.7rem .85rem;font-size:.95rem;font-weight:700;transition:background .12s;display:flex}.nav-item:hover{background:#ffffff1f}.nav-item.active{color:var(--pink-700);box-shadow:var(--shadow-sm);background:#fff}.nav-item .nav-emoji{font-size:1.15rem}.panel-main{width:100%;max-width:1100px;padding:1.75rem 2rem 3rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.mobile-topbar{display:none}.data-row{border-radius:var(--r-md);background:var(--white);border:1px solid var(--line);align-items:center;gap:.85rem;padding:.85rem 1rem;transition:box-shadow .12s,transform .12s;display:flex}.data-row:hover{box-shadow:var(--shadow-sm)}.data-row+.data-row{margin-top:.5rem}.rank-chip{background:var(--pink-100);width:26px;height:26px;color:var(--pink-700);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.tbl{border-collapse:collapse;width:100%;font-size:.9rem}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--line);padding:.6rem .75rem;font-size:.75rem}.tbl td{border-bottom:1px solid var(--line);padding:.7rem .75rem}.tbl tr:hover td{background:var(--pink-050)}@media (width<=860px){.panel-shell{grid-template-columns:1fr}.panel-side{display:none}.mobile-topbar{background:var(--pink-700);color:#fff;z-index:10;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:0;overflow-x:auto}.mobile-topbar .nav-item{white-space:nowrap;padding:.4rem .7rem;font-size:.85rem}.panel-main{padding:1.25rem 1rem 3rem}}@keyframes paw-bounce{0%,to{opacity:.6;transform:translateY(0)rotate(-8deg)}50%{opacity:1;transform:translateY(-10px)rotate(8deg)}}.paw-spin{font-size:2rem;animation:.9s ease-in-out infinite paw-bounce}.landing{background:var(--paper);min-height:100dvh}.landing-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 1.25rem}.landing-hero{padding:1.5rem 0 5rem;position:relative}.landing-hero>*{z-index:2;position:relative}.landing-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.landing-logo{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-md);align-items:center;gap:.6rem;padding:.5rem .9rem;display:inline-flex}.landing-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:2.5rem;margin-top:2.75rem;display:grid}.landing-h1{color:var(--white);letter-spacing:-.02em;font-size:clamp(2.1rem,6vw,3.3rem)}.landing-lead{color:#ffffffe6;max-width:46ch;font-size:clamp(1rem,2.2vw,1.12rem);font-weight:600}.chip-light{border-radius:var(--r-pill);color:var(--white);background:#ffffff29;border:1px solid #ffffff47;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.landing-preview{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:1.1rem;transform:rotate(-1.5deg)}.landing-preview-top{background:linear-gradient(135deg, var(--pink-600), var(--pink-700));border-radius:var(--r-md);color:var(--white);padding:.85rem 1rem}.landing-sheet{z-index:3;background:var(--paper);border-radius:var(--r-xl) var(--r-xl) 0 0;margin-top:-3rem;position:relative;box-shadow:0 -14px 32px #9d0b5229}.landing-section{padding:3rem 0}.landing-section+.landing-section{border-top:1px solid var(--line)}.landing-head{text-align:center;max-width:56ch;margin:0 auto 1.75rem}.landing-head h2{font-size:clamp(1.5rem,3.4vw,2rem)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.step-num{background:var(--pink-600);width:34px;height:34px;color:var(--white);font-family:var(--font-display);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:800;display:grid}.paquete-precio{font-family:var(--font-display);color:var(--pink-700);font-size:1.85rem;font-weight:800;line-height:1.1}.zona-chip{border-radius:var(--r-md);background:var(--white);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;font-weight:700;display:flex}.landing-cta{background:linear-gradient(135deg, var(--pink-600), var(--pink-900));border-radius:var(--r-xl);text-align:center;color:var(--white);box-shadow:var(--shadow-lg);padding:2.25rem 1.5rem}.landing-foot{text-align:center;color:var(--muted);padding:1.75rem 0 2.5rem;font-size:.8rem}@media (width<=820px){.landing-hero-grid{grid-template-columns:1fr;gap:2rem}.landing-preview{transform:none}}