/* Presentación comercial: la vista conceptual no conecta con datos del SaaS. */
/* Verde de canal: reservado para enlaces que abren WhatsApp. */
:root { --whatsapp: #25d366; --whatsapp-hover: #20c760; --whatsapp-ink: #111b21; }
a.button[data-whatsapp], a.whatsapp-float[data-whatsapp] {
  background: var(--whatsapp);
  color: var(--whatsapp-ink);
  border: 1px solid transparent;
  border-radius: 999px;
  gap: 12px;
  max-width: 100%;
  font-weight: 600;
  letter-spacing: 0;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
a.button[data-whatsapp]:hover, a.whatsapp-float[data-whatsapp]:hover {
  background: var(--whatsapp-hover);
  color: var(--whatsapp-ink);
  box-shadow: 0 4px 14px #111b2114;
}
a[data-whatsapp] .whatsapp-icon { display: block; width: 24px; height: 24px; flex: 0 0 24px; object-fit: contain; }
a.button--whatsapp-brand[data-whatsapp] { background: white; min-height: 46px; padding: 9px 16px; }
a.button--whatsapp-brand[data-whatsapp]:hover { background: #f2fcf5; box-shadow: none; }
.whatsapp-wordmark { display: block; width: 116px; height: auto; }
a.whatsapp-float[data-whatsapp] { min-height: 54px; padding: 13px 20px; font-size: 12px; box-shadow: 0 6px 24px #111b2126; }
a.whatsapp-float[data-whatsapp] .whatsapp-icon { width: 26px; height: 26px; flex-basis: 26px; }
a[data-whatsapp]:focus-visible { outline: 3px solid var(--whatsapp-ink); outline-offset: 4px; }
@media (max-width: 760px) {
  a.button--whatsapp-brand[data-whatsapp] { min-height: 44px; padding: 8px 10px; }
  .whatsapp-wordmark { width: 103px; }
  a.whatsapp-float[data-whatsapp] { width: 56px; height: 56px; padding: 14px; justify-content: center; right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { a[data-whatsapp] { transition: none !important; transform: none !important; } }
:root{--app-bg:#111827;--app-panel:#1f2937;--app-muted:#cbd5e1;--app-success:#047857}
.product{padding:90px 0 60px}.product__intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.product h2,.manifesto h2,.local-fit h2,.path h2,.faq h2{font-family:var(--body);font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-.055em;font-weight:600;text-transform:none}.product__intro>p{max-width:440px;color:var(--muted);font-size:13px;line-height:1.85}.product__switch{display:flex;gap:6px;margin:22px 0 24px;border-bottom:1px solid var(--line);padding-bottom:12px}.product__switch button{appearance:none;border:1px solid transparent;background:none;color:var(--muted);padding:13px 20px;font:500 12px var(--body);cursor:pointer}.product__switch button[aria-pressed=true]{background:var(--ink);color:white}.product__switch button:hover{border-color:var(--ink)}.product__switch button:focus-visible{outline:3px solid var(--cta);outline-offset:3px}.product__disclosure{font-size:10px;color:var(--muted);margin-bottom:16px;line-height:1.7}.product__disclosure>span{color:var(--cta);font-weight:700;letter-spacing:.08em;margin-right:12px}.product__panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;background:#e9ece6;padding:45px}.product__panel[hidden]{display:none}.role-label{font-size:9px;letter-spacing:.12em;color:var(--cta);font-weight:600}.product__story h3{font:600 clamp(24px,2.5vw,34px)/1.2 var(--body);letter-spacing:-.04em;margin:20px 0}.product__story p,.product__story li{font-size:12px;line-height:1.85;color:var(--muted)}.product__story ul{padding-left:18px;margin-top:25px}.product__story li{padding:4px 0}.app-preview{background:var(--app-bg);color:#f8fafc;border:1px solid #374151;border-radius:12px;overflow:hidden;box-shadow:0 16px 35px #11182715;min-width:0}.app-preview__top{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #374151}.app-preview__top strong{font-size:12px}.app-preview__top strong span{color:#fb923c}.app-preview__top>span{font-size:9px;color:var(--app-muted)}.app-preview__body{padding:28px}.app-preview__eyebrow{font-size:9px;letter-spacing:.1em;color:var(--app-muted);margin-bottom:9px}.app-preview h4{font-size:22px;line-height:1.4;letter-spacing:-.04em;margin:0 0 26px}.app-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.app-metrics>div{background:var(--app-panel);padding:16px;border-radius:6px}.app-metrics span{font-size:9px;display:block;color:var(--app-muted)}.app-metrics strong{display:block;font-size:30px;line-height:1.4;margin-top:7px;font-weight:500}.app-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #374151;padding:17px 0}.app-row strong{font-size:11px;font-weight:500}.app-row p{color:var(--app-muted);font-size:10px;line-height:1.7;margin:4px 0 0}.app-status{color:#fdba74;background:#7c2d1240;padding:5px 9px;font-size:8px;border-radius:3px;white-space:nowrap}.app-status--ok{color:white;background:var(--app-success)}.app-preview small{display:block;color:var(--app-muted);font-size:8px;margin-top:18px}.app-session{display:flex;gap:20px;align-items:center;background:var(--app-panel);padding:22px;border-radius:6px;margin-bottom:20px}.app-session>span{font-size:29px;letter-spacing:-.04em}.app-session strong{font-size:12px}.app-session p{font-size:10px;color:var(--app-muted);margin:6px 0 0}.app-track{height:4px;background:#374151;margin:8px 0 24px}.app-track span{display:block;width:75%;height:100%;background:#fb923c}.product__footnote{font-size:10px;color:var(--muted);margin:18px 0 0}.manifesto{padding-top:45px}.feature h3{font:600 18px/1.4 var(--body);letter-spacing:-.04em;text-transform:none;max-width:none}.feature-grid{margin-bottom:75px}.local-fit{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:55px 0 85px;border-top:1px solid var(--line)}.local-fit>div>p:last-child{color:var(--muted);font-size:13px;max-width:390px}.local-fit__items article{display:flex;align-items:flex-start;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.local-fit__items article:first-child{padding-top:0}.local-fit__items article>span{font-size:20px;min-width:32px;color:var(--cta);font-weight:600}.local-fit__items h3{font-size:14px;margin:0 0 9px;font-weight:600}.local-fit__items p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.pilot__content>p.pilot__terms-note{font-size:10px;line-height:1.7;margin-bottom:22px}.pilot__price strong{font-size:38px}.hero .eyebrow{max-width:430px;line-height:1.8}.path li strong{font:600 17px/1.4 var(--body);text-transform:none}.hero__note{line-height:1.7}
@media(max-width:1000px){.product__intro{gap:35px}.product__panel{gap:25px;padding:30px;grid-template-columns:.8fr 1.2fr}.local-fit{gap:40px}.app-preview__body{padding:20px}.app-metrics>div{padding:12px}.app-preview__top{padding:15px}.app-preview__top>span{max-width:120px}}
@media(max-width:760px){.product{padding:55px 0 35px}.product__intro{grid-template-columns:1fr;gap:4px}.product__intro>p{font-size:12px}.product__switch{margin-top:12px;gap:0}.product__switch button{padding:13px 15px;font-size:11px;flex:1}.product__panel{grid-template-columns:1fr;padding:25px 18px;gap:25px}.product__story h3{font-size:28px}.product__story ul{margin:12px 0 0}.app-preview__body{padding:18px}.app-preview h4{font-size:20px}.app-preview__top{flex-wrap:wrap;gap:7px}.app-preview__top>span{max-width:none;font-size:8px}.app-metrics{gap:7px}.app-metrics>div{padding:10px 7px}.app-metrics strong{font-size:25px}.app-metrics span{font-size:8px;line-height:1.5}.app-row strong{font-size:10px}.app-row p{font-size:9px}.app-session{padding:14px;gap:12px}.app-session>span{font-size:24px}.app-session strong{font-size:11px}.app-session p{font-size:9px}.manifesto{padding-top:30px}.feature h3{font-size:16px}.local-fit{grid-template-columns:1fr;gap:20px;padding:40px 0 55px}.local-fit h2{font-size:32px}.local-fit__items article{gap:14px}.path h2,.faq h2{font-size:32px}.product__disclosure{font-size:9px}.product__disclosure span{display:block}.hero .eyebrow{font-size:9px}.hero__actions .button{font-size:12px}.pilot__price strong{font-size:36px}}