:root {
  --ink: #0b2523;
  --ink-2: #163b37;
  --paper: #f8f7f2;
  --surface: #fffefa;
  --mint: #dff8ec;
  --green: #007a59;
  --green-2: #009e70;
  --lime: #b8f979;
  --amber: #f4b84a;
  --rose: #e86868;
  --line: rgba(11, 37, 35, .13);
  --muted: #56706c;
  --shadow: 0 24px 70px rgba(17, 70, 62, .12);
  --shadow-soft: 0 12px 35px rgba(17, 70, 62, .08);
  --shadow-tight: 0 7px 18px rgba(17, 70, 62, .09);
  --radius: 24px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font: 400 1rem/1.65 Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -2;
  background:
    radial-gradient(circle at 88% 8%, rgba(0, 174, 121, .13), transparent 25rem),
    radial-gradient(circle at 4% 34%, rgba(244, 184, 74, .1), transparent 23rem),
    linear-gradient(rgba(11,37,35,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,37,35,.018) 1px, transparent 1px);
  background-size: auto, auto, 42px 42px, 42px 42px;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--amber); outline-offset: 3px; }
.skip { position: fixed; left: 1rem; top: -5rem; z-index: 100; background: var(--ink); color: white; padding: .75rem 1rem; border-radius: 10px; }
.skip:focus { top: 1rem; }
.container { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
.section { padding: clamp(4rem, 8vw, 7.5rem) 0; }
.section-sm { padding: 3.5rem 0; }
.eyebrow { margin: 0 0 1rem; color: var(--green); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; font-size: .875rem; }
h1, h2, h3 { font-family: Manrope, Inter, sans-serif; line-height: 1.08; letter-spacing: -.04em; margin: 0; }
h1 { font-size: clamp(2.8rem, 7vw, 6.4rem); max-width: 980px; }
h2 { font-size: clamp(2.1rem, 4.5vw, 4rem); max-width: 860px; }
h3 { font-size: 1.25rem; letter-spacing: -.02em; }
.lead { font-size: clamp(1.08rem, 2vw, 1.35rem); color: var(--muted); max-width: 760px; line-height: 1.65; }
.muted { color: var(--muted); }
.center { text-align: center; margin-inline: auto; }
.topbar { position:relative; overflow:hidden; background:linear-gradient(90deg,#071c1a,#103b35 50%,#071c1a); color: #dff8ec; font-size: .84rem; text-align: center; padding: .55rem 1rem; }
.topbar::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 20%,rgba(216,255,114,.09),transparent 80%); }
.topbar a { color: var(--lime); font-weight: 800; text-decoration: none; }
.nav-wrap { position: sticky; top: 0; z-index: 50; background: rgba(248,247,242,.86); border-bottom: 1px solid rgba(11,37,35,.09); backdrop-filter: blur(22px) saturate(130%); box-shadow:0 4px 20px rgba(11,37,35,.025); }
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand { display: flex; align-items: center; gap: .72rem; text-decoration: none; font-family:Manrope,Inter,sans-serif; font-weight: 800; font-size:1.08rem; letter-spacing: -.04em; }
.brand-mark { width: 42px; aspect-ratio: 1; border-radius: 13px; display: grid; place-items: center; color: transparent; font-size:0; background: url('../img/cliente365-mark.svg?v=2') center/contain no-repeat; box-shadow: 0 8px 20px rgba(11,37,35,.15); transition:transform .25s ease,box-shadow .25s ease; }
.brand:hover .brand-mark { transform:rotate(-4deg) scale(1.04); box-shadow:0 12px 26px rgba(11,37,35,.2); }
.brand-mark span { display:none; }
.brand > span:last-child { line-height:1.05; font-size:1.08rem; color:var(--ink); }
.brand > span:last-child::before,.brand > span:last-child::after { content:none; }
.brand small { display: block; color: var(--muted); font-family:Inter,sans-serif; font-size: .61rem; font-weight: 800; letter-spacing: .1em; text-transform:uppercase; margin-top:.28rem; }
.footer .brand > span:last-child { color:#fff; }
.nav-links { display: flex; align-items: center; gap: 1.4rem; }
.nav-links a { position:relative; text-decoration: none; font-size: .9rem; font-weight: 750; }
.nav-links > a:not(.btn)::after { content:""; position:absolute; left:0; right:100%; bottom:-.48rem; height:2px; border-radius:2px; background:var(--green); transition:right .22s ease; }
.nav-links > a:not(.btn):hover::after,.nav-links > a[aria-current="page"]::after { right:0; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--green); }
.menu-btn { display: none; background: transparent; border: 0; color: var(--ink); font-size: 1.7rem; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 50px; padding: .8rem 1.28rem; border-radius: 999px; border: 1px solid var(--ink); text-decoration: none; font-weight: 800; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.btn:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(11,37,35,.14); }
.btn-primary { background: linear-gradient(135deg,#102f2c,#071c1a); color: white; box-shadow:inset 0 1px rgba(255,255,255,.12); }
.btn-primary .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); }
.btn-green { background: var(--green); color: white; border-color: var(--green); }
.btn-ghost { background: transparent; color: var(--ink); }
.btn-light { background: white; color: var(--ink); border-color: white; }
.hero { position: relative; padding: clamp(4rem, 8vw, 8rem) 0 5rem; overflow: clip; }
.hero::before { content:""; position:absolute; width:36rem; height:36rem; right:-16rem; top:-17rem; border:1px solid rgba(0,142,103,.16); border-radius:50%; box-shadow:0 0 0 70px rgba(0,142,103,.035),0 0 0 140px rgba(0,142,103,.02); pointer-events:none; }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.hero h1 em { color: var(--green); font-style: normal; }
.hero .lead { margin: 1.5rem 0 2rem; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.trust-row { display: flex; flex-wrap: wrap; gap: .65rem 1.2rem; margin-top: 1.5rem; color: var(--muted); font-size: .88rem; }
.trust-row span { display: inline-flex; gap: .4rem; align-items: center; }
.trust-row b { color: var(--green); }
.app-shell { position: relative; border-radius: 30px; background: #f9fbfa; border: 1px solid rgba(11,37,35,.12); box-shadow: var(--shadow); overflow: hidden; transform: rotate(.45deg); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.app-shell:hover { transform:rotate(0deg) translateY(-6px); }
.app-shell::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; box-shadow: inset 0 1px rgba(255,255,255,.8); pointer-events: none; }
.app-top { display: flex; align-items: center; gap: .45rem; padding: .9rem 1rem; border-bottom: 1px solid var(--line); background: white; }
.app-top i { width: 8px; height: 8px; border-radius: 50%; background: #d9dfde; }
.app-top strong { margin-left: .45rem; font-size: .74rem; color: var(--muted); }
.app-body { display: grid; grid-template-columns: 170px 1fr; min-height: 430px; }
.app-side { padding: 1rem .75rem; background: #0f332f; color: white; }
.app-logo { width:34px;height:34px;font-size:0;background:url('../img/cliente365-mark.svg?v=2') center/contain no-repeat;margin-bottom:1.2rem;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18)); }
.app-side span { display: block; padding: .58rem .7rem; border-radius: 10px; font-size: .76rem; margin: .25rem 0; color: #b9d1cd; }
.app-side .active { background: var(--green); color: white; }
.app-main { padding: 1.15rem; overflow: hidden; }
.app-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.app-title b { font-size: .92rem; }
.app-title small { color: var(--rose); font-weight: 700; }
.mock-search { border: 1px solid var(--line); background: white; border-radius: 12px; padding: .65rem; color: #81918f; font-size: .72rem; }
.chat-row { display: grid; grid-template-columns: 34px 1fr auto; gap: .65rem; align-items: center; padding: .78rem .1rem; border-bottom: 1px solid var(--line); }
.avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--mint); color: var(--green); font-size: .72rem; font-weight: 800; }
.chat-row b { display: block; font-size: .73rem; }.chat-row span { display: block; color: var(--muted); font-size: .62rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 210px; }
.chat-row time { font-size: .59rem; color: var(--muted); }
.float-card { position: absolute; right: -2rem; bottom: 1.2rem; padding: 1rem 1.15rem; border-radius: 18px; background: var(--lime); box-shadow: var(--shadow); transform: rotate(-3deg); }
.float-card strong { display: block; font-family: Manrope; font-size: 1.8rem; line-height: 1; }.float-card span { font-size: .72rem; font-weight: 700; }
.logo-strip { border-block: 1px solid var(--line); background: rgba(255,255,255,.5); }
.logo-strip .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; }
.proof { padding: 1.3rem; text-align: center; border-right: 1px solid var(--line); }
.proof:last-child { border: 0; }.proof b { display: block; font-family: Manrope; font-size: 1.05rem; }.proof span { font-size: .8rem; color: var(--muted); }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.card { position:relative; overflow:hidden; background: rgba(255,254,250,.88); border: 1px solid rgba(11,37,35,.11); border-radius: var(--radius); padding: clamp(1.35rem, 3vw, 2rem); box-shadow:var(--shadow-soft); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.card::after { content:""; position:absolute; width:110px; height:110px; right:-70px; top:-70px; border-radius:50%; background:rgba(0,174,121,.08); transition:transform .3s ease; }
.card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:rgba(0,122,89,.25); }
.card:hover::after { transform:scale(1.35); }
.card .icon { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background:linear-gradient(145deg,#eafff4,#d2f5e5); border:1px solid rgba(0,142,103,.13); color: var(--green); font-family:Manrope,sans-serif; font-weight: 900; margin-bottom: 1.2rem; box-shadow:var(--shadow-tight); }
.card p { color: var(--muted); margin-bottom: 0; }
.story { display: grid; grid-template-columns: .75fr 1.25fr; gap: 3rem; align-items: start; }
.sticky { position: sticky; top: 110px; }
.steps { counter-reset: step; display: grid; gap: .85rem; }
.step { counter-increment: step; display: grid; grid-template-columns: 54px 1fr; gap: 1rem; background: rgba(255,254,250,.9); border: 1px solid var(--line); border-radius: 20px; padding: 1.25rem; box-shadow:var(--shadow-soft); transition:transform .2s ease,border-color .2s ease; }
.step:hover { transform:translateX(5px); border-color:rgba(0,142,103,.3); }
.step::before { content: counter(step, decimal-leading-zero); width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--mint);font-family: Manrope; font-weight: 900; color: var(--green); }
.step p { margin: .35rem 0 0; color: var(--muted); }
.demo-band { position:relative; background:linear-gradient(145deg,#061a18,#0d302c 62%,#0b2523); color: white; overflow: hidden; }
.demo-band::before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(200,243,93,.09),transparent 28rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;pointer-events:none; }
.demo-band .container { position:relative; }
.demo-band .muted { color: #b9d1cd; }
.tabs { display: flex; gap: .5rem; flex-wrap: wrap; margin: 2rem 0 1rem; }
.tab { border: 1px solid rgba(255,255,255,.2); color: #d7e5e2; background: transparent; border-radius: 999px; padding: .65rem .95rem; cursor: pointer; font-weight: 800; }
.tab[aria-selected="true"] { background: var(--lime); color: var(--ink); border-color: var(--lime); }
.demo-panel { display: none; background: #f5f8f7; color: var(--ink); min-height: 390px; border-radius: 24px; padding: 1.2rem; }
.demo-panel.active { display: block; animation: reveal .25s ease; }
@keyframes reveal { from { opacity: 0; transform: translateY(8px); } }
.kanban { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; }
.kanban-col { background: #e9efed; border-radius: 15px; padding: .75rem; min-height: 250px; }
.kanban-col h4 { margin: 0 0 .7rem; font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; }
.deal { background: white; border: 1px solid var(--line); border-radius: 12px; padding: .7rem; margin-bottom: .55rem; }
.deal b { display: block; font-size: .75rem; }.deal span { color: var(--green); font-size: .7rem; font-weight: 800; }
.catalog { width: 100%; border-collapse: collapse; font-size: .78rem; }.catalog th, .catalog td { padding: .7rem; border-bottom: 1px solid var(--line); text-align: left; }.catalog th { color: var(--muted); }
.order-card { background: white; border: 1px solid var(--line); border-radius: 16px; padding: 1rem; }
.order-head { display: flex; justify-content: space-between; gap: 1rem; }.status { background: var(--mint); color: var(--green); border-radius: 999px; padding: .2rem .55rem; font-size: .7rem; font-weight: 800; }
.quote { font-family: Manrope; font-size: clamp(1.6rem, 3vw, 2.7rem); line-height: 1.25; letter-spacing: -.03em; }
.compare { width: 100%; border-collapse: collapse; background: var(--surface); border-radius: 20px; overflow: hidden; box-shadow: 0 0 0 1px var(--line); }
.compare th, .compare td { padding: 1rem; border-bottom: 1px solid var(--line); text-align: left; }.compare th { font-size: .8rem; color: var(--muted); }.compare td:not(:first-child), .compare th:not(:first-child) { text-align: center; }.yes { color: var(--green); font-weight: 900; }
.price-card { display: flex; flex-direction: column; min-height: 100%; }.price-card.featured { background: var(--ink); color: white; transform: translateY(-12px); }.price-card.featured .muted, .price-card.featured p { color: #b9d1cd; }.price { font-family: Manrope; font-weight: 900; font-size: 2.4rem; letter-spacing: -.05em; margin: 1rem 0 .2rem; }.price small { font-family: Inter; font-size: .85rem; letter-spacing: 0; font-weight: 600; }.clean-list { list-style: none; padding: 0; margin: 1.25rem 0; }.clean-list li { margin: .65rem 0; padding-left: 1.4rem; position: relative; }.clean-list li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }.price-card.featured .clean-list li::before { color: var(--lime); }.price-card .btn { margin-top: auto; }
.notice { border-left: 4px solid var(--amber); background: #fff5df; padding: 1.1rem 1.2rem; border-radius: 0 14px 14px 0; }
.page-hero { padding: 5rem 0 3rem; }.page-hero h1 { max-width: 900px; font-size: clamp(2.6rem, 6vw, 5.2rem); }.page-hero .lead { margin-top: 1.5rem; }
.feature-row { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; padding: 3rem 0; border-bottom: 1px solid var(--line); }.feature-row:nth-child(even) > :first-child { order: 2; }
.screen { border-radius: 25px; background:linear-gradient(145deg,#edf3f1,#f9fbfa); border: 1px solid rgba(11,37,35,.12); padding: 1rem; box-shadow:var(--shadow); transform:perspective(900px) rotateY(-.6deg); }.screen-bar { display: flex; gap: .35rem; margin-bottom: .75rem; }.screen-bar i { width: 7px; height: 7px; border-radius: 50%; background: #cbd5d2; }.screen-bar i:first-child{background:#ff8277}.screen-bar i:nth-child(2){background:#f4c45c}.screen-bar i:nth-child(3){background:#42c994}.screen-content { min-height: 240px; border-radius: 16px; background: white; padding: 1rem; box-shadow:inset 0 0 0 1px rgba(11,37,35,.035); }
.ai-orbit { min-height: 420px; border-radius: 50%; display: grid; place-items: center; background: radial-gradient(circle, var(--mint), rgba(223,248,236,.25) 42%, transparent 43%); position: relative; }.ai-core { width: 150px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; text-align: center; background: var(--ink); color: white; font-weight: 900; }.ai-chip { position: absolute; background: white; padding: .7rem 1rem; border-radius: 999px; box-shadow: var(--shadow); font-weight: 800; font-size: .82rem; }.ai-chip:nth-child(2){top:12%;left:8%}.ai-chip:nth-child(3){top:18%;right:4%}.ai-chip:nth-child(4){bottom:16%;left:1%}.ai-chip:nth-child(5){bottom:10%;right:8%}
.faq { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }.faq-q { width: 100%; display: flex; justify-content: space-between; gap: 1rem; padding: 1.25rem 0; text-align: left; color: var(--ink); background: none; border: 0; cursor: pointer; font-weight: 800; }.faq-a { display: none; color: var(--muted); max-width: 850px; padding: 0 0 1.25rem; }.faq-item.open .faq-a { display: block; }.faq-item.open .faq-q span { transform: rotate(45deg); }
.calc { display: grid; grid-template-columns: 1fr .8fr; gap: 1.4rem; align-items: stretch; }.form-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 2rem; }.field { margin-bottom: 1.1rem; }.field label { display: block; font-weight: 800; margin-bottom: .4rem; }.field small { color: var(--muted); }.field input, .field select, .field textarea { width: 100%; min-height: 50px; padding: .78rem 1rem; border: 1px solid rgba(11,37,35,.22); border-radius: 12px; background: white; color: var(--ink); }.field textarea { min-height: 130px; resize: vertical; }.result { display: flex; flex-direction: column; justify-content: center; background: var(--ink); color: white; border-radius: var(--radius); padding: 2rem; }.result-number { color: var(--lime); font: 900 clamp(2.8rem, 6vw, 5rem)/1 Manrope; letter-spacing: -.06em; }.result .muted { color: #b9d1cd; }
.consent { display: flex; gap: .75rem; align-items: flex-start; font-size: .88rem; color: var(--muted); }.consent input { margin-top: .35rem; }
.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2rem; }.contact-list a { display: block; text-decoration: none; padding: 1rem 0; border-bottom: 1px solid var(--line); font-weight: 800; }
.cta-band { position:relative;overflow:hidden;background:linear-gradient(135deg,#007b5b,#009e70 55%,#08765d); color: white; border-radius: 34px; padding: clamp(2rem, 5vw, 4.5rem); display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; box-shadow:0 30px 80px rgba(0,142,103,.22); }.cta-band::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-120px;top:-150px;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.025)}.cta-band>*{position:relative;z-index:1}.cta-band h2 { font-size: clamp(2rem, 4vw, 3.6rem); }.cta-band p { color: #d9fff1; }
.footer { margin-top: 5rem; background: var(--ink); color: white; padding: 4rem 0 2rem; }.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 2rem; }.footer h3 { font-size: 1rem; margin-bottom: 1rem; }.footer a { display: block; color: #b9d1cd; text-decoration: none; margin: .45rem 0; font-size: .9rem; }.footer a:hover { color: var(--lime); }.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 2.5rem; padding-top: 1.4rem; color: #92aaa6; font-size: .82rem; display: flex; justify-content: space-between; gap: 1rem; }
.wa-float { position: fixed; z-index: 45; right: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom)); width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; color:transparent;font-size:0; background:#009e70 url('../img/whatsapp.svg') center/36px no-repeat; text-decoration: none; border:2px solid rgba(255,255,255,.8); box-shadow: 0 14px 32px rgba(0,122,89,.28); transition:transform .2s ease,box-shadow .2s ease; }
.wa-float:hover{transform:translateY(-4px) rotate(-4deg);box-shadow:0 20px 45px rgba(0,142,103,.38)}
.wa-float.is-hidden{opacity:0;transform:translateY(12px) scale(.9);pointer-events:none}
.kpi { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 1.2rem; }.kpi strong { display: block; font: 900 2rem Manrope; color: var(--green); }.kpi span { color: var(--muted); font-size: .82rem; }
.legal { max-width: 850px; }.legal h2 { font-size: 1.8rem; margin-top: 2.5rem; }.legal h3 { margin-top: 1.5rem; }.legal li, .legal p { color: var(--muted); }

@media (max-width: 980px) {
  .nav-links { position: fixed; inset: 76px 1rem auto; display: none; flex-direction: column; align-items: stretch; padding: 1.2rem; border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); border: 1px solid var(--line); }
  .nav-links.open { display: flex; }.menu-btn { display: block; }.nav-links .btn { width: 100%; }
  .hero-grid, .story, .calc, .contact-grid { grid-template-columns: 1fr; }.hero h1 { max-width: 760px; }.app-shell { max-width: 680px; margin-inline: auto; }.sticky { position: static; }.grid-4 { grid-template-columns: repeat(2,1fr); }.grid-3 { grid-template-columns: 1fr 1fr; }.feature-row { gap: 1.5rem; }.cta-band { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  body { padding-bottom: 68px; }.topbar { font-size: .82rem; }.brand small { display:none; }.section { padding: 4rem 0; }.hero { padding-top: 3rem; }.hero-grid, .grid-2, .grid-3, .grid-4, .feature-row { grid-template-columns: 1fr; }.feature-row:nth-child(even) > :first-child { order: initial; }.logo-strip .container { grid-template-columns: 1fr 1fr; }.proof:nth-child(2) { border-right: 0; }.app-body { grid-template-columns: 95px 1fr; min-height: 370px; }.app-side span { padding: .5rem .35rem; font-size: .62rem; }.float-card { right: .4rem; bottom: -.8rem; }.kanban { grid-template-columns: 1fr 1fr; }.compare { min-width: 700px; }.table-scroll { overflow-x: auto; }.price-card.featured { transform:none; }.footer-grid { grid-template-columns: 1fr; }.footer-bottom { flex-direction: column; }.actions .btn { width: 100%; }.ai-orbit { min-height: 330px; }.ai-chip { font-size: .75rem; padding: .55rem .7rem; }.page-hero { padding-top: 3rem; }.page-hero h1 { font-size:clamp(2.35rem,10.5vw,3.15rem); }.wa-float{width:50px;height:50px;border-radius:16px;background-size:31px;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));}
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* Logotipo Cliente365 v1.0 (concepto Continuo): una sola palabra, aval fuera de la marca */
.brand-logo{display:block;height:40px;width:auto;max-width:none}
.brand:hover .brand-logo{opacity:.92}
.footer .brand-logo{height:44px}
.brand-endorse{margin:.7rem 0 0;color:#92aaa6;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:700px){.brand-logo{height:34px}.footer .brand-logo{height:40px}}