:root{
  --bg:#fff;
  --surface:#f8fafc;
  --surface-2:#f7f9fc;
  --lavender:#f3f1ff;
  --blue-soft:#eff6ff;
  --cyan-soft:#eef9fd;
  --text:#101828;
  --text-2:#475467;
  --muted:#667085;
  --border:rgba(16,24,40,.07);
  --accent:#4f46e5;
  --accent-2:#6d5efc;
  --cyan:#35bde8;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --shadow:0 18px 48px rgba(16,24,40,.08);
  --max:1180px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.skip-link{position:fixed;z-index:999;left:16px;top:12px;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);transform:translateY(-180%)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid rgba(79,70,229,.25);outline-offset:3px}
.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.section{padding:70px 0}
.eyebrow{display:inline-flex;align-items:center;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.example-label{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#7a8494;font-size:11px;font-weight:500;white-space:nowrap}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:600}
strong,b{font-weight:600}

.site-header{position:sticky;z-index:40;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,24,40,.045)}
.header-inner{min-height:68px;display:flex;align-items:center;gap:28px}
.brand{font-size:24px;font-weight:600;letter-spacing:-.025em}
.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.main-nav a{font-size:12px;font-weight:500;color:#667085}
.main-nav a:hover{color:var(--text)}
.coming-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--lavender);color:#5146d8;font-size:11px;font-weight:600;white-space:nowrap}

.hero{padding:72px 0 82px;background:#fff;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr);gap:72px;align-items:center}
.hero-copy{max-width:620px}
.hero h1{max-width:650px;margin:17px 0 22px;font-size:clamp(46px,4.55vw,59px);line-height:1.04;letter-spacing:-.032em}
.hero h1 span,.section-copy h2 span,.section-head h2 span{background:linear-gradient(95deg,var(--accent),#6589ff 72%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:610px;margin:0;color:var(--text-2);font-size:17px;line-height:1.66}
.lead strong{color:#25334a}
.quiet-note{max-width:600px;margin:16px 0 0;color:#68768a;font-size:15px;line-height:1.62}
.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:25px;padding:0 18px;border-radius:13px;background:linear-gradient(100deg,var(--accent),#657ee9);color:#fff;font-size:13px;font-weight:600;box-shadow:0 12px 28px rgba(79,70,229,.18);transition:transform .2s ease,box-shadow .2s ease}
.primary-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 32px rgba(79,70,229,.22)}}

.hero-demo{position:relative;min-height:408px;padding:22px;border:1px solid rgba(79,70,229,.14);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 22px 56px rgba(16,24,40,.10),0 0 0 1px rgba(79,70,229,.04);overflow:hidden}
.hero-demo::before{content:"";position:absolute;inset:72px 22px 18px;pointer-events:none;border-radius:20px;background-image:radial-gradient(circle at 12% 18%,rgba(79,70,229,.06) 0 6px,transparent 6px),radial-gradient(circle at 82% 24%,rgba(53,189,232,.10) 0 7px,transparent 7px),radial-gradient(circle at 18% 74%,rgba(79,70,229,.05) 0 5px,transparent 5px),radial-gradient(circle at 74% 78%,rgba(53,189,232,.08) 0 6px,transparent 6px),linear-gradient(rgba(79,70,229,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.04) 1px,transparent 1px);background-size:auto,auto,auto,auto,78px 78px,78px 78px;opacity:.72}
.hero-demo-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.hero-demo-top>div{display:grid;gap:4px}
.hero-demo-top small,.hero-mail-copy small,.hero-result small,.hero-process small{color:#7e8999;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.07em}
.hero-demo-top strong{font-size:15px;color:#27364d}
.hero-mail{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:12px;max-width:500px;padding:15px 16px;border-radius:16px;background:var(--blue-soft);border:1px solid rgba(79,70,229,.08);transition:opacity .26s var(--ease),transform .26s var(--ease)}
.gmail-line{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:#536175;font-size:12px;font-weight:500}
.gmail-line img{width:25px;height:auto}
.hero-mail-copy{display:grid;gap:4px}
.hero-mail-copy strong{font-size:14px;color:#22324b}
.hero-mail-copy span{font-size:13px;color:#607086}
.hero-mail time{align-self:end;font-size:11px;color:#8994a5;white-space:nowrap}
.hero-process{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-height:72px;margin:8px 0;padding:8px 12px;opacity:0;transform:translateY(5px);transition:opacity .24s var(--ease),transform .24s var(--ease)}
.hero-process.is-visible{opacity:1;transform:none}
.hero-process>img{width:42px;height:auto;object-fit:contain}
.hero-process>div{display:grid;gap:3px}
.hero-process strong{font-size:13px;color:#45546a}
.typing-dots{display:inline-flex;align-items:center;gap:4px}
.typing-dots i{width:6px;height:6px;border-radius:50%;background:#8d98a8;animation:dot 1s infinite ease-in-out}
.typing-dots i:nth-child(2){animation-delay:.14s}
.typing-dots i:nth-child(3){animation-delay:.28s}
@keyframes dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.hero-result{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:8px 16px;max-width:500px;padding:16px 17px;border-radius:16px;background:var(--cyan-soft);border:1px solid rgba(53,189,232,.12);opacity:0;transform:translateY(8px);transition:opacity .32s var(--ease),transform .32s var(--ease)}
.hero-result.is-visible{opacity:1;transform:none}
.hero-result>div{display:grid;gap:4px}
.hero-result strong{font-size:17px;color:#20314c}
.hero-result span{font-size:13px;color:#64748b}
.hero-result b{font-size:21px;color:#274672;letter-spacing:-.02em;white-space:nowrap}
.hero-source-note{position:relative;z-index:1;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);color:#7c8798;font-size:12px;text-align:center}

.section-copy{max-width:520px}
.section-copy h2,.section-head h2{margin:15px 0 17px;font-size:clamp(42px,4.4vw,54px);line-height:1.02;letter-spacing:-.03em}
.section-copy p,.section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.section-head{text-align:center;max-width:720px;margin:0 auto 38px}
.section-head p{max-width:610px;margin-inline:auto}

.section-inputs{border-top:1px solid rgba(16,24,40,.045);background:#fff}
.inputs-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:46px;align-items:center}
.input-tabs{display:flex;gap:4px;margin-top:20px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface);width:max-content;max-width:100%}
.input-tabs button{position:relative;min-height:40px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#6b7688;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}
.input-tabs button.is-active{background:#fff;color:#3f3ab8;box-shadow:0 5px 14px rgba(16,24,40,.06)}
.input-tabs button::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:999px;background:var(--accent);transform:scaleX(0);transform-origin:left}
.input-tabs button.is-active.is-progressing::after{animation:tabProgress 6.8s linear forwards}
@keyframes tabProgress{to{transform:scaleX(1)}}
.input-demo{width:min(100%,610px);min-height:404px;justify-self:center}
.input-panel{min-height:404px;transition:opacity .22s var(--ease),transform .22s var(--ease)}

.whatsapp-shell{height:404px;display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(16,24,40,.09);border-radius:22px;overflow:hidden;background:#efeae2;box-shadow:var(--shadow)}
.wa-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 14px;background:#f0f2f5;border-bottom:1px solid rgba(16,24,40,.06)}
.wa-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;overflow:hidden}
.wa-avatar img{width:32px;height:auto;object-fit:contain}
.wa-contact{display:grid;gap:1px}
.wa-contact strong{font-size:14px;color:#1f2937}
.wa-contact span{font-size:11px;color:#6b7280}
.wa-actions{display:flex;align-items:center;gap:12px;color:#667085}
.wa-actions svg,.wa-composer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wa-body{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='160' viewBox='0 0 180 160'%3E%3Cg fill='none' stroke='%23d9d5cd' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round' opacity='.34'%3E%3Cpath d='M18 26c5-5 12-5 17 0s5 12 0 17-12 5-17 0-5-12 0-17Zm45-7 8 8 11-13M113 22h16m-8-8v16M146 45c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14ZM31 89h23l6 7v-7h9M92 86l6 6 12-12M138 102h22M149 91v22M28 132c10-9 22-9 32 0M87 127h16l5 6 7-14 7 12h13'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 160px}
.wa-variable{display:flex;justify-content:flex-end;align-items:flex-start;transition:opacity .24s var(--ease),transform .24s var(--ease)}
.wa-variable.is-switching{opacity:.15;transform:translateY(3px)}
.wa-user{position:relative;width:fit-content;max-width:67%;margin-left:auto;padding:10px 12px 17px;border-radius:14px 14px 4px 14px;background:#d9fdd3;color:#1f2937;font-size:12.5px;line-height:1.48;box-shadow:0 3px 9px rgba(16,24,40,.045)}
.wa-user.wa-media{min-width:230px;max-width:70%}
.wa-meta{position:absolute;right:9px;bottom:5px;display:flex;align-items:center;gap:4px;color:#758576;font-size:10.5px;line-height:1}
.wa-checks{color:#53a5d8;font-weight:600;letter-spacing:-.08em}
.wa-processing{display:flex;align-items:center;gap:8px;width:max-content;min-height:34px;align-self:start;padding:7px 10px;border-radius:13px 13px 13px 4px;background:#fff;box-shadow:0 3px 9px rgba(16,24,40,.045);opacity:0;transform:translateY(3px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
.wa-processing.is-visible{opacity:1;transform:none}
.wa-processing>span:last-child{font-size:12px;color:#697586}
.wa-response{align-self:start;width:fit-content;min-width:232px;max-width:74%;padding:10px 11px 11px;border-radius:14px 14px 14px 4px;background:#fff;color:#253248;font-size:12.25px;line-height:1.5;box-shadow:0 3px 9px rgba(16,24,40,.045);opacity:0;transform:translateY(3px);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.wa-response.is-visible{opacity:1;transform:none}
.wa-response>p{margin:0 0 6px}
.wa-response-note{display:block;margin-top:6px;padding-top:6px;border-top:1px solid rgba(16,24,40,.055);font-size:11px;line-height:1.45;color:#66748a}
.wa-expenses{display:grid;gap:0;margin-top:4px}
.wa-expense{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:5px 0;border-top:1px solid rgba(16,24,40,.055)}
.wa-expense>div{display:grid;gap:1px}
.wa-expense span{font-size:11px;color:#778295}
.wa-expense strong{font-size:12px}
.wa-expense b{grid-row:1/3;grid-column:2;align-self:center;font-size:12px;color:#334c72}
.wa-total{display:flex;justify-content:space-between;gap:10px;margin-top:4px;padding-top:5px;border-top:1px solid rgba(16,24,40,.06);font-size:11.5px}
.wa-total strong{font-size:12px}
.wa-composer{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:9px 11px;background:#f0f2f5;color:#697586}
.wa-field{min-height:36px;display:flex;align-items:center;padding:0 12px;border-radius:999px;background:#fff;color:#8b95a4;font-size:12px}
.wa-send{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff}
.wa-audio-line{display:grid;grid-template-columns:32px minmax(95px,1fr) auto;gap:9px;align-items:center}
.wa-play{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.62);color:#4b6253}
.wa-play svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wa-wave{display:flex;align-items:center;gap:2px;height:24px}
.wa-wave i{width:2px;border-radius:999px;background:#718277}
.wa-wave i:nth-child(1){height:7px}
.wa-wave i:nth-child(2){height:15px}
.wa-wave i:nth-child(3){height:21px}
.wa-wave i:nth-child(4){height:12px}
.wa-wave i:nth-child(5){height:18px}
.wa-wave i:nth-child(6){height:9px}
.wa-audio-line small{font-size:11px;color:#68796f}
.wa-transcript{margin-top:7px;padding-top:6px;border-top:1px solid rgba(31,41,55,.08);font-size:11.5px;color:#4e5f55}
.wa-photo-preview{width:138px;max-width:100%;padding:6px;border-radius:10px;background:rgba(255,255,255,.62)}
.wa-receipt{display:grid;gap:3px;padding:8px 9px;border-radius:7px;background:#fff;color:#657286}
.wa-receipt b{font-size:11px;color:#344054}
.wa-receipt i{display:block;height:3px;border-radius:99px;background:#edf1f5}
.wa-receipt i:nth-of-type(2){width:72%}
.wa-receipt strong{margin-top:2px;font-size:12px;color:#344054}
.wa-file-caption{margin-top:4px;font-size:11px;color:#4f6255}
.wa-doc{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;min-width:220px}
.wa-doc-icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.65);font-size:10px;font-weight:600;color:#5f6d63}
.wa-doc>div{display:grid;gap:2px}
.wa-doc strong{font-size:12px}
.wa-doc small{font-size:11px;color:#66756c}

.section-organize{border-top:1px solid rgba(16,24,40,.045);background:#fff}
.dashboard-demo{width:min(100%,1070px);margin-inline:auto;padding:20px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.dashboard-topbar{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:2px 2px 18px;border-bottom:1px solid var(--border)}
.dashboard-topbar>div:first-child{display:grid;gap:3px}
.dashboard-topbar strong{font-size:16px}
.dashboard-topbar span{font-size:12px;color:#7b8798}
.space-toggle{display:flex;gap:4px;padding:4px;border-radius:13px;background:var(--surface)}
.space-toggle button{min-height:36px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#788395;font-size:12px;font-weight:500;cursor:pointer}
.space-toggle button.is-active{background:#fff;color:#4338ca;box-shadow:0 4px 12px rgba(16,24,40,.05)}
.dashboard-content{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:30px;padding-top:22px;align-items:start;transition:opacity .22s var(--ease),transform .22s var(--ease)}
.dashboard-content.is-switching{opacity:.2;transform:translateY(5px)}
.summary-panel,.movements-panel{padding:18px;border:1px solid rgba(16,24,40,.055);border-radius:18px;background:#fff}
.summary-panel>small,.panel-title small{display:block;font-size:11px;color:#7d8797;text-transform:uppercase;letter-spacing:.06em}
.summary-panel h3{margin:7px 0 5px;font-size:36px;font-weight:600;letter-spacing:-.025em}
.period-label{font-size:12px;color:#8a95a5}
.category-bars{display:grid;gap:14px;margin-top:24px}
.category-row{display:grid;gap:7px}
.category-row label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:#5d6c82}
.category-row label b{font-size:12px;color:#314057}
.category-track{height:7px;border-radius:999px;background:#edf1f6;overflow:hidden}
.category-track span{display:block;height:100%;border-radius:999px;background:var(--accent);transform-origin:left;transition:transform .55s var(--ease),width .28s var(--ease)}
.dashboard-demo:not(.has-entered) .category-track span{transform:scaleX(0)}
.currency-note{display:block;margin-top:20px;color:#8a95a5;font-size:11px;line-height:1.45;text-transform:none;letter-spacing:0}
.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.panel-title>div{display:grid;gap:4px}
.panel-title strong{font-size:15px}
.panel-title>span{font-size:11px;color:#8b96a5}
.movement-list{display:grid;gap:0}
.movement-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);transition:background .28s var(--ease),transform .28s var(--ease)}
.movement-row:last-child{border-bottom:0}
.movement-row.is-new{background:var(--blue-soft);transform:translateX(3px)}
.source-badge{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0;background:transparent;color:#68778d;font-size:11px;font-weight:500}
.source-badge img{width:16px;height:auto}
.source-badge.wa{background:transparent;color:#497651}
.source-badge.wa svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.movement-row>div{display:grid;gap:3px;min-width:0}
.movement-row strong{font-size:12px}
.movement-row small{font-size:11px;color:#8590a0}
.movement-row>b{font-size:12px;color:#314f78;white-space:nowrap}

.section-ask{border-top:1px solid rgba(16,24,40,.045);background:#fff}
.ask-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:46px;align-items:center}
.question-controls{display:flex;gap:2px;margin-top:22px}
.question-controls button{width:44px;height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.question-controls i{display:block;width:8px;height:8px;border-radius:50%;background:#d4d9e1;transition:width .2s ease,background .2s ease}
.question-controls button.is-active i{width:24px;border-radius:999px;background:var(--accent)}
.kipura-chat{width:min(100%,560px);justify-self:center;border:1px solid rgba(16,24,40,.09);border-radius:22px;background:#efeae2;box-shadow:var(--shadow);overflow:hidden}
.kipura-chat-head{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px 14px;background:#f0f2f5;border-bottom:1px solid rgba(16,24,40,.06)}
.kipura-chat-head img{width:38px;height:auto;object-fit:contain}
.kipura-chat-head>div{display:grid;gap:2px}
.kipura-chat-head strong{font-size:14px}
.kipura-chat-head span{font-size:11px;color:#7d8797}
.status-dot{width:10px;height:10px;border-radius:50%;background:#25d366}
.kipura-chat-body{min-height:248px;padding:16px 14px;display:grid;align-content:start;gap:11px;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='160' viewBox='0 0 180 160'%3E%3Cg fill='none' stroke='%23d9d5cd' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round' opacity='.34'%3E%3Cpath d='M18 26c5-5 12-5 17 0s5 12 0 17-12 5-17 0-5-12 0-17Zm45-7 8 8 11-13M113 22h16m-8-8v16M146 45c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14ZM31 89h23l6 7v-7h9M92 86l6 6 12-12M138 102h22M149 91v22M28 132c10-9 22-9 32 0M87 127h16l5 6 7-14 7 12h13'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 160px}
.kipura-question{justify-self:end;max-width:76%;padding:11px 12px 17px;border-radius:15px 15px 5px 15px;background:#d9fdd3;color:#2a3950;font-size:12.5px;line-height:1.5;position:relative;box-shadow:0 3px 9px rgba(16,24,40,.045)}
.kipura-bubble-text{display:block}
.kipura-meta{display:block;margin-top:4px;font-size:10.5px;color:#71807b;text-align:right}
.kipura-meta b{color:#53a5d8;letter-spacing:-.08em}
.kipura-meta-left{text-align:left;color:#8a95a5}
.kipura-thinking{display:flex;align-items:center;gap:9px;justify-self:start;padding:10px 12px;border-radius:14px 14px 14px 5px;background:#fff;box-shadow:0 3px 9px rgba(16,24,40,.045);opacity:0;transform:translateY(4px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
.kipura-thinking.is-visible{opacity:1;transform:none}
.kipura-thinking small{font-size:11px;color:#7a8697}
.kipura-answer{justify-self:start;max-width:82%;padding:12px 12px 10px;border-radius:15px 15px 15px 5px;background:#fff;color:#45546a;font-size:12.5px;line-height:1.58;box-shadow:0 3px 9px rgba(16,24,40,.045);opacity:0;transform:translateY(5px);transition:opacity .26s var(--ease),transform .26s var(--ease)}
.kipura-answer.is-visible{opacity:1;transform:none}
.kipura-answer p{margin:0}
.kipura-answer strong{color:#2f3d57}
.kipura-answer b{color:#4338ca}
.answer-mini{display:grid;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border)}
.answer-mini label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#6f7c8e}
.answer-mini i{height:5px;border-radius:999px;background:#edf1f6;overflow:hidden}
.answer-mini i span{display:block;height:100%;background:var(--accent);border-radius:999px}
.kipura-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid rgba(16,24,40,.06);background:#f0f2f5}
.kipura-chat-foot span,.kipura-chat-foot b{font-size:11px}
.kipura-chat-foot span{color:#7e8999}
.kipura-chat-foot b{color:#5146d8}

.closing{padding:62px 0 68px;border-top:1px solid rgba(16,24,40,.045);background:#fff}
.closing-inner{max-width:1100px;padding:76px 48px;border:1px solid rgba(255,255,255,.06);border-radius:24px;background:#101821;text-align:center;box-shadow:0 16px 38px rgba(16,24,40,.08);overflow:hidden}
.closing-content{width:min(100%,680px);margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.closing-eyebrow{display:inline-block;margin:0 0 19px;color:#8b82ff;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.closing-kipura{width:72px;height:auto;max-height:80px;object-fit:contain;margin:0 0 18px}
.closing h2{margin:0;color:#fff;font-size:clamp(40px,4.3vw,54px);font-weight:600;line-height:1.04;letter-spacing:-.035em}
.closing-description{max-width:650px;margin:20px 0 0;color:#c7ced8;font-size:16px;line-height:1.65}
.closing-remate{display:block;max-width:640px;margin:14px 0 0;color:#f2f4f7;font-size:15px;font-weight:600;line-height:1.55}
.closing-cta{-webkit-appearance:none;appearance:none;width:auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:27px 0 0;padding:0 20px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#6d5efc;color:#fff;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.closing-cta:hover{background:#7568ff;transform:translateY(-1px);border-color:rgba(255,255,255,.14)}
.closing-cta:focus-visible{outline:3px solid rgba(139,130,255,.42);outline-offset:4px}
.closing-microcopy{display:block;margin-top:10px;color:#8f9aaa;font-size:11px;line-height:1.45}
footer{border-top:1px solid rgba(16,24,40,.045);background:#fff}
.footer-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8a95a5;font-size:11px}
.brand-small{font-size:15px;font-weight:600;color:#233149}

.reveal{opacity:0;transform:translateY(13px);transition:opacity .62s var(--ease),transform .62s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1024px){
  .hero-grid,.inputs-grid,.ask-grid{grid-template-columns:1fr;gap:44px}
  .hero-copy,.section-copy{max-width:720px}
  .hero-demo,.input-demo,.kipura-chat{width:min(100%,680px);justify-self:center}
  .dashboard-content{grid-template-columns:1fr;gap:24px}
  .section{padding:64px 0}
}

@media(max-width:760px){
  .shell{width:min(calc(100% - 28px),var(--max))}
  .header-inner{min-height:66px}
  .main-nav{display:none}
  .brand{font-size:23px}
  .coming-pill{margin-left:auto}
  .hero{padding:54px 0 62px}
  .hero-grid{gap:38px}
  .hero h1{font-size:clamp(40px,7.6vw,50px)}
  .lead{font-size:16px}
  .primary-button{min-height:48px}
  .section{padding:58px 0}
  .section-copy h2,.section-head h2{font-size:clamp(36px,9vw,44px)}
  .inputs-grid,.ask-grid{gap:34px}
  .input-tabs{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;justify-content:flex-start}
  .input-tabs::-webkit-scrollbar{display:none}
  .input-tabs button{flex:0 0 auto;min-height:42px}
  .dashboard-topbar{grid-template-columns:1fr auto}
  .dashboard-topbar>.example-label{grid-column:1/-1;justify-self:start}
  .movement-row{grid-template-columns:86px 1fr auto}
  .closing-inner{padding:68px 32px}
}

@media(max-width:480px){
  .shell{width:min(calc(100% - 22px),var(--max))}
  .hero{padding:45px 0 56px}
  .hero h1{font-size:clamp(34px,9.2vw,40px);margin-top:14px;line-height:1.06}
  .lead{font-size:16px;line-height:1.62}
  .quiet-note{font-size:14px;line-height:1.58}
  .primary-button{width:100%}
  .hero-demo{min-height:auto;padding:16px;border-radius:20px}
  .hero-demo::before{inset:68px 16px 14px;background-size:auto,auto,auto,auto,64px 64px,64px 64px}
  .hero-demo-top{display:grid;gap:10px}
  .hero-demo-top .example-label{justify-self:start}
  .hero-mail{padding:14px;grid-template-columns:1fr;max-width:none}
  .hero-mail time{justify-self:start}
  .hero-process{padding-inline:4px}
  .hero-result{grid-template-columns:1fr;padding:15px;max-width:none}
  .hero-result b{justify-self:start;font-size:19px}
  .hero-source-note{text-align:left}
  .section{padding:56px 0}
  .section-copy h2,.section-head h2{font-size:clamp(32px,9vw,38px);margin-top:13px}
  .section-copy p,.section-head p{font-size:15px}
  .input-demo,.input-panel{min-height:0;width:100%}
  .whatsapp-shell{height:412px;border-radius:19px}
  .wa-head{grid-template-columns:38px 1fr auto;padding:9px 10px}
  .wa-avatar{width:38px;height:38px}
  .wa-avatar img{width:29px;height:auto}
  .wa-actions{gap:9px}
  .wa-actions svg{width:17px;height:17px}
  .wa-body{padding:12px 10px 10px}
  .wa-user{max-width:80%;font-size:12px;padding:9px 11px 16px}
  .wa-user.wa-media{min-width:0;max-width:82%}
  .wa-response{min-width:0;max-width:84%;font-size:12px;padding:9px 10px}
  .wa-composer{gap:7px;padding:8px}
  .wa-field{min-height:36px}
  .wa-send{width:36px;height:36px}
  .wa-doc{min-width:0}
  .wa-photo-preview{width:134px}
  .dashboard-demo{padding:13px;border-radius:19px}
  .category-row:nth-child(n+5),.movement-row:nth-child(n+5){display:none}
  .dashboard-topbar{grid-template-columns:1fr;gap:10px}
  .space-toggle{justify-self:start}
  .dashboard-topbar>.example-label{grid-column:auto}
  .dashboard-content{gap:18px;padding-top:16px}
  .summary-panel,.movements-panel{padding:14px}
  .summary-panel h3{font-size:31px}
  .panel-title{display:grid;gap:5px}
  .movement-row{grid-template-columns:1fr auto;gap:7px 10px}
  .source-badge{grid-column:1/-1}
  .movement-row>div{grid-column:1}
  .movement-row>b{grid-column:2;grid-row:2;align-self:center}
  .kipura-chat{width:100%;border-radius:19px}
  .kipura-chat-head{grid-template-columns:38px 1fr auto;padding:12px}
  .kipura-chat-head img{width:35px;height:auto}
  .kipura-chat-body{min-height:220px;padding:15px 12px}
  .kipura-question,.kipura-answer{max-width:88%;font-size:12px}
  .kipura-chat-foot{display:grid;gap:4px;padding:11px 12px}
  .closing{padding-top:46px;padding-bottom:50px}
  .closing-inner{padding:54px 20px;border-radius:20px}
  .closing-content{max-width:100%}
  .closing-eyebrow{margin-bottom:15px;font-size:10px;letter-spacing:.13em}
  .closing-kipura{width:60px;max-height:67px;margin-bottom:15px}
  .closing h2{font-size:clamp(34px,9.4vw,42px);line-height:1.06}
  .closing-description{margin-top:17px;font-size:14px;line-height:1.6}
  .closing-remate{margin-top:12px;font-size:13px;line-height:1.5}
  .closing-cta{min-height:44px;margin-top:23px;padding:0 18px;font-size:12.5px}
  .closing-microcopy{margin-top:9px;font-size:10.5px}
  .footer-inner{min-height:92px;display:grid;justify-items:center;justify-content:center;text-align:center;gap:6px;padding:17px 0}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .typing-dots i,.input-tabs button.is-active.is-progressing::after{animation:none}
  .hero-process,.hero-result,.input-panel,.wa-variable,.wa-processing,.wa-response,.dashboard-content,.category-track span,.kipura-thinking,.kipura-answer{transition:none}
}

/* V34 puntual: separación, dashboard premium, WhatsApp más compacto */
.section-inputs .inputs-grid,
.section-ask .ask-grid,
.section-organize .section-head{margin-bottom:8px}
.section-inputs .inputs-grid{gap:58px}
.section-ask .ask-grid{gap:58px}
.section-organize .dashboard-demo{margin-top:14px}
.section + .section{padding-top:84px}

.input-demo{width:min(100%,518px);min-height:344px}
.input-panel{min-height:344px}
.whatsapp-shell{height:344px;max-width:518px;margin-inline:auto}
.wa-head{padding:10px 12px}
.wa-body{padding:12px 12px 10px;gap:7px}
.wa-user{max-width:65%;padding:9px 11px 16px;font-size:12px;line-height:1.42}
.wa-user.wa-media{max-width:68%;min-width:215px}
.wa-response{max-width:69%;min-width:225px;padding:9px 10px 10px;font-size:11.8px;line-height:1.43}
.wa-response>p{margin-bottom:5px}
.wa-response-note{margin-top:5px;padding-top:5px;font-size:10.6px;line-height:1.4}
.wa-expense{padding:4px 0}
.wa-expense strong,.wa-expense b,.wa-total strong{font-size:11.6px}
.wa-expense span,.wa-total{font-size:10.8px}
.wa-composer{padding:8px 10px}
.wa-field{min-height:34px;font-size:11.5px}
.wa-send{width:34px;height:34px}
.wa-doc{min-width:205px}
.wa-photo-preview{width:126px}

.dashboard-demo{width:min(100%,1040px);padding:24px 26px 22px}
.dashboard-premium{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:20px;padding-top:26px}
.dash-card{padding:20px;border:1px solid rgba(16,24,40,.07);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcff)}
.dash-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.dash-card-top>div{display:grid;gap:7px}
.dash-card-top small,.trend-summary small,.insight-head small,.trend-detail small{color:#7a88a0;font-size:12px;font-weight:600;letter-spacing:.02em}
.dash-card-top strong{font-size:17px;color:#13294c}
.dash-card-summary .dash-card-top strong{font-size:22px;font-weight:700}
.mini-tag{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:14px;background:#f4f5f8;color:#70819b;font-size:12px;font-weight:600;white-space:nowrap}
.dash-summary-layout{display:grid;grid-template-columns:168px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:16px}
.donut-wrap{position:relative;width:150px;height:150px;margin-inline:auto}
.donut-chart{width:150px;height:150px;transform:rotate(-90deg)}
.donut-track{fill:none;stroke:#e7ecf4;stroke-width:18}
.donut-segment{fill:none;stroke-width:18;stroke-linecap:butt;transition:stroke-dasharray .35s var(--ease),stroke-dashoffset .35s var(--ease)}
.seg-1{stroke:#4f46e5}.seg-2{stroke:#6d5efc}.seg-3{stroke:#39bcee}.seg-4{stroke:#a56ff5}.seg-5{stroke:#d8deea}
.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}
.donut-center span{font-size:12px;color:#8a95a5}
.donut-center strong{font-size:20px;color:#22324b}
.legend-list{display:grid;gap:10px}
.legend-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(16,24,40,.065)}
.legend-row:last-child{padding-bottom:0;border-bottom:0}
.legend-dot{width:8px;height:8px;border-radius:50%}.dot-1{background:#4f46e5}.dot-2{background:#6d5efc}.dot-3{background:#39bcee}.dot-4{background:#a56ff5}.dot-5{background:#d8deea}
.legend-name{font-size:14px;color:#5f6f87}.legend-row b{font-size:14px;color:#13294c;font-weight:700}
.insight-panel{padding:16px 16px 14px;border:1px solid rgba(109,94,252,.18);border-radius:22px;background:linear-gradient(180deg,rgba(247,245,255,.95),rgba(251,251,255,.95))}
.insight-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.insight-panel h3{margin:0 0 10px;font-size:18px;color:#13294c;line-height:1.2}
.insight-panel p{margin:0;color:#56677f;font-size:15px;line-height:1.58}
.insight-panel p strong{color:#13294c}
.insight-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.insight-metric{padding:14px 16px;border:1px solid rgba(16,24,40,.14);border-radius:18px;background:#fff}
.insight-metric strong{display:block;margin-bottom:7px;font-size:26px;color:#4f46e5}
.insight-metric span{display:block;font-size:14px;font-weight:600;line-height:1.4;color:#21324c}
.dash-card-top-trend strong{font-size:19px}
.trend-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.trend-summary>div{display:grid;gap:4px}
.trend-summary>div strong{font-size:18px;color:#13294c}
.trend-summary b{font-size:26px;color:#204a7a;letter-spacing:-.02em;white-space:nowrap}
.trend-graph-box{position:relative;padding:22px 20px 18px;border:1px solid rgba(16,24,40,.08);border-radius:24px;background:linear-gradient(180deg,#fbfcfe,#f7fbff)}
.graph-badge{position:absolute;display:inline-grid;gap:3px;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid rgba(16,24,40,.08);box-shadow:0 10px 22px rgba(16,24,40,.05);color:#7b8aa1;font-size:11px;font-weight:600;line-height:1.2}
.graph-badge strong{font-size:16px;color:#16345c}
.graph-badge-low{left:14px;bottom:54px}.graph-badge-high{right:16px;top:20px}
.trend-graph{display:block;width:100%;height:280px}
.trend-area{fill:rgba(53,189,232,.12)}
.trend-line{fill:none;stroke:#4b85ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.trend-guide{stroke:#d7dfeb;stroke-width:1;stroke-dasharray:5 6}
.trend-point{fill:#fff;stroke:#6d5efc;stroke-width:4}.trend-point.is-peak{fill:#6d5efc;stroke:#243e8b;stroke-width:5}
.trend-labels{display:flex;justify-content:space-between;gap:12px;margin-top:4px;padding:0 6px;color:#7c8aa0;font-size:13px}
.trend-detail{margin-top:14px;padding:16px;border:1px solid rgba(16,24,40,.08);border-radius:20px;background:#fbfcff}
.trend-detail p{margin:8px 0 0;color:#5b6a80;font-size:15px;line-height:1.55}

@media(max-width:1024px){
  .dashboard-premium{grid-template-columns:1fr;gap:22px}
}

@media(max-width:760px){
  .section + .section{padding-top:70px}
  .input-demo{width:min(100%,470px)}
  .whatsapp-shell{height:332px;max-width:470px}
  .dashboard-demo{padding:20px 18px}
  .dashboard-premium{padding-top:22px}
  .dash-summary-layout{grid-template-columns:140px 1fr;gap:18px}
  .donut-wrap,.donut-chart{width:132px;height:132px}
  .legend-name,.legend-row b,.insight-panel p,.trend-detail p{font-size:13px}
  .insight-metric strong{font-size:22px}
  .trend-graph{height:240px}
}

@media(max-width:480px){
  .section + .section{padding-top:58px}
  .input-demo{width:100%}
  .whatsapp-shell{height:320px;max-width:none}
  .wa-user{max-width:76%;font-size:11.6px}
  .wa-user.wa-media,.wa-response{max-width:80%;min-width:0}
  .wa-response{font-size:11.4px}
  .dashboard-demo{padding:16px 14px}
  .dashboard-topbar{gap:12px}
  .dashboard-premium{gap:18px;padding-top:18px}
  .dash-card{padding:15px;border-radius:20px}
  .dash-summary-layout{grid-template-columns:1fr;gap:16px}
  .donut-wrap{margin-inline:0 auto}
  .insight-head{display:grid;gap:8px}
  .insight-metrics{grid-template-columns:1fr;gap:12px}
  .legend-row{gap:8px}
  .legend-name,.legend-row b{font-size:12.5px}
  .trend-summary{align-items:flex-start;flex-direction:column}
  .trend-summary b{font-size:24px}
  .trend-graph-box{padding:18px 14px 16px}
  .graph-badge{padding:8px 10px}
  .graph-badge-low{left:10px;bottom:46px}
  .graph-badge-high{right:10px;top:14px}
  .trend-graph{height:214px}
  .trend-labels{font-size:11px;padding:0 2px}
}

/* V36 — solo refinamiento del flujo Gmail → Kipura → gasto organizado */
.hero-demo{width:min(100%,560px);justify-self:end;min-height:0;padding:20px 22px 18px;background:#fff;border-color:rgba(79,70,229,.13);box-shadow:0 18px 44px rgba(16,24,40,.09),0 0 0 1px rgba(79,70,229,.025)}
.hero-demo::before{display:none}
.hero-demo-top{margin-bottom:14px}
.hero-demo-top small,.hero-mail-copy small,.hero-result small,.hero-process small{color:#68778d}
.hero-demo-top strong{font-size:15px;color:#172b4d}
.hero-mail{max-width:none;padding:14px 16px;border-radius:15px;background:#eef5ff;border-color:rgba(79,70,229,.08)}
.gmail-line{font-size:12px;color:#47586f}
.hero-mail-copy{gap:3px}
.hero-mail-copy strong{font-size:14px;color:#172b4d}
.hero-mail-copy span{font-size:12.5px;color:#53657d}
.hero-mail time{font-size:11px;color:#718198}
.hero-process{position:relative;min-height:62px;margin:5px 0;padding:6px 10px 6px 6px;gap:12px}
.hero-process::before{content:"";position:absolute;left:30px;top:-6px;bottom:-6px;width:1px;background:linear-gradient(180deg,rgba(79,70,229,.08),rgba(79,70,229,.18),rgba(53,189,232,.12));z-index:-1}
.hero-process>img{width:50px;height:auto;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
.hero-process>div{gap:2px}
.hero-process strong{font-size:12.8px;color:#40516a}
.hero-process.is-done strong{color:#283a55}
.hero-process.is-done .typing-dots{opacity:0;transform:scale(.88)}
.hero-process .typing-dots{transition:opacity .2s ease,transform .2s ease}
.hero-result{max-width:none;padding:15px 16px;border-radius:15px;background:#eef9fd;border-color:rgba(53,189,232,.16);box-shadow:0 7px 18px rgba(25,88,125,.045)}
.hero-result>div:first-child{gap:3px}
.hero-result strong{font-size:16px;color:#183454}
.hero-result span{font-size:12.5px;color:#536b82}
.hero-result-end{display:grid;justify-items:end;align-content:center;gap:5px}
.hero-result-end b{font-size:20px;color:#1f4a78}
.hero-result-status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#fff;color:#456178!important;border:1px solid rgba(53,189,232,.15);font-size:10.5px!important;font-weight:600}
.hero-source-note{margin-top:13px;padding-top:12px;color:#62738a;font-size:11.5px;line-height:1.45}

@media(max-width:1024px){
  .hero-demo{justify-self:center}
}

@media(max-width:480px){
  .hero-demo{width:100%;padding:15px;border-radius:19px}
  .hero-demo-top{margin-bottom:12px}
  .hero-mail{padding:13px 14px;grid-template-columns:1fr auto}
  .hero-mail time{justify-self:end}
  .hero-process{min-height:58px;padding:5px 4px;gap:10px}
  .hero-process::before{left:26px}
  .hero-process>img{width:44px}
  .hero-process strong{font-size:12px}
  .hero-result{grid-template-columns:1fr auto;padding:13px 14px}
  .hero-result-end{justify-items:end}
  .hero-result-end b{font-size:18px}
  .hero-source-note{text-align:center;font-size:11px}
}

/* V37 — únicamente sección “Todo queda organizado” */
.section-organize{padding-top:74px;padding-bottom:74px;background:#fff}
.section-organize .organize-head{max-width:690px;margin:0 auto 30px;text-align:center}
.section-organize .organize-head h2{margin:13px 0 12px;color:#101828;background:none;font-size:clamp(38px,4vw,48px);letter-spacing:-.032em}
.section-organize .organize-head p{max-width:620px;margin-inline:auto;color:#5f6f84;font-size:15px;line-height:1.62}

.organized-demo{width:min(100%,960px);margin-inline:auto;padding:18px 20px 20px;border:1px solid rgba(16,24,40,.075);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(16,24,40,.055)}
.organized-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 14px;border-bottom:1px solid rgba(16,24,40,.065)}
.organized-brand{display:grid;gap:3px}.organized-brand strong{font-size:15px;color:#172033}.organized-brand span{font-size:11.5px;color:#7a8798}
.organized-actions{display:flex;align-items:center;gap:10px}
.section-organize .space-toggle{display:flex;gap:3px;padding:3px;border-radius:12px;background:#f6f7fa}
.section-organize .space-toggle button{min-height:34px;padding:0 13px;border-radius:9px;color:#6f7c8e;font-size:11.5px}
.section-organize .space-toggle button.is-active{color:#312e81;background:#fff;box-shadow:0 3px 9px rgba(16,24,40,.055)}
.organized-example{min-height:26px;padding:0 9px;color:#8b95a4;font-size:10.5px;border-color:rgba(16,24,40,.065)}

.organized-content{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;padding:20px 4px 2px;transition:opacity .18s var(--ease),transform .18s var(--ease)}
.organized-content.is-switching{opacity:.24;transform:translateY(3px)}
.organized-summary{padding-right:26px;border-right:1px solid rgba(16,24,40,.065)}
.organized-kicker{display:block;margin-bottom:5px;color:#7f8a9a;font-size:10.5px;font-weight:600;letter-spacing:.08em}
.organized-total{display:grid;gap:2px;margin-bottom:21px}
.organized-total strong{font-size:31px;line-height:1.05;color:#152238;font-weight:600;letter-spacing:-.025em}
.organized-total span{font-size:11.5px;color:#7c8999}
.organized-categories{display:grid;gap:14px}
.organized-category{display:grid;gap:6px}
.organized-category-line{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#56667b;font-size:12px}
.organized-category-line b{color:#2b3d59;font-size:12px;font-weight:600;white-space:nowrap}
.organized-track{height:6px;border-radius:999px;background:#edf1f5;overflow:hidden}
.organized-track span{display:block;height:100%;border-radius:999px;background:#5955e8;transform-origin:left;transition:transform .42s var(--ease),width .2s var(--ease)}
.organized-demo:not(.has-entered) .organized-track span{transform:scaleX(0)}
.organized-more{display:inline-block;margin-top:17px;color:#68788e;font-size:11px}

.organized-movements{min-width:0;padding-left:2px}
.organized-movements-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.organized-movements-head strong{font-size:14.5px;color:#172033}
.organized-movements-head span{font-size:10.5px;color:#8994a3;white-space:nowrap}
.section-organize .movement-list{display:grid}
.organized-movement{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"main source amount";gap:10px 14px;align-items:center;min-height:62px;padding:10px 0;border-bottom:1px solid rgba(16,24,40,.06);opacity:1;transform:none;transition:opacity .28s var(--ease),transform .28s var(--ease)}
.organized-movement:last-child{border-bottom:0}
.organized-demo:not(.has-entered) .organized-movement{opacity:0;transform:translateY(5px)}
.organized-movement:nth-child(2){transition-delay:.04s}.organized-movement:nth-child(3){transition-delay:.08s}.organized-movement:nth-child(4){transition-delay:.12s}
.organized-movement-main{grid-area:main;display:grid;gap:3px;min-width:0}
.organized-movement-main strong{font-size:12.5px;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.organized-movement-main small{font-size:10.8px;color:#8490a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.organized-source{grid-area:source;display:inline-flex;align-items:center;gap:6px;color:#718094;font-size:10.5px;white-space:nowrap}
.organized-source::before{content:"";width:6px;height:6px;border-radius:50%;background:#9aa6b5;flex:0 0 auto}
.organized-movement>b{grid-area:amount;color:#27415f;font-size:11.8px;font-weight:600;white-space:nowrap;text-align:right}

@media(max-width:900px){
  .organized-demo{width:min(100%,760px)}
  .organized-content{grid-template-columns:1fr;gap:20px}
  .organized-summary{padding-right:0;padding-bottom:20px;border-right:0;border-bottom:1px solid rgba(16,24,40,.065)}
}

@media(max-width:620px){
  .section-organize{padding-top:58px;padding-bottom:58px}
  .section-organize .organize-head{margin-bottom:24px}
  .section-organize .organize-head h2{font-size:clamp(32px,9vw,38px)}
  .section-organize .organize-head p{font-size:14px}
  .organized-demo{padding:14px;border-radius:19px}
  .organized-topbar{display:grid;gap:12px;padding-bottom:13px}
  .organized-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .section-organize .space-toggle{order:1}
  .organized-example{order:2}
  .organized-content{gap:18px;padding:16px 2px 0}
  .organized-summary{padding-bottom:18px}
  .organized-total{margin-bottom:18px}
  .organized-total strong{font-size:28px}
  .organized-categories{gap:12px}
  .organized-movements-head{display:grid;gap:3px}
  .organized-movements-head span{white-space:normal}
  .organized-movement{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main amount" "source source";gap:4px 12px;min-height:66px;padding:10px 0}
  .organized-source{margin-top:1px}
}

@media(max-width:390px){
  .organized-actions{align-items:flex-start;flex-direction:column}
  .organized-example{align-self:flex-start}
  .section-organize .space-toggle button{padding:0 12px}
  .organized-category-line{gap:10px}
  .organized-category-line span,.organized-category-line b{font-size:11.5px}
  .organized-movement-main strong{font-size:12px}
  .organized-movement>b{font-size:11.5px}
}

@media(prefers-reduced-motion:reduce){
  .organized-content,.organized-track span,.organized-movement{transition:none!important}
  .organized-demo:not(.has-entered) .organized-track span{transform:none}
  .organized-demo:not(.has-entered) .organized-movement{opacity:1;transform:none}
}

/* V39 — únicamente mockup de WhatsApp en “Cuéntaselo como quieras” */
.section-inputs .input-demo{width:min(100%,455px);min-height:304px;justify-self:center;contain:layout paint}
.section-inputs .input-panel{width:100%;min-height:304px;contain:layout paint}
.section-inputs .whatsapp-shell{
  width:100%;
  height:304px;
  max-width:455px;
  margin-inline:auto;
  display:grid;
  grid-template-rows:48px minmax(0,1fr) 44px;
  overflow:hidden;
  border-radius:19px;
  contain:layout paint;
}
.section-inputs .wa-head{
  height:48px;
  grid-template-columns:36px 1fr auto;
  gap:9px;
  padding:7px 11px;
}
.section-inputs .wa-avatar{width:34px;height:34px}
.section-inputs .wa-avatar img{width:27px;height:auto}
.section-inputs .wa-contact{gap:0}
.section-inputs .wa-contact strong{font-size:12.5px}
.section-inputs .wa-contact span{font-size:10.5px}
.section-inputs .wa-actions{gap:10px}
.section-inputs .wa-actions svg{width:16px;height:16px}
.section-inputs .wa-body{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  display:grid;
  grid-template-rows:auto 30px minmax(0,1fr);
  align-content:start;
  gap:7px;
  padding:12px 13px 10px;
  scrollbar-width:none;
  background-color:#efeae2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='160' viewBox='0 0 180 160'%3E%3Cg fill='none' stroke='%23d8d4cc' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' opacity='.18'%3E%3Cpath d='M18 26c5-5 12-5 17 0s5 12 0 17-12 5-17 0-5-12 0-17Zm45-7 8 8 11-13M113 22h16m-8-8v16M146 45c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14ZM31 89h23l6 7v-7h9M92 86l6 6 12-12M138 102h22M149 91v22M28 132c10-9 22-9 32 0M87 127h16l5 6 7-14 7 12h13'/%3E%3C/g%3E%3C/svg%3E");
  background-size:180px 160px;
}
.section-inputs .wa-body::-webkit-scrollbar{display:none}
.section-inputs .wa-variable{min-height:0;align-items:start}
.section-inputs .wa-user{
  max-width:58%;
  padding:8px 10px 15px;
  border-radius:13px 13px 4px 13px;
  font-size:11.8px;
  line-height:1.38;
}
.section-inputs .wa-user.wa-media{min-width:205px;max-width:60%}
.section-inputs .wa-meta{right:8px;bottom:4px;font-size:9.8px}
.section-inputs .wa-processing{
  min-height:30px;
  height:30px;
  align-self:start;
  padding:5px 9px;
  border-radius:12px 12px 12px 4px;
}
.section-inputs .wa-processing>span:last-child{font-size:10.8px}
.section-inputs .typing-dots i{width:5px;height:5px}
.section-inputs .wa-response{
  width:fit-content;
  min-width:245px;
  max-width:69%;
  align-self:start;
  padding:9px 10px 9px;
  border-radius:13px 13px 13px 4px;
  font-size:11.6px;
  line-height:1.38;
}
.section-inputs .wa-response>p{margin:0 0 5px;font-size:11.7px;color:#26364d}
.section-inputs .wa-expenses{margin-top:2px}
.section-inputs .wa-expense{
  grid-template-columns:minmax(0,1fr) 66px;
  gap:1px 10px;
  padding:4px 0;
}
.section-inputs .wa-expense>div{gap:0}
.section-inputs .wa-expense strong{font-size:11.5px;font-weight:500}
.section-inputs .wa-expense span{font-size:10.2px;line-height:1.3;color:#7b8797}
.section-inputs .wa-expense b{
  width:66px;
  justify-self:end;
  text-align:right;
  font-size:11.5px;
  color:#263e61;
}
.section-inputs .wa-total{
  display:grid;
  grid-template-columns:1fr 66px;
  align-items:center;
  gap:10px;
  margin-top:3px;
  padding-top:6px;
  font-size:10.8px;
}
.section-inputs .wa-total strong{
  width:66px;
  justify-self:end;
  text-align:right;
  font-size:11.7px;
  color:#162f55;
}
.section-inputs .wa-response-note{display:none}
.section-inputs .wa-composer{
  height:44px;
  grid-template-columns:auto 1fr auto auto;
  gap:7px;
  padding:5px 8px;
}
.section-inputs .wa-composer svg{width:16px;height:16px}
.section-inputs .wa-field{min-height:32px;padding:0 10px;font-size:10.8px}
.section-inputs .wa-send{width:32px;height:32px}
.section-inputs .wa-audio-line{grid-template-columns:27px minmax(80px,1fr) auto;gap:7px}
.section-inputs .wa-play{width:27px;height:27px}
.section-inputs .wa-transcript{font-size:10.5px;margin-top:5px;padding-top:5px}
.section-inputs .wa-photo-preview{width:115px}
.section-inputs .wa-doc{min-width:190px;grid-template-columns:36px 1fr;gap:7px}
.section-inputs .wa-doc-icon{width:36px;height:36px;font-size:9px}
.section-inputs .wa-doc strong{font-size:10.8px}
.section-inputs .wa-doc small{font-size:9.8px}

@media(max-width:760px){
  .section-inputs .input-demo{width:min(100%,430px);min-height:298px}
  .section-inputs .input-panel{min-height:298px}
  .section-inputs .whatsapp-shell{height:298px;max-width:430px;grid-template-rows:46px minmax(0,1fr) 42px}
  .section-inputs .wa-head{height:46px;padding:6px 9px}
  .section-inputs .wa-composer{height:42px;padding:5px 7px}
  .section-inputs .wa-user{max-width:66%}
  .section-inputs .wa-user.wa-media{max-width:68%}
  .section-inputs .wa-response{max-width:76%}
}

@media(max-width:480px){
  .section-inputs .input-demo,
  .section-inputs .input-panel{width:100%;min-height:294px}
  .section-inputs .whatsapp-shell{height:294px;max-width:none;grid-template-rows:44px minmax(0,1fr) 40px;border-radius:17px}
  .section-inputs .wa-head{height:44px;grid-template-columns:32px 1fr auto;padding:5px 8px}
  .section-inputs .wa-avatar{width:31px;height:31px}
  .section-inputs .wa-avatar img{width:24px}
  .section-inputs .wa-actions{gap:8px}
  .section-inputs .wa-actions svg{width:15px;height:15px}
  .section-inputs .wa-body{gap:6px;padding:10px 9px 8px;grid-template-rows:auto 28px minmax(0,1fr)}
  .section-inputs .wa-user{max-width:72%;font-size:11.2px;padding:7px 9px 14px}
  .section-inputs .wa-user.wa-media{min-width:0;max-width:74%}
  .section-inputs .wa-processing{height:28px;min-height:28px;padding:4px 8px}
  .section-inputs .wa-response{min-width:0;max-width:82%;padding:8px 9px;font-size:11.1px}
  .section-inputs .wa-response>p{font-size:11.2px}
  .section-inputs .wa-expense{grid-template-columns:minmax(0,1fr) 62px;gap:1px 8px}
  .section-inputs .wa-expense b,.section-inputs .wa-total strong{width:62px}
  .section-inputs .wa-total{grid-template-columns:1fr 62px}
  .section-inputs .wa-composer{height:40px;padding:4px 6px}
  .section-inputs .wa-field{min-height:30px}
  .section-inputs .wa-send{width:30px;height:30px}
}

@media(prefers-reduced-motion:reduce){
  .section-inputs .wa-variable,
  .section-inputs .wa-processing,
  .section-inputs .wa-response{transition:none!important;transform:none!important}
}

/* V40 — únicamente rotación de 3 ejemplos en flujo notificación → Kipura → gasto organizado */
.hero-mail{min-height:118px;align-content:start}
.hero-mail.is-refreshing{opacity:.18;transform:translateY(3px)}
.hero-process{min-height:64px}
.hero-result{min-height:78px;align-items:center}
.hero-mail-copy small{color:#596a82}
.hero-mail-copy strong{font-size:15px}
.hero-mail-copy span{color:#4e6179}
.hero-mail time{color:#667991}
.hero-process strong{color:#31465f}
.hero-result{background:#edf8fc;border-color:rgba(53,189,232,.18)}
.hero-result-end b{font-weight:600}
.hero-source-note{color:#586c85}

@media(max-width:480px){
  .hero-mail{min-height:112px}
  .hero-process{min-height:58px}
  .hero-result{min-height:74px}
  .hero-mail-copy strong{font-size:14px}
  .hero-mail-copy span{font-size:12px}
}

/* V41 — estabilidad definitiva para “Cuéntaselo como quieras” y “Después, solo pregunta” */
.section-inputs .input-demo{
  width:min(100%,455px);
  min-height:304px;
  justify-self:center;
  contain:layout paint;
}
.section-inputs .input-panel{
  width:100%;
  min-height:304px;
  contain:layout paint;
}
.section-inputs .whatsapp-shell{
  width:100%;
  height:304px;
  max-width:455px;
  margin-inline:auto;
  grid-template-rows:48px minmax(0,1fr) 44px;
  contain:layout paint;
}
.section-inputs .wa-body{
  position:relative;
  overflow:hidden;
  padding:11px 12px 10px;
  background-color:#efeae2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='160' viewBox='0 0 180 160'%3E%3Cg fill='none' stroke='%23d8d4cc' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' opacity='.16'%3E%3Cpath d='M18 26c5-5 12-5 17 0s5 12 0 17-12 5-17 0-5-12 0-17Zm45-7 8 8 11-13M113 22h16m-8-8v16M146 45c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14ZM31 89h23l6 7v-7h9M92 86l6 6 12-12M138 102h22M149 91v22M28 132c10-9 22-9 32 0M87 127h16l5 6 7-14 7 12h13'/%3E%3C/g%3E%3C/svg%3E");
  background-size:180px 160px;
}
.section-inputs .wa-stage{
  position:relative;
  width:100%;
  height:100%;
}
.section-inputs .wa-layer{
  position:absolute;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity .22s var(--ease), transform .22s var(--ease), visibility 0s linear .22s;
}
.section-inputs .wa-layer.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  transition-delay:0s;
}
.section-inputs .wa-variable{
  top:0;
  right:0;
  left:0;
  display:flex;
  justify-content:flex-end;
  opacity:1;
  visibility:visible;
  transform:none;
  transition:opacity .18s var(--ease), transform .18s var(--ease);
}
.section-inputs .wa-variable.is-switching{opacity:.12;transform:translateY(4px)}
.section-inputs .wa-processing,
.section-inputs .wa-response{
  top:94px;
  left:0;
}
.section-inputs .wa-user{
  max-width:60%;
  padding:8px 10px 15px;
  border-radius:13px 13px 4px 13px;
  font-size:11.8px;
  line-height:1.38;
}
.section-inputs .wa-user.wa-media{
  width:min(61%,240px);
  max-width:none;
  min-width:176px;
}
.section-inputs .wa-meta{right:8px;bottom:4px;font-size:9.8px}
.section-inputs .wa-processing{
  min-height:30px;
  padding:5px 9px;
  border-radius:12px 12px 12px 4px;
}
.section-inputs .wa-processing>span:last-child{font-size:10.8px}
.section-inputs .wa-response{
  width:min(70%,292px);
  min-width:0;
  max-width:none;
  padding:9px 10px;
  border-radius:13px 13px 13px 4px;
  font-size:11.6px;
  line-height:1.36;
}
.section-inputs .wa-response>p{margin:0 0 5px;font-size:11.7px;color:#26364d}
.section-inputs .wa-expenses{margin-top:2px}
.section-inputs .wa-expense{
  grid-template-columns:minmax(0,1fr) 66px;
  gap:1px 10px;
  padding:4px 0;
}
.section-inputs .wa-expense:first-child{border-top:0}
.section-inputs .wa-expense>div{gap:0}
.section-inputs .wa-expense strong{font-size:11.5px;font-weight:500}
.section-inputs .wa-expense span{font-size:10.2px;line-height:1.28;color:#7b8797}
.section-inputs .wa-expense b,
.section-inputs .wa-total strong{
  width:66px;
  justify-self:end;
  text-align:right;
}
.section-inputs .wa-expense b{font-size:11.5px;color:#263e61}
.section-inputs .wa-total{
  display:grid;
  grid-template-columns:1fr 66px;
  align-items:center;
  gap:10px;
  margin-top:3px;
  padding-top:6px;
  font-size:10.8px;
}
.section-inputs .wa-total strong{font-size:11.7px;color:#162f55}
.section-inputs .wa-response-note{display:block;margin-top:6px;padding-top:6px;border-top:1px solid rgba(16,24,40,.055);font-size:10.2px;line-height:1.3;color:#6e7a8b}
.section-inputs .wa-audio-line{grid-template-columns:27px minmax(80px,1fr) auto;gap:7px}
.section-inputs .wa-play{width:27px;height:27px}
.section-inputs .wa-transcript{font-size:10.5px;margin-top:5px;padding-top:5px}
.section-inputs .wa-photo-preview{width:108px}
.section-inputs .wa-doc{width:min(61%,236px);min-width:176px;max-width:none;grid-template-columns:36px 1fr;gap:7px}
.section-inputs .wa-doc-icon{width:36px;height:36px;font-size:9px}
.section-inputs .wa-doc strong{font-size:10.7px}
.section-inputs .wa-doc small{font-size:9.8px}
.section-inputs .wa-composer{
  height:44px;
  grid-template-columns:auto 1fr auto auto;
  gap:7px;
  padding:5px 8px;
}
.section-inputs .wa-field{min-height:32px;padding:0 10px;font-size:10.8px}
.section-inputs .wa-send{width:32px;height:32px}

.section-ask .kipura-chat{
  width:min(100%,560px);
  height:360px;
  display:grid;
  grid-template-rows:58px minmax(0,1fr) 44px;
  justify-self:center;
  overflow:hidden;
  contain:layout paint;
}
.section-ask .kipura-chat-head{
  height:58px;
  padding:10px 14px;
  grid-template-columns:40px 1fr auto;
}
.section-ask .kipura-chat-head img{width:36px;height:auto}
.section-ask .kipura-chat-head strong{font-size:13.5px}
.section-ask .kipura-chat-head span{font-size:10.8px}
.section-ask .kipura-chat-body{
  position:relative;
  min-height:0;
  padding:14px;
  overflow:hidden;
  background-color:#efeae2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='160' viewBox='0 0 180 160'%3E%3Cg fill='none' stroke='%23d9d5cd' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round' opacity='.24'%3E%3Cpath d='M18 26c5-5 12-5 17 0s5 12 0 17-12 5-17 0-5-12 0-17Zm45-7 8 8 11-13M113 22h16m-8-8v16M146 45c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14ZM31 89h23l6 7v-7h9M92 86l6 6 12-12M138 102h22M149 91v22M28 132c10-9 22-9 32 0M87 127h16l5 6 7-14 7 12h13'/%3E%3C/g%3E%3C/svg%3E");
  background-size:180px 160px;
}
.section-ask .kipura-question,
.section-ask .kipura-thinking,
.section-ask .kipura-answer{
  position:absolute;
}
.section-ask .kipura-question{
  top:14px;
  right:14px;
  width:min(56%,220px);
  max-width:none;
  padding:10px 12px 17px;
  border-radius:15px 15px 5px 15px;
  font-size:12.2px;
  line-height:1.42;
}
.section-ask .kipura-question .kipura-bubble-text{display:block}
.section-ask .kipura-meta{margin-top:4px;font-size:10.4px}
.section-ask .kipura-thinking,
.section-ask .kipura-answer{
  top:108px;
  left:14px;
}
.section-ask .kipura-thinking{
  width:auto;
  max-width:212px;
  min-height:38px;
  padding:10px 12px;
  border-radius:14px 14px 14px 5px;
}
.section-ask .kipura-answer{
  width:min(70%,332px);
  max-width:none;
  min-height:142px;
  padding:12px 12px 10px;
  border-radius:15px 15px 15px 5px;
  font-size:12px;
  line-height:1.38;
}
.section-ask .ask-summary-card{display:grid;gap:10px}
.section-ask .ask-card-kicker{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#7f8899}
.section-ask .ask-main-total{display:grid;gap:2px}
.section-ask .ask-main-total span{font-size:11px;color:#798595}
.section-ask .ask-main-total strong{font-size:27px;line-height:1;color:#1f3250}
.section-ask .ask-main-total small{font-size:11px;color:#7d8898}
.section-ask .ask-detail-list{display:grid;gap:8px;padding-top:8px;border-top:1px solid rgba(16,24,40,.055)}
.section-ask .ask-detail-item{display:grid;gap:2px}
.section-ask .ask-detail-item span{font-size:10.8px;color:#7a8697}
.section-ask .ask-detail-item strong{font-size:12px;color:#2b3b55;font-weight:600}
.section-ask .ask-answer-note{margin:0;padding-top:8px;border-top:1px solid rgba(16,24,40,.055);font-size:10.8px;line-height:1.35;color:#627086}
.section-ask .kipura-chat-foot{height:44px;padding:0 14px;align-items:center}
.section-ask .kipura-chat-foot span,.section-ask .kipura-chat-foot b{font-size:10.8px}

@media(max-width:760px){
  .section-inputs .input-demo{width:min(100%,430px);min-height:298px}
  .section-inputs .input-panel{min-height:298px}
  .section-inputs .whatsapp-shell{height:298px;max-width:430px;grid-template-rows:46px minmax(0,1fr) 42px}
  .section-inputs .wa-head{height:46px;padding:6px 9px}
  .section-inputs .wa-body{padding:10px 10px 9px}
  .section-inputs .wa-processing,
  .section-inputs .wa-response{top:92px}
  .section-inputs .wa-user{max-width:62%}
  .section-inputs .wa-user.wa-media,
  .section-inputs .wa-doc{width:min(64%,230px)}
  .section-inputs .wa-response{width:min(74%,284px)}
  .section-inputs .wa-composer{height:42px;padding:5px 7px}

  .section-ask .kipura-chat{height:352px;max-width:520px;grid-template-rows:56px minmax(0,1fr) 42px}
  .section-ask .kipura-question{width:min(58%,218px)}
  .section-ask .kipura-answer{width:min(72%,324px)}
}

@media(max-width:480px){
  .section-inputs .input-demo,
  .section-inputs .input-panel{width:100%;min-height:294px}
  .section-inputs .whatsapp-shell{height:294px;max-width:none;grid-template-rows:44px minmax(0,1fr) 40px;border-radius:17px}
  .section-inputs .wa-head{height:44px;grid-template-columns:32px 1fr auto;padding:5px 8px}
  .section-inputs .wa-avatar{width:31px;height:31px}
  .section-inputs .wa-avatar img{width:24px}
  .section-inputs .wa-actions{gap:8px}
  .section-inputs .wa-actions svg{width:15px;height:15px}
  .section-inputs .wa-body{padding:9px 9px 8px}
  .section-inputs .wa-user{max-width:72%;font-size:11.1px;padding:7px 9px 14px}
  .section-inputs .wa-user.wa-media,
  .section-inputs .wa-doc{width:min(76%,210px);min-width:160px}
  .section-inputs .wa-processing,
  .section-inputs .wa-response{top:90px}
  .section-inputs .wa-response{width:min(82%,252px);padding:8px 9px}
  .section-inputs .wa-expense{grid-template-columns:minmax(0,1fr) 58px}
  .section-inputs .wa-expense b,
  .section-inputs .wa-total strong{width:58px}
  .section-inputs .wa-total{grid-template-columns:1fr 58px}
  .section-inputs .wa-composer{height:40px;gap:6px;padding:4px 7px}
  .section-inputs .wa-field{min-height:30px;font-size:10.5px}
  .section-inputs .wa-send{width:30px;height:30px}

  .section-ask .kipura-chat{width:100%;height:338px;border-radius:19px;grid-template-rows:54px minmax(0,1fr) 40px}
  .section-ask .kipura-chat-head{height:54px;grid-template-columns:36px 1fr auto;padding:9px 11px}
  .section-ask .kipura-chat-head img{width:32px}
  .section-ask .kipura-chat-body{padding:12px}
  .section-ask .kipura-question{top:12px;right:12px;width:min(62%,198px);padding:9px 10px 16px;font-size:11.8px}
  .section-ask .kipura-thinking,
  .section-ask .kipura-answer{left:12px;top:96px}
  .section-ask .kipura-thinking{max-width:186px;padding:9px 11px}
  .section-ask .kipura-answer{width:min(80%,274px);min-height:132px;padding:10px 10px 9px;font-size:11.6px}
  .section-ask .ask-main-total strong{font-size:24px}
  .section-ask .kipura-chat-foot{height:40px;padding:0 12px}
  .section-ask .kipura-chat-foot span,.section-ask .kipura-chat-foot b{font-size:10.2px}
}

@media(prefers-reduced-motion:reduce){
  .section-inputs .wa-layer,
  .section-inputs .wa-variable,
  .section-ask .kipura-thinking,
  .section-ask .kipura-answer{transition:none!important}
}

/* V43 — ÚNICAMENTE “Cuéntaselo como quieras”: mockup canónico y estable */
.section-inputs .inputs-grid{align-items:center}
.section-inputs .section-copy{align-self:center}
.section-inputs .input-tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
  width:min(100%,455px);
  max-width:455px;
  height:50px;
  padding:4px;
  overflow:visible;
}
.section-inputs .input-tabs button{
  width:100%;
  min-width:0;
  height:42px;
  min-height:42px;
  padding:0 8px;
  text-align:center;
  font-size:11.7px;
  white-space:nowrap;
}
.section-inputs .input-tabs button::after{left:12px;right:12px}

.section-inputs .input-demo{
  width:min(100%,550px);
  height:370px;
  min-height:370px;
  max-height:370px;
  justify-self:center;
  contain:layout paint size;
}
.section-inputs .input-panel{
  width:100%;
  height:370px;
  min-height:370px;
  max-height:370px;
  contain:layout paint size;
}
.section-inputs .whatsapp-shell{
  width:100%;
  max-width:550px;
  height:370px;
  min-height:370px;
  max-height:370px;
  margin-inline:auto;
  display:grid;
  grid-template-rows:60px minmax(0,1fr) 56px;
  overflow:hidden;
  border-radius:20px;
  contain:layout paint size;
}
.section-inputs .wa-head{
  width:100%;
  height:60px;
  min-height:60px;
  max-height:60px;
  grid-template-columns:42px 1fr auto;
  gap:10px;
  padding:9px 14px;
  align-items:center;
}
.section-inputs .wa-avatar{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  overflow:visible;
  border-radius:0;
  background:transparent;
}
.section-inputs .wa-avatar img{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
  background:transparent;
}
.section-inputs .wa-contact{gap:1px}
.section-inputs .wa-contact strong{font-size:13.5px}
.section-inputs .wa-contact span{font-size:10.8px}
.section-inputs .wa-actions{gap:12px}
.section-inputs .wa-actions svg{width:17px;height:17px}

.section-inputs .wa-body{
  position:relative;
  width:100%;
  height:254px;
  min-height:254px;
  max-height:254px;
  overflow:hidden;
  padding:14px 16px 12px;
  background-color:#efeae2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='160' viewBox='0 0 180 160'%3E%3Cg fill='none' stroke='%23d8d4cc' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' opacity='.15'%3E%3Cpath d='M18 26c5-5 12-5 17 0s5 12 0 17-12 5-17 0-5-12 0-17Zm45-7 8 8 11-13M113 22h16m-8-8v16M146 45c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14ZM31 89h23l6 7v-7h9M92 86l6 6 12-12M138 102h22M149 91v22M28 132c10-9 22-9 32 0M87 127h16l5 6 7-14 7 12h13'/%3E%3C/g%3E%3C/svg%3E");
  background-size:180px 160px;
}
.section-inputs .wa-stage{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}
.section-inputs .wa-layer{
  position:absolute;
  margin:0;
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s linear .22s;
}
.section-inputs .wa-variable{
  inset:0 0 auto 0;
  height:104px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  opacity:1;
  visibility:visible;
  transform:none;
}
.section-inputs .wa-variable.is-switching{opacity:.16;transform:translateY(4px)}
.section-inputs .wa-processing,
.section-inputs .wa-response{
  top:118px;
  left:0;
  right:auto;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
}
.section-inputs .wa-processing.is-visible,
.section-inputs .wa-response.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:0s;
}
.section-inputs .wa-user{
  width:fit-content;
  max-width:60%;
  margin:0;
  padding:9px 11px 16px;
  border-radius:14px 14px 4px 14px;
  font-size:12px;
  line-height:1.38;
}
.section-inputs .wa-user.wa-media{
  width:auto;
  min-width:0;
  max-width:60%;
}
.section-inputs .wa-meta{right:9px;bottom:4px;font-size:9.9px}
.section-inputs .wa-processing{
  width:max-content;
  min-height:32px;
  padding:6px 10px;
  border-radius:13px 13px 13px 4px;
}
.section-inputs .wa-processing>span:last-child{font-size:11px}
.section-inputs .wa-response{
  width:min(70%,305px);
  min-width:0;
  max-width:305px;
  min-height:0;
  max-height:118px;
  overflow:hidden;
  padding:9px 11px;
  border-radius:14px 14px 14px 4px;
  font-size:11.7px;
  line-height:1.34;
}
.section-inputs .wa-response>p{margin:0 0 5px;font-size:11.8px;line-height:1.3}
.section-inputs .wa-expenses{margin-top:0;gap:0}
.section-inputs .wa-expense{
  grid-template-columns:minmax(0,1fr) 68px;
  gap:1px 10px;
  min-height:32px;
  padding:4px 0;
}
.section-inputs .wa-expense:first-child{border-top:0}
.section-inputs .wa-expense strong{font-size:11.5px;line-height:1.2}
.section-inputs .wa-expense span{font-size:10.2px;line-height:1.2;color:#7b8797}
.section-inputs .wa-expense b{
  width:68px;
  justify-self:end;
  align-self:center;
  text-align:right;
  font-size:11.5px;
  line-height:1.2;
}
.section-inputs .wa-total{
  display:grid;
  grid-template-columns:1fr 68px;
  align-items:center;
  gap:10px;
  margin-top:3px;
  padding-top:6px;
  font-size:10.8px;
  line-height:1.2;
}
.section-inputs .wa-total strong{width:68px;justify-self:end;text-align:right;font-size:11.7px}
.section-inputs .wa-response-note{display:none}
.section-inputs .wa-file-result{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding-top:2px}
.section-inputs .wa-file-result strong{grid-column:1/-1;font-size:11.7px;color:#23344f}
.section-inputs .wa-file-result span{font-size:10.3px;color:#778397;white-space:nowrap}
.section-inputs .wa-file-result b{font-size:11.5px;color:#263e61;white-space:nowrap}

.section-inputs .wa-audio-line{grid-template-columns:28px minmax(80px,1fr) auto;gap:7px}
.section-inputs .wa-play{width:28px;height:28px}
.section-inputs .wa-transcript{margin-top:5px;padding-top:5px;font-size:10.5px;line-height:1.25}
.section-inputs .wa-photo-preview{width:84px;padding:4px}
.section-inputs .wa-receipt{gap:2px;padding:6px 7px}
.section-inputs .wa-receipt b,.section-inputs .wa-receipt span,.section-inputs .wa-receipt strong{font-size:9.8px}
.section-inputs .wa-file-caption{margin-top:3px;font-size:10px}
.section-inputs .wa-doc{
  width:auto;
  min-width:205px;
  max-width:238px;
  grid-template-columns:38px 1fr;
  gap:8px;
}
.section-inputs .wa-doc-icon{width:38px;height:38px;font-size:9px}
.section-inputs .wa-doc strong{font-size:10.9px}
.section-inputs .wa-doc small{font-size:9.8px}

.section-inputs .wa-composer{
  width:100%;
  height:56px;
  min-height:56px;
  max-height:56px;
  grid-template-columns:auto 1fr auto auto;
  gap:8px;
  padding:8px 10px;
  align-items:center;
}
.section-inputs .wa-composer svg{width:16px;height:16px}
.section-inputs .wa-field{height:38px;min-height:38px;padding:0 12px;font-size:11px}
.section-inputs .wa-send{width:36px;height:36px}

@media(max-width:760px){
  .section-inputs .input-tabs{width:100%;max-width:455px;height:48px;gap:3px}
  .section-inputs .input-tabs button{height:40px;min-height:40px;padding:0 5px;font-size:11px}
  .section-inputs .input-demo,
  .section-inputs .input-panel{
    width:min(100%,520px);
    height:350px;
    min-height:350px;
    max-height:350px;
  }
  .section-inputs .whatsapp-shell{
    max-width:520px;
    height:350px;
    min-height:350px;
    max-height:350px;
    grid-template-rows:56px minmax(0,1fr) 52px;
  }
  .section-inputs .wa-head{height:56px;min-height:56px;max-height:56px;padding:8px 12px}
  .section-inputs .wa-avatar{width:40px;height:40px}
  .section-inputs .wa-avatar img{width:38px;height:38px}
  .section-inputs .wa-body{height:242px;min-height:242px;max-height:242px;padding:12px 13px 10px}
  .section-inputs .wa-variable{height:98px}
  .section-inputs .wa-processing,.section-inputs .wa-response{top:108px}
  .section-inputs .wa-response{width:min(72%,295px);max-width:295px}
  .section-inputs .wa-composer{height:52px;min-height:52px;max-height:52px;padding:7px 9px}
  .section-inputs .wa-field{height:36px;min-height:36px}
  .section-inputs .wa-send{width:34px;height:34px}
}

@media(max-width:480px){
  .section-inputs .input-tabs{width:100%;max-width:none;height:46px;padding:3px;gap:2px}
  .section-inputs .input-tabs button{height:40px;min-height:40px;padding:0 3px;font-size:10.4px}
  .section-inputs .input-tabs button::after{left:8px;right:8px}
  .section-inputs .input-demo,
  .section-inputs .input-panel{
    width:100%;
    height:334px;
    min-height:334px;
    max-height:334px;
  }
  .section-inputs .whatsapp-shell{
    width:100%;
    max-width:none;
    height:334px;
    min-height:334px;
    max-height:334px;
    grid-template-rows:54px minmax(0,1fr) 50px;
    border-radius:18px;
  }
  .section-inputs .wa-head{height:54px;min-height:54px;max-height:54px;grid-template-columns:38px 1fr auto;padding:7px 10px}
  .section-inputs .wa-avatar{width:38px;height:38px}
  .section-inputs .wa-avatar img{width:36px;height:36px}
  .section-inputs .wa-contact strong{font-size:12.8px}
  .section-inputs .wa-contact span{font-size:10.4px}
  .section-inputs .wa-actions{gap:9px}
  .section-inputs .wa-actions svg{width:15px;height:15px}
  .section-inputs .wa-body{height:230px;min-height:230px;max-height:230px;padding:10px 10px 9px}
  .section-inputs .wa-variable{height:92px}
  .section-inputs .wa-processing,.section-inputs .wa-response{top:100px}
  .section-inputs .wa-user{max-width:70%;padding:8px 9px 14px;font-size:11.3px}
  .section-inputs .wa-user.wa-media{max-width:72%}
  .section-inputs .wa-response{width:min(82%,270px);max-width:270px;max-height:116px;padding:8px 9px}
  .section-inputs .wa-expense{grid-template-columns:minmax(0,1fr) 58px;min-height:30px}
  .section-inputs .wa-expense b,.section-inputs .wa-total strong{width:58px}
  .section-inputs .wa-total{grid-template-columns:1fr 58px}
  .section-inputs .wa-file-result{grid-template-columns:1fr}
  .section-inputs .wa-file-result span{white-space:normal}
  .section-inputs .wa-file-result b{white-space:normal}
  .section-inputs .wa-photo-preview{width:76px}
  .section-inputs .wa-doc{min-width:176px;max-width:210px}
  .section-inputs .wa-composer{height:50px;min-height:50px;max-height:50px;gap:6px;padding:6px 8px}
  .section-inputs .wa-field{height:36px;min-height:36px;font-size:10.6px}
  .section-inputs .wa-send{width:34px;height:34px}
}

@media(prefers-reduced-motion:reduce){
  .section-inputs .wa-layer,.section-inputs .wa-variable{transition:none!important}
}
/* V43 fix: el stage central ocupa siempre toda el área reservada */
.section-inputs .wa-body{display:block!important}
/* V43 final fit: evita cualquier recorte dentro del frame canónico */
.section-inputs .wa-response{padding:7px 9px;max-height:118px}
.section-inputs .wa-response>p{margin-bottom:3px;font-size:11.5px}
.section-inputs .wa-expense{min-height:27px;padding:2px 0}
.section-inputs .wa-expense strong{font-size:11.3px}
.section-inputs .wa-expense span{font-size:9.9px}
.section-inputs .wa-expense b{font-size:11.3px}
.section-inputs .wa-total{margin-top:2px;padding-top:4px;font-size:10.5px}
.section-inputs .wa-total strong{font-size:11.5px}
.section-inputs .wa-photo-preview{width:66px;padding:3px}
.section-inputs .wa-receipt{padding:4px 5px}
.section-inputs .wa-file-caption{font-size:9.8px}
@media(max-width:480px){
  .section-inputs .wa-response{padding:7px 8px}
  .section-inputs .wa-expense{min-height:26px}
  .section-inputs .wa-photo-preview{width:62px}
}

/* V44 — cierre claro refinado + footer móvil centrado. Sin cambios de arquitectura. */
.closing{
  padding:56px 0 60px;
  border-top:1px solid rgba(16,24,40,.045);
  background:#fff;
}
.closing-inner{
  max-width:1100px;
  padding:60px 44px 58px;
  border:1px solid rgba(79,70,229,.10);
  border-radius:24px;
  background:#f1efff;
  text-align:center;
  box-shadow:0 14px 34px rgba(16,24,40,.055);
  overflow:hidden;
}
.closing-content{
  width:min(100%,680px);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.closing-eyebrow{
  display:inline-block;
  margin:0 0 15px;
  color:#5146e5;
  font-size:11px;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.closing-kipura{
  width:82px;
  height:auto;
  max-height:91px;
  object-fit:contain;
  margin:0 0 14px;
}
.closing h2{
  margin:0;
  color:#101828;
  font-size:clamp(40px,4.3vw,54px);
  font-weight:600;
  line-height:1.04;
  letter-spacing:-.035em;
}
.closing-description{
  max-width:650px;
  margin:17px 0 0;
  color:#58657a;
  font-size:16px;
  line-height:1.62;
}
.closing-remate{
  display:block;
  max-width:640px;
  margin:12px 0 0;
  color:#28364d;
  font-size:15px;
  font-weight:600;
  line-height:1.5;
}
.closing-cta{
  -webkit-appearance:none;
  appearance:none;
  width:auto;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin:23px 0 0;
  padding:0 20px;
  border:1px solid #5146e5;
  border-radius:13px;
  background:#5146e5;
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(79,70,229,.12);
  transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.closing-cta:hover{
  background:#463dcb;
  border-color:#463dcb;
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(79,70,229,.15);
}
.closing-cta:focus-visible{
  outline:3px solid rgba(79,70,229,.24);
  outline-offset:4px;
}
.closing-microcopy{
  display:block;
  margin-top:9px;
  color:#69768b;
  font-size:11px;
  line-height:1.45;
}

@media(max-width:760px){
  .closing{padding:50px 0 54px}
  .closing-inner{padding:52px 26px 50px}
  .footer-inner{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    justify-content:center;
    text-align:center;
    gap:7px;
    padding:20px 0;
  }
}

@media(max-width:480px){
  .closing{padding:44px 0 48px}
  .closing-inner{padding:44px 18px 42px;border-radius:20px}
  .closing-eyebrow{margin-bottom:13px;font-size:10px;letter-spacing:.13em}
  .closing-kipura{width:66px;max-height:74px;margin-bottom:12px}
  .closing h2{font-size:clamp(34px,9.4vw,41px);line-height:1.06}
  .closing-description{margin-top:15px;font-size:14px;line-height:1.56}
  .closing-remate{margin-top:10px;font-size:13px;line-height:1.48}
  .closing-cta{min-height:44px;margin-top:20px;padding:0 18px;font-size:12.5px}
  .closing-microcopy{margin-top:8px;font-size:10.5px}
}

@media(prefers-reduced-motion:reduce){
  .closing-cta{transition:none}
}

/* V45 — PASADA RESPONSIVE MÓVIL FINAL. Desktop permanece intacto. */
@media(max-width:1024px){
  .hero-grid{gap:36px}
  .inputs-grid,.ask-grid{gap:34px}
  .section{padding:60px 0}
}

@media(max-width:760px){
  .header-inner{min-height:60px;gap:18px}
  .brand{font-size:22px}
  .coming-pill{min-height:32px;padding:0 12px;font-size:11px}

  .hero{padding:40px 0 48px}
  .hero-grid{gap:28px}
  .hero-copy{max-width:100%}
  .hero h1{margin:12px 0 18px;font-size:clamp(38px,8.7vw,44px);line-height:1.04;letter-spacing:-.03em}
  .lead{font-size:15.5px;line-height:1.58}
  .lead br:first-of-type{display:none}
  .lead br:nth-of-type(2){display:block;content:"";margin-top:13px}

  .section{padding:50px 0}
  .section-copy h2,.section-head h2{font-size:clamp(34px,8.2vw,42px)}
  .section-copy p,.section-head p{font-size:14.5px;line-height:1.6}
  .inputs-grid,.ask-grid{gap:28px}

  .section-inputs .input-tabs{min-height:46px}
  .section-inputs .input-tabs button{min-height:40px}

  .section-organize{padding-top:52px;padding-bottom:52px}
  .section-organize .organize-head{margin-bottom:21px}
  .organized-demo{padding:13px}
  .organized-content{padding-top:15px}

  .section-ask .kipura-chat{max-width:500px}

  .closing{padding:40px 0 44px}
  .closing-inner{padding:46px 24px 44px}
}

@media(max-width:480px){
  .shell{width:min(calc(100% - 24px),var(--max))}
  .header-inner{min-height:58px}
  .brand{font-size:21px}
  .coming-pill{min-height:31px;padding:0 11px;font-size:10.5px}

  .hero{padding:32px 0 42px}
  .hero-grid{gap:22px}
  .hero .eyebrow{font-size:10px;letter-spacing:.12em}
  .hero h1{margin:10px 0 15px;font-size:clamp(34px,9.1vw,39px);line-height:1.045;letter-spacing:-.03em}
  .hero h1 span br{display:none}
  .lead{font-size:15px;line-height:1.56}
  .lead br:nth-of-type(2){margin-top:11px}

  .hero-demo{width:100%;padding:11px 12px 10px;border-radius:18px}
  .hero-demo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}
  .hero-demo-top>div{min-width:0;gap:2px}
  .hero-demo-top small{font-size:9.5px;letter-spacing:.055em;white-space:nowrap}
  .hero-demo-top strong{font-size:13px;line-height:1.25}
  .hero-demo-top .example-label{flex:0 0 auto;min-height:26px;padding:0 8px;font-size:9.5px}

  .hero-mail{min-height:94px;padding:10px 11px;gap:8px 10px;border-radius:14px}
  .gmail-line{gap:7px;font-size:11px}
  .gmail-line img{width:23px}
  .hero-mail-copy{gap:2px}
  .hero-mail-copy small{font-size:9.7px}
  .hero-mail-copy strong{font-size:13.5px}
  .hero-mail-copy span{font-size:11.3px;white-space:nowrap}
  .hero-mail time{font-size:10px;white-space:nowrap}

  .hero-process{min-height:47px;margin:3px 0;padding:3px 3px;gap:8px}
  .hero-process::before{left:22px;top:-3px;bottom:-3px}
  .hero-process>img{width:38px;padding:2px}
  .hero-process small{font-size:9.5px}
  .hero-process strong{font-size:11.3px;line-height:1.25}
  .hero-process .typing-dots{gap:3px}
  .hero-process .typing-dots i{width:5px;height:5px}

  .hero-result{min-height:62px;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px 11px;border-radius:14px}
  .hero-result>div:first-child{gap:2px;min-width:0}
  .hero-result small{font-size:9.5px}
  .hero-result strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero-result span{font-size:11px}
  .hero-result-end{gap:3px}
  .hero-result-status{min-height:19px;padding:0 6px;font-size:9.5px!important}
  .hero-result-end b{font-size:16px;white-space:nowrap}
  .hero-source-note{margin-top:8px;padding-top:8px;font-size:9.8px;line-height:1.35;text-align:center}

  .section{padding:44px 0}
  .section-copy h2,.section-head h2{margin-top:11px;font-size:clamp(31px,8.5vw,36px);line-height:1.04}
  .section-copy p,.section-head p{font-size:14px;line-height:1.56}
  .inputs-grid,.ask-grid{gap:24px}

  .section-inputs .input-tabs{height:44px;min-height:44px;padding:3px;gap:2px}
  .section-inputs .input-tabs button{height:38px;min-height:38px;font-size:10.4px;padding:0 4px}
  .section-inputs .input-demo,
  .section-inputs .input-panel{height:322px;min-height:322px;max-height:322px}
  .section-inputs .whatsapp-shell{height:322px;min-height:322px;max-height:322px;grid-template-rows:52px minmax(0,1fr) 48px}
  .section-inputs .wa-head{height:52px;min-height:52px;max-height:52px}
  .section-inputs .wa-body{height:222px;min-height:222px;max-height:222px;padding:9px 9px 8px}
  .section-inputs .wa-variable{height:88px}
  .section-inputs .wa-processing,.section-inputs .wa-response{top:95px}
  .section-inputs .wa-composer{height:48px;min-height:48px;max-height:48px;padding:5px 7px}
  .section-inputs .wa-field{height:34px;min-height:34px}
  .section-inputs .wa-send{width:32px;height:32px}

  .section-organize{padding-top:46px;padding-bottom:46px}
  .section-organize .organize-head{margin-bottom:19px}
  .section-organize .organize-head h2{font-size:clamp(31px,8.5vw,36px)}
  .organized-demo{padding:12px;border-radius:18px}
  .organized-topbar{gap:10px;padding-bottom:11px}
  .organized-actions{gap:7px}
  .section-organize .space-toggle button{min-height:38px;padding:0 11px}
  .organized-content{gap:15px;padding:14px 1px 0}
  .organized-summary{padding-bottom:15px}
  .organized-total{margin-bottom:15px}
  .organized-total strong{font-size:27px}
  .organized-categories{gap:10px}
  .organized-movement{min-height:60px;padding:8px 0}

  .section-ask .kipura-chat{height:326px;grid-template-rows:52px minmax(0,1fr) 38px}
  .section-ask .kipura-chat-head{height:52px;padding:8px 10px}
  .section-ask .kipura-chat-body{padding:11px}
  .section-ask .kipura-question{top:11px;right:11px;width:min(62%,198px);padding:8px 10px 15px}
  .section-ask .kipura-thinking,.section-ask .kipura-answer{left:11px;top:91px}
  .section-ask .kipura-answer{width:min(80%,270px);min-height:126px;padding:9px}
  .section-ask .ask-summary-card{gap:8px}
  .section-ask .ask-main-total strong{font-size:23px}
  .section-ask .kipura-chat-foot{height:38px;padding:0 10px}

  .closing{padding:36px 0 40px}
  .closing-inner{padding:38px 16px 36px;border-radius:19px}
  .closing-eyebrow{margin-bottom:11px;font-size:9.8px}
  .closing-kipura{width:61px;max-height:69px;margin-bottom:10px}
  .closing h2{font-size:clamp(32px,8.8vw,38px);line-height:1.05}
  .closing-description{margin-top:13px;font-size:13.5px;line-height:1.52}
  .closing-remate{margin-top:9px;font-size:12.8px;line-height:1.45}
  .closing-cta{min-height:42px;margin-top:17px;padding:0 17px;font-size:12px}
  .closing-microcopy{margin-top:7px;font-size:10px}
  .footer-inner{gap:5px;padding:16px 0;min-height:auto}
}

@media(max-width:390px){
  .hero h1{font-size:35px}
  .lead{font-size:14.8px}
  .hero-demo-top strong{font-size:12.6px}
  .hero-demo-top .example-label{font-size:9.2px;padding:0 7px}
  .section-inputs .input-tabs button{font-size:10px;padding:0 3px}
  .organized-actions{flex-direction:row;align-items:center}
  .organized-example{align-self:auto}
  .section-organize .space-toggle button{padding:0 10px}
}

@media(max-width:375px){
  .hero h1{font-size:34px}
  .lead{font-size:14.6px}
  .hero-demo{padding-inline:10px}
  .hero-demo-top{gap:6px}
  .hero-demo-top strong{font-size:12.3px}
  .hero-demo-top .example-label{min-height:25px;font-size:9px;padding:0 6px}
  .section-inputs .input-tabs button{font-size:9.8px;padding:0 2px}
}
@media(max-width:480px){
  .hero h1 span br{display:inline;content:" "}
  .hero h1 span br::after{content:"\00a0"}
}
@media(max-width:480px){
  .section-inputs .inputs-grid{gap:18px}
  .section-ask .ask-grid{gap:14px}
  .section-ask .question-controls{margin-top:16px}
}

/* V46 — cierre definitivo: claridad, conversión y bugfix sin rediseño */
/* La geometría desktop base se conserva; estos ajustes corrigen solo los puntos auditados. */

/* Respuesta de “Después, solo pregunta”: contenido compacto dentro del frame existente. */
.section-ask .kipura-question{
  padding-bottom:11px;
}
.section-ask .kipura-answer{
  min-height:0;
  padding:11px 12px;
}
.section-ask .ask-summary-card{
  display:grid;
  gap:7px;
}
.section-ask .ask-period{
  display:block;
  color:#798595;
  font-size:11px;
  line-height:1.2;
}
.section-ask .ask-total{
  display:block;
  color:#1f3250;
  font-size:26px;
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.section-ask .ask-compact-line{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:baseline;
  gap:7px;
  padding-top:6px;
  border-top:1px solid rgba(16,24,40,.055);
}
.section-ask .ask-compact-line span{
  color:#7a8697;
  font-size:10.8px;
  white-space:nowrap;
}
.section-ask .ask-compact-line strong{
  min-width:0;
  color:#2b3b55;
  font-size:11.8px;
  font-weight:600;
  line-height:1.25;
}

/* El CTA sin destino real fue retirado del HTML; el cierre conserva su composición sin huecos residuales. */
.closing-remate{margin-bottom:0}

/* Tablet 1024: aprovechar el ancho sin afectar desktop ni móvil. */
@media(min-width:901px) and (max-width:1024px){
  .hero{padding:58px 0 64px}
  .hero-grid{
    grid-template-columns:minmax(0,.96fr) minmax(430px,1.04fr);
    gap:30px;
    align-items:center;
  }
  .hero-copy{max-width:470px}
  .hero h1{font-size:42px;line-height:1.035;margin:15px 0 18px}
  .lead{font-size:15.5px;line-height:1.58}
  .hero-demo{width:100%;min-height:392px;padding:19px}
}

@media(max-width:480px){
  /* Touch targets reales de aproximadamente 44 px sin agrandar innecesariamente el selector. */
  .section-inputs .input-tabs{height:50px;min-height:50px}
  .section-inputs .input-tabs button{height:44px;min-height:44px}

  /* Dashboard móvil: tres movimientos son suficientes para demostrar el producto. */
  .organized-movement:nth-child(n+4){display:none}

  /* Respuesta compacta: mismo frame exterior, sin clipping. */
  .section-ask .kipura-question{padding:8px 10px 10px}
  .section-ask .kipura-answer{min-height:0;padding:9px 10px}
  .section-ask .ask-summary-card{gap:6px}
  .section-ask .ask-period{font-size:10.5px}
  .section-ask .ask-total{font-size:23px}
  .section-ask .ask-compact-line{gap:6px;padding-top:5px}
  .section-ask .ask-compact-line span{font-size:10.2px}
  .section-ask .ask-compact-line strong{font-size:11px}

  /* Al retirar el CTA, el cierre no conserva altura artificial. */
  .closing-inner{padding-bottom:34px}
}
