/* Vuelve · Base: colores de la marca, letras, botones, formularios y la demo para prospectos. */
:root{color-scheme:only light;
  /* Marca Vuelve: Verde Prosperidad (esmeralda, oro, blanco y tinta) */
  --bg:#F7F4EC; --surface:#FFFFFF; --surface-2:#FBFAF6;
  --ink:#13231D; --ink-2:#3E5048; --muted:#7D8A83; --line:#E6E1D4;
  --brand:#0F5A45; --brand-deep:#0A4535; --brand-soft:#E3EEE8;
  --accent:#C9973A; --ok:#1E8E5A; --danger:#D23A2A;
  --r-sm:10px; --r:14px; --r-lg:20px;
  --shadow:0 1px 2px rgba(19,35,29,.05), 0 8px 24px -12px rgba(19,35,29,.14);
  --shadow-lg:0 2px 4px rgba(19,35,29,.04), 0 24px 48px -20px rgba(19,35,29,.28);
  --display:'Fraunces', Georgia, serif;
  --sans:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;}
.app-shell{min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 18px calc(80px + env(safe-area-inset-bottom));}
.wrap{max-width:460px;margin:0 auto;}
.fade{animation:fade .28s ease both;}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fade{animation:none}}
/* ---------- Demo para prospectos ---------- */
.giro-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.giro-chips button{height:44px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-family:var(--sans);font-weight:700;font-size:.86rem;color:var(--ink-2);cursor:pointer;}
.giro-chips button.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep);}
.time-chips{display:flex;flex-wrap:wrap;gap:8px;}
.time-chips button{height:38px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-family:var(--sans);font-weight:700;font-size:.84rem;color:var(--ink-2);cursor:pointer;}
.time-chips button.on{border-color:var(--brand);background:var(--brand);color:#fff;}
.demo-bar{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 10px 10px 14px;border-radius:16px;background:#13231D;color:#E9F1EC;font-size:.84rem;}
.demo-bar b{color:#fff;}
.demo-bar .t{flex:1;min-width:0;line-height:1.35;}
.demo-bar button{flex-shrink:0;height:36px;padding:0 14px;border:none;border-radius:999px;background:#E8C274;color:#2A1C00;font-family:var(--sans);font-weight:800;font-size:.84rem;cursor:pointer;}
.demo-bar.sent{background:#E9F5EE;color:var(--ok);}
.demo-bar.sent b{color:var(--ok);}
.demo-try{display:grid;gap:8px;margin-top:10px;}
.demo-try button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1.5px dashed #C9D9D0;background:#F4F9F6;text-align:left;font-family:var(--sans);font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer;}
.demo-try button .n{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.78rem;flex-shrink:0;}
.demo-try button.done{border-style:solid;border-color:#BFE6CF;background:#E9F5EE;color:var(--ok);}
.demo-try button.done .n{background:var(--ok);}
.demo-cta{margin-top:18px;border-radius:22px;padding:22px 18px 18px;background:linear-gradient(160deg,#0F5A45,#0A2A20);color:#E9F1EC;position:relative;overflow:hidden;}
.demo-cta::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;border:24px solid rgba(232,194,116,.16);}
.demo-cta h3{font-family:var(--display);font-size:1.5rem;line-height:1.1;color:#fff;margin:0;position:relative;z-index:1;}
.demo-cta p{font-size:.9rem;color:#C9DAD1;margin:8px 0 16px;position:relative;z-index:1;line-height:1.45;}
.demo-cta .btn{position:relative;z-index:1;}
.btn-gold2{background:#E8C274;color:#2A1C00;}
.btn-ghost-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.lead-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;margin-top:10px;}
.lead-pill{display:inline-block;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);}
.lead-pill.hot{background:#FFF1CF;border-color:#F1DDA6;color:#6B4700;}
.lead-pill.on{background:#E4F5EC;border-color:#BFE6CF;color:var(--ok);}
.lead-pill.demo{background:#EEF1FB;border-color:#D3DBF3;color:#2C56A8;}
.seg.admin-tabs.four{grid-template-columns:repeat(4,1fr);}
.seg.admin-tabs button{position:relative;}
.seg.admin-tabs .tab-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;font-size:.62rem;}