@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lato-400.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/lato-700.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/lato-900.woff2') format('woff2')}

/* Estilos de referencia de la nueva web de imbee.
   Extraídos del prototipo. Los selectores globales (body, h1, a, ul...) hay que acotarlos
   al contenedor de la web nueva al integrarlos en el tema; ver ESPECIFICACION.md, apartado 6. */
/* Layout: columna de 1160px, texto a la izquierda y el producto en pantalla a la derecha;
   en las páginas de producto, cada ventaja es una fila con su maqueta al lado. */
:root{
  --bg:#FAF8F8; --surface:#FFFFFF; --ink:#16181D; --ink-soft:#4A4E57; --muted:#6E727B;
  --line:#E5E1E1; --brand:#CC0000; --brand-tint:#FBE9E9; --ok:#1F7044;
  --panel:#14171C; --panel-2:#1E232B; --panel-ink:#F4F4F5; --panel-soft:#B9BCC3; --panel-line:#2E333C; --panel-accent:#FF6B5E;
  --chart-a:#EE5348; --chart-b:#8B919C; --ok-on-panel:#7BD9A4;
  --font:"Lato",Arial,Helvetica,sans-serif; --display:"Lato",Arial,Helvetica,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --w:1160px;
  --logo-claro:url("../img/imbee-rojo.png"); --logo-oscuro:url("../img/imbee-blanco.png"); --logo:var(--logo-claro);
}
/* Tema oscuro desactivado por defecto.
@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --bg:#101216; --surface:#181B21; --ink:#F1F2F4; --ink-soft:#C6C9D0; --muted:#989DA7;
    --line:#2B2F37; --brand:#FF5A4F; --brand-tint:#351819; --ok:#5CC48A;
    --panel:#1B1F26; --panel-2:#252A33; --panel-line:#363C47; --logo:var(--logo-oscuro);
  }
}
*/
.imbee *{box-sizing:border-box}
.imbee{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55}
.imbee h1,.imbee h2,.imbee h3,.imbee h4,.imbee p,.imbee ul,.imbee ol,.imbee figure{margin:0}
.imbee ul,.imbee ol{padding:0;list-style:none}
.imbee a{color:inherit}
.imbee h1,.imbee h2,.imbee h3{text-wrap:balance;letter-spacing:-0.01em}
.imbee h1,.imbee h2{font-family:var(--display);letter-spacing:-0.025em}
.imbee h1{font-weight:700;font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.04}
.imbee h2{font-weight:700;font-size:clamp(1.65rem,3.1vw,2.45rem);line-height:1.12}
.imbee h3{font-weight:700;font-size:1.2rem;line-height:1.25}
.imbee .wrap{max-width:var(--w);margin-inline:auto;padding-inline:24px}
.imbee .kicker{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.imbee .lead{font-size:1.2rem;color:var(--ink-soft);max-width:60ch}
.imbee .soft{color:var(--ink-soft)}
.imbee .small{font-size:.9rem;color:var(--muted)}
.imbee .stack{display:flex;flex-direction:column;gap:16px}
.imbee .stack-l{display:flex;flex-direction:column;gap:28px}
.imbee .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.imbee .hero>*,.imbee .cols-2>*,.imbee .cols-3>*,.imbee .cols-4>*,.imbee .feat>*{min-width:0}
/* Cabecera */
.imbee .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.imbee .top .wrap{display:flex;align-items:center;gap:20px;padding-block:12px;flex-wrap:wrap}
.imbee .logo{display:block;width:124px;height:54px;background-image:var(--logo);background-repeat:no-repeat;background-position:left center;background-size:contain;text-decoration:none;font-size:0;color:transparent}
.imbee .nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-left:auto}
.imbee .nav a,.imbee .nav summary{font-weight:700;font-size:.97rem;text-decoration:none;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--ink)}
.imbee .nav a:hover,.imbee .nav summary:hover{background:var(--brand-tint)}
.imbee .nav a[aria-current="page"]{color:var(--brand)}
.imbee .nav details{position:relative}
.imbee .nav summary{list-style:none}
.imbee .nav summary::-webkit-details-marker{display:none}
.imbee .nav summary::after{content:" ▾";color:var(--muted)}
.imbee .drop{position:absolute;left:0;top:calc(100% + 6px);min-width:290px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 40px rgba(0,0,0,.14)}
.imbee .drop a{display:flex;flex-direction:column;gap:2px;font-weight:700}
.imbee .drop a span{font-weight:400;font-size:.86rem;color:var(--muted)}
.imbee .btn{display:inline-block;font:inherit;font-weight:700;text-decoration:none;border-radius:6px;padding:12px 20px;border:2px solid var(--brand);cursor:pointer;line-height:1.2}
.imbee .btn-solid{background:#CC0000;border-color:#CC0000;color:#FFFFFF}
.imbee .btn-solid:hover{background:#A80000;border-color:#A80000}
.imbee .btn-line{background:transparent;color:var(--brand)}
.imbee .btn-line:hover{background:var(--brand-tint)}
.imbee .nav .btn{padding:9px 16px;color:#FFFFFF}
.imbee .nav .btn:hover{background:#A80000}
.imbee a:focus-visible,.imbee button:focus-visible,.imbee summary:focus-visible,.imbee input:focus-visible,.imbee select:focus-visible,.imbee textarea:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
/* Secciones */
.imbee .sec{padding-block:72px;border-top:1px solid var(--line)}
.imbee .sec.first{border-top:0;padding-block:64px 72px}
.imbee .sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:36px;max-width:780px}
.imbee .hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.imbee .hero .stack{gap:22px}
.imbee .cols-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.imbee .cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.imbee .cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.imbee .feats{display:flex;flex-direction:column;gap:72px}
.imbee .feat{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.imbee .feat.rev{grid-template-columns:1.15fr .85fr}
.imbee .feat.rev .feat-text{order:2}
.imbee .feat-text{display:flex;flex-direction:column;gap:14px}
.imbee .item{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:2px solid var(--ink)}
.imbee .item p{color:var(--ink-soft)}
.imbee .item .tag{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.imbee .item a.more{font-weight:700;color:var(--brand);text-decoration:none;margin-top:4px}
.imbee .item a.more:hover{text-decoration:underline}
.imbee .ticks{display:flex;flex-direction:column;gap:10px}
.imbee .ticks li{padding-left:26px;position:relative;color:var(--ink-soft)}
.imbee .ticks li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;background:var(--brand);border-radius:2px}
.imbee .ticks b{color:var(--ink)}
/* Cifras */
.imbee .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.imbee .stat{display:flex;flex-direction:column;gap:4px}
.imbee .stat b{font-weight:900;font-size:clamp(2rem,4vw,3rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.imbee .stat span{color:var(--ink-soft);font-size:.98rem}
.imbee .logos{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline}
.imbee .logos li{font-weight:900;font-size:1.15rem;letter-spacing:-0.01em;color:var(--muted)}
/* Maquetas: ventana de producto */
.imbee .panel{background:var(--panel);color:var(--panel-ink);border-radius:10px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.22);display:flex;flex-direction:column}
.imbee .panel-bar{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--panel-line);font-size:.86rem}
.imbee .panel-bar b{font-weight:900}
.imbee .panel-bar .act{color:var(--panel-accent);font-weight:700}
.imbee .panel-bar .dim{color:var(--panel-soft)}
.imbee .panel-bar .eg{margin-left:auto;font-size:.76rem;color:var(--panel-soft);border:1px solid var(--panel-line);border-radius:999px;padding:2px 10px}
.imbee .panel-body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-x:auto}
.imbee table.pt{min-width:440px}
.imbee .panel-foot{padding:10px 18px;border-top:1px solid var(--panel-line);font-size:.82rem;color:var(--panel-soft)}
.imbee .panel-foot b{color:var(--ok-on-panel)}
.imbee .plabel{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-soft)}
.imbee .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.imbee .pbox{background:var(--panel-2);border:1px solid var(--panel-line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:.86rem}
.imbee .field{background:var(--panel);border:1px solid var(--panel-line);border-radius:6px;padding:6px 10px;font-size:.84rem}
.imbee .tags{display:flex;flex-wrap:wrap;gap:6px}
.imbee .tags span{font-size:.78rem;border-radius:999px;padding:2px 10px;background:#3A1B1B;color:#FFB3AC;font-family:var(--mono)}
.imbee .tags.neutral span{background:var(--panel);color:var(--panel-soft);border:1px solid var(--panel-line);font-family:var(--font)}
.imbee .var{color:var(--panel-accent)}
.imbee .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}
.imbee .node{background:var(--panel-2);border:1px solid var(--panel-line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:2px}
.imbee .node small{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-soft)}
.imbee .node b{font-size:1rem}
.imbee .node.ai{background:#CC0000;border-color:#CC0000}
.imbee .node.ai small{color:#FFD9D6}
.imbee .arrow{align-self:center;color:var(--panel-soft);font-weight:900}
.imbee .trace{display:flex;flex-direction:column;font-family:var(--mono);font-size:.8rem}
.imbee .trace li{display:grid;grid-template-columns:92px 132px 1fr;gap:10px;padding:7px 10px;border-radius:6px;color:var(--panel-ink)}
.imbee .trace li:nth-child(even){background:var(--panel-2)}
.imbee .trace .who{color:var(--panel-soft)}
.imbee .trace .it{color:var(--panel-accent)}
.imbee .trace .ok,.imbee .okc{color:var(--ok-on-panel)}
.imbee .call{display:flex;flex-direction:column;gap:6px;font-size:.92rem}
.imbee .call li{display:grid;grid-template-columns:46px 86px 1fr;gap:10px;padding:8px 10px;border-radius:6px}
.imbee .call .t{color:var(--panel-accent);font-variant-numeric:tabular-nums}
.imbee .call .a{background:var(--panel-2);color:var(--ok-on-panel);font-family:var(--mono);font-size:.8rem}
.imbee .call .a .t,.imbee .call .a b{color:var(--panel-soft)}
.imbee .pill{display:inline-block;font-size:.8rem;font-weight:700;border-radius:999px;padding:3px 12px}
.imbee .pill-ok{background:#12351F;color:var(--ok-on-panel)}
.imbee .pill-warn{background:#3D2A12;color:#F3C27A}
.imbee .canvas{display:grid;grid-template-columns:150px 1fr;gap:14px}
.imbee .palette{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.imbee .palette span{font-size:.78rem;border:1px solid var(--panel-line);border-radius:6px;padding:3px 8px;color:var(--panel-soft)}
.imbee .palette span.on{background:var(--panel-ink);color:#14171C;border-color:var(--panel-ink);font-weight:700}
.imbee .board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}
.imbee .card-step{background:var(--panel-2);border:1px solid var(--panel-line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:5px;font-size:.82rem}
.imbee .card-step b{font-size:.86rem}
.imbee .card-step i{font-style:normal;background:#CC0000;color:#FFFFFF;border-radius:5px;padding:3px 8px}
.imbee .card-step.ai{border-color:var(--panel-accent)}
.imbee .card-step span{color:var(--panel-soft)}
/* Maquetas: indicadores y gráficas (datos de ejemplo) */
.imbee .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.imbee .kpi{background:var(--panel-2);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.imbee .kpi span{font-size:.76rem;color:var(--panel-soft)}
.imbee .kpi b{font-size:1.35rem;font-weight:900;font-variant-numeric:tabular-nums}
.imbee .bars{display:flex;align-items:flex-end;gap:6px;height:110px;border-bottom:1px solid var(--panel-line)}
.imbee .bars span{flex:1;background:var(--chart-a);border-radius:4px 4px 0 0;min-width:6px}
.imbee .bars span.b{background:var(--chart-b)}
.imbee .hbars{display:flex;flex-direction:column;gap:8px;font-size:.84rem}
.imbee .hbars li{display:grid;grid-template-columns:150px 1fr 48px;gap:10px;align-items:center}
.imbee .hbars .track{height:14px;background:var(--panel-2);border-radius:4px}
.imbee .hbars .fill{display:block;height:14px;background:var(--chart-a);border-radius:4px}
.imbee .hbars .fill.b{background:var(--chart-b)}
.imbee .hbars li>span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.imbee .legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--panel-soft)}
.imbee .legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;background:var(--chart-a)}
.imbee .legend i.b{background:var(--chart-b)}
.imbee table.pt{width:100%;border-collapse:collapse;font-size:.84rem;font-variant-numeric:tabular-nums}
.imbee table.pt th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-soft);font-weight:700;text-align:right;padding:6px 8px;border-bottom:1px solid var(--panel-line)}
.imbee table.pt td{padding:7px 8px;border-bottom:1px solid var(--panel-line);text-align:right}
.imbee table.pt th:first-child,.imbee table.pt td:first-child{text-align:left}
.imbee table.pt .up{color:var(--ok-on-panel)}
.imbee .desk{display:grid;grid-template-columns:150px 1fr 170px;gap:12px}
.imbee .desk .list li{padding:8px 10px;border-radius:6px;font-size:.82rem;color:var(--panel-soft)}
.imbee .desk .list li.sel{background:var(--panel-2);color:var(--panel-ink)}
.imbee .chatp{display:flex;flex-direction:column;gap:6px;font-size:.84rem}
.imbee .chatp p{padding:7px 10px;border-radius:8px;background:var(--panel-2);max-width:92%}
.imbee .chatp p.me{align-self:flex-end;background:#CC0000;color:#FFFFFF}
.imbee .cite{display:flex;flex-wrap:wrap;gap:6px}
.imbee .cite span{font-size:.78rem;border:1px solid var(--panel-line);border-radius:6px;padding:3px 8px;color:var(--panel-soft)}
/* Maquetas: teléfono */
.imbee .phones{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start}
.imbee .phone{width:250px;color:var(--ink);border:7px solid var(--panel);border-radius:26px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.imbee .phone-top{background:var(--panel);color:var(--panel-ink);padding:8px 14px;font-size:.78rem;font-weight:700;display:flex;justify-content:space-between}
.imbee .phone-top span{color:var(--panel-soft);font-weight:400}
.imbee .chat{display:flex;flex-direction:column;gap:8px;padding:12px;font-size:.84rem;line-height:1.35;min-height:250px}
.imbee .chat p{padding:8px 11px;border-radius:12px;background:var(--bg);border:1px solid var(--line);max-width:92%}
.imbee .chat p.me{align-self:flex-end;background:#CC0000;border-color:#CC0000;color:#FFFFFF}
.imbee .chat .opts{display:flex;flex-direction:column;gap:5px}
.imbee .chat .opts span{border:1.5px solid var(--brand);color:var(--brand);border-radius:10px;padding:6px 10px;text-align:center;font-weight:700}
.imbee .chat .done{color:var(--ok);font-weight:700}
.imbee .side{display:flex;flex-direction:column;gap:14px;min-width:0;flex:1}
.imbee .heroshot{display:flex;gap:22px;align-items:center}
.imbee .minis{display:flex;flex-direction:column;gap:6px;background:var(--panel);color:var(--panel-ink);border-radius:8px;padding:12px;font-size:.8rem;min-height:128px}
.imbee .minis .ln{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:5px;background:var(--panel-2)}
.imbee .minis .ln b{color:var(--panel-accent)}
.imbee .wave{display:flex;align-items:center;gap:3px;height:34px}
.imbee .wave i{display:block;width:5px;border-radius:2px;background:var(--chart-a)}
.imbee .wave i.c{background:var(--chart-b)}
.imbee .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.imbee .steps li{padding:22px;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line)}
.imbee .steps li:first-child{border-left:0}
.imbee .steps li.hot{background:var(--panel);color:var(--panel-ink);box-shadow:inset 0 4px 0 #CC0000}
.imbee .steps li.hot p{color:var(--panel-soft)}
.imbee .steps li.hot .n{color:var(--panel-accent)}
.imbee .steps .n{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.imbee .steps p{color:var(--ink-soft);font-size:.97rem}
/* Escenario en directo: la conversación, el flujo y el registro avanzan a la vez */
.imbee .hero2{display:flex;flex-direction:column;gap:40px}
.imbee .hero2-head{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}
.imbee .hero2-head>*{min-width:0}
.imbee .hero2 h1{font-size:clamp(2.6rem,6.6vw,5.4rem);line-height:.97;letter-spacing:-0.035em}
.imbee .hero2 h1 em{font-style:normal;color:var(--brand)}
.imbee .hero2 h1.claim{font-size:clamp(2.1rem,4.6vw,3.9rem);line-height:1.02;letter-spacing:-0.03em;max-width:22ch}
.imbee .hero2-head.ancho{grid-template-columns:1fr;gap:24px}
.imbee .hero2-head.ancho>.stack:last-child{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px 40px}
.imbee .stage{background-color:var(--panel);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;color:var(--panel-ink);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.26)}
.imbee .stage-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--panel-line);background:var(--panel)}
.imbee .stage-bar .lbl{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-soft);margin-right:6px}
.imbee .tab{font:inherit;font-size:.9rem;font-weight:700;color:var(--panel-soft);background:transparent;border:1px solid var(--panel-line);border-radius:999px;padding:6px 14px;cursor:pointer}
.imbee .tab:hover{color:var(--panel-ink)}
.imbee .tab[aria-pressed="true"]{background:#CC0000;border-color:#CC0000;color:#FFFFFF}
.imbee .tab.replay{margin-left:auto}
.imbee .stage-body{display:grid;grid-template-columns:270px 1fr;gap:32px;padding:28px}
.imbee .stage-body>*{min-width:0}
.imbee .stage .phone{width:100%;border-color:#0B0C0F;box-shadow:none}
.imbee .stage .chat{min-height:292px}
.imbee .lane{display:flex;flex-direction:column;gap:22px}
.imbee .lane-label{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-soft)}
.imbee .thread{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.imbee .thread::before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:var(--panel-line)}
.imbee .thread .fill{position:absolute;left:0;top:13px;height:2px;width:0;background:var(--panel-accent);transition:width .6s ease}
.imbee .tnode{position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start;color:var(--panel-soft);padding-right:10px}
.imbee .tnode i{width:28px;height:28px;border-radius:50%;border:2px solid var(--panel-line);background:var(--panel);display:grid;place-items:center;font-style:normal;font-size:.78rem;font-weight:700;transition:background .3s,border-color .3s,color .3s}
.imbee .tnode b{font-size:.98rem;line-height:1.2}
.imbee .tnode span{font-size:.82rem}
.imbee .tnode.on{color:var(--panel-ink)}
.imbee .tnode.on i{background:#CC0000;border-color:#CC0000;color:#FFFFFF}
.imbee .log{font-family:var(--mono);font-size:.8rem;display:flex;flex-direction:column}
.imbee .log li{display:grid;grid-template-columns:48px 1fr auto;gap:12px;padding:7px 10px;border-radius:6px}
.imbee .log li:nth-child(even){background:rgba(255,255,255,.045)}
.imbee .log .ts{color:var(--panel-soft);font-variant-numeric:tabular-nums}
.imbee .log .res{color:var(--ok-on-panel)}
.imbee .stage .chat>*,.imbee .log li{transition:opacity .35s}
.imbee .pending{opacity:.14}
.imbee .verdict{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;padding:16px 28px;border-top:1px solid var(--panel-line);background:var(--panel);transition:opacity .35s}
.imbee .verdict b{font-family:var(--display);font-size:1.45rem;font-weight:700}
.imbee .verdict span{color:var(--panel-soft);font-size:.92rem}
@media (max-width:900px){.imbee .hero2-head{grid-template-columns:1fr;align-items:start}
.imbee .stage-body{grid-template-columns:1fr}
.imbee .stage .phone{max-width:300px;justify-self:center}}
@media (max-width:560px){.imbee .thread{grid-auto-flow:row;gap:12px}
.imbee .thread::before,.imbee .thread .fill{display:none}
.imbee .tnode{flex-direction:row;align-items:center}
.imbee .log li{grid-template-columns:44px 1fr}
.imbee .log .res{grid-column:2}}
@media (prefers-reduced-motion:reduce){.imbee .thread .fill,.imbee .tnode i,.imbee .stage .chat>*,.imbee .log li,.imbee .verdict{transition:none}}
/* Casos */
.imbee .cases{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:2px solid var(--ink)}
.imbee .case{padding:26px 28px 30px 0;display:flex;flex-direction:column;gap:14px;border-bottom:1px solid var(--line)}
.imbee .case:nth-child(odd){border-right:1px solid var(--line)}
.imbee .case:nth-child(even){padding-left:28px;padding-right:0}
.imbee .case .who{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.imbee .nums{display:flex;flex-wrap:wrap;gap:14px 30px}
.imbee .nums div{display:flex;flex-direction:column}
.imbee .nums b{font-weight:900;font-size:2.1rem;line-height:1;color:var(--brand);font-variant-numeric:tabular-nums}
.imbee .nums span{font-size:.9rem;color:var(--ink-soft);max-width:22ch}
.imbee blockquote{margin:0;font-size:1.25rem;line-height:1.4;font-weight:700;max-width:34ch}
.imbee blockquote footer{font-size:.9rem;font-weight:400;color:var(--muted);margin-top:8px}
.imbee .chips{display:flex;flex-wrap:wrap;gap:8px}
.imbee .chips li{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 15px;font-size:.95rem}
.imbee .chips.dark li{background:var(--panel);color:var(--panel-ink);border-color:var(--panel)}
.imbee details.q{border-bottom:1px solid var(--line);padding-block:16px}
.imbee details.q summary{font-weight:700;font-size:1.08rem;cursor:pointer}
.imbee details.q p{color:var(--ink-soft);margin-top:10px;max-width:70ch}
.imbee .band{background:var(--panel);color:var(--panel-ink)}
.imbee .band .wrap{padding-block:64px;display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}
.imbee .band p{color:var(--panel-soft);max-width:52ch}
.imbee .foot{border-top:1px solid var(--line);font-size:.92rem;color:var(--ink-soft)}
.imbee .foot .wrap{padding-block:40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.imbee .foot h4{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.imbee .foot li{margin-bottom:6px}
.imbee .foot a{text-decoration:none}
.imbee .foot a:hover{color:var(--brand)}
.imbee form.demo{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}
.imbee form.demo label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.92rem}
.imbee form.demo .full{grid-column:1/-1}
.imbee form.demo input,.imbee form.demo select,.imbee form.demo textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
.imbee .sent{grid-column:1/-1;background:var(--brand-tint);border-radius:6px;padding:12px 14px}
.imbee table.t{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
.imbee table.t th,.imbee table.t td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.imbee table.t th{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.imbee .scroll-x{overflow-x:auto}
@media (max-width:900px){.imbee .hero,.imbee .cols-2,.imbee .feat,.imbee .feat.rev{grid-template-columns:1fr}
.imbee .feat.rev .feat-text{order:0}
.imbee .cols-3,.imbee .cols-4,.imbee .stats{grid-template-columns:1fr 1fr}
.imbee .steps{grid-template-columns:1fr 1fr}
.imbee .steps li:nth-child(3){border-left:0}
.imbee .steps li:nth-child(n/**/+3){border-top:1px solid var(--line)}
.imbee .cases{grid-template-columns:1fr}
.imbee .case,.imbee .case:nth-child(even){padding:24px 0;border-right:0}
.imbee .foot .wrap{grid-template-columns:1fr 1fr}
.imbee .nav{margin-left:0}
.imbee .drop{position:static;box-shadow:none}
.imbee .heroshot{flex-direction:column;align-items:stretch}
.imbee .heroshot .phone{align-self:center}}
@media (max-width:560px){.imbee .cols-3,.imbee .cols-4,.imbee .stats,.imbee .steps,.imbee .foot .wrap,.imbee form.demo,.imbee .pgrid,.imbee .desk{grid-template-columns:1fr}
.imbee .steps li{border-left:0;border-top:1px solid var(--line)}
.imbee .steps li:first-child{border-top:0}
.imbee .flow{grid-template-columns:1fr}
.imbee .arrow{display:none}
.imbee .canvas,.imbee .board{grid-template-columns:1fr}
.imbee .kpis{grid-template-columns:1fr 1fr}
.imbee .trace li{grid-template-columns:1fr}
.imbee .call li{grid-template-columns:40px 1fr}
.imbee .call li b{display:none}
.imbee .hbars li{grid-template-columns:104px 1fr 44px}
.imbee .sec{padding-block:52px}
.imbee .feats{gap:52px}}
body.imbee-landing{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55}
body.imbee-landing>.wrapper{overflow:visible}
body.imbee-landing .ancr-top-spacer,body.imbee-landing .ancr-group{display:none!important}
.imbee{font-family:var(--font);font-size:17px;line-height:1.55;font-weight:400}
.imbee h1,.imbee h2,.imbee h3,.imbee h4{color:var(--ink)}
.imbee h4{font-family:var(--font)}
.imbee p{margin:0}
.imbee button,.imbee input,.imbee textarea,.imbee select{font-family:var(--font)}
.imbee button{text-transform:none;letter-spacing:normal}
.imbee .panel h1,.imbee .panel h2,.imbee .panel h3,.imbee .panel h4,.imbee .band h2{color:var(--panel-ink)}
.imbee-header{position:sticky;top:0;z-index:100;background:var(--bg)}
.admin-bar .imbee-header{top:32px}
.imbee .top{position:relative;top:0}
.imbee .top .wrap{gap:10px;flex-wrap:nowrap}
.imbee .nav{gap:0;flex-wrap:nowrap}
.imbee .nav a,.imbee .nav summary{padding:8px 10px}
.imbee .menu-toggle{display:none}
.imbee .menu-toggle{width:auto!important;color:var(--ink)!important;background:transparent!important;border-radius:6px!important}
.imbee .imbee-privacy{margin-top:18px;line-height:1.5}
.imbee .imbee-privacy p+p{margin-top:8px}
.imbee .skip-link{position:absolute;left:24px;top:-100px;background:var(--surface);padding:12px;z-index:110}
.imbee .skip-link:focus{top:8px}
.imbee .sec>*,.imbee .stage,.imbee .panel,.imbee .phone{min-width:0}
.imbee .logo{flex-shrink:0}
.imbee .imbee-demo-form .wpforms-container{margin:0!important}
.imbee .imbee-demo-form form{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px!important}
.imbee .imbee-demo-form .wpforms-field-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.imbee .imbee-demo-form .wpforms-field{padding:0!important;margin:0!important;grid-column:1/-1;min-width:0}
.imbee .imbee-demo-form .imbee-half{grid-column:auto}
.imbee .imbee-demo-form .wpforms-field-label{font:700 .92rem/1.55 var(--font);margin:0 0 6px;color:var(--ink)}
.imbee .imbee-demo-form input:not([type=checkbox]):not([type=hidden]),.imbee .imbee-demo-form select,.imbee .imbee-demo-form textarea{font:inherit!important;box-sizing:border-box;width:100%!important;max-width:100%!important;height:auto!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:var(--bg)!important;color:var(--ink)!important;box-shadow:none!important}
.imbee .imbee-demo-form textarea{min-height:120px}
.imbee .imbee-demo-form .wpforms-field-checkbox li{display:flex;gap:8px;align-items:flex-start}
.imbee .imbee-demo-form .wpforms-field-checkbox label{font:400 .92rem/1.5 var(--font);color:var(--ink-soft)}
.imbee .imbee-demo-form .wpforms-submit-container{margin:16px 0 0!important;padding:0!important}
.imbee .imbee-demo-form button[type=submit]{background:#CC0000!important;color:#fff!important;border:2px solid #CC0000!important;border-radius:6px!important;font:700 17px/1.2 var(--font)!important;padding:12px 20px!important;width:100%;height:auto!important}
.imbee .imbee-demo-form button[type=submit]:hover{background:#A80000!important}
.imbee .imbee-demo-form :focus-visible{outline:3px solid var(--brand)!important;outline-offset:2px}
.imbee .imbee-demo-form .wpforms-error{color:#A80000!important}
.imbee .imbee-demo-form .wpforms-confirmation-container-full{background:var(--brand-tint);border:1px solid var(--line);color:var(--ink);padding:24px;border-radius:10px}
@media(max-width:1180px) and (min-width:1041px){.imbee .top .logo{width:100px}.imbee .nav a,.imbee .nav summary{padding:8px 6px;font-size:.9rem}.imbee .nav .btn{padding:9px}}
@media(max-width:1040px){
 .imbee .top .wrap{justify-content:space-between}
 .imbee .menu-toggle{display:block;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px 14px;font:700 1rem var(--font)}
 .imbee .nav{display:none}
 .imbee.menu-open .nav{display:flex;position:fixed;inset:79px 0 0;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;padding:24px;align-items:stretch;flex-direction:column;gap:8px;margin:0}
 .admin-bar .imbee.menu-open .nav{top:111px}
 .imbee .nav details{width:100%}
 .imbee .nav summary{font-size:1.1rem}
 .imbee .nav .drop{position:static;min-width:0;background:transparent;border:0;border-left:2px solid var(--line);margin:4px 0 8px 12px;border-radius:0;box-shadow:none}
 .imbee .nav .drop a{padding:9px 12px}
 .imbee .nav .btn{margin-top:16px;text-align:center;flex-shrink:0}
 .imbee-menu-open{overflow:hidden}
}
@media(max-width:782px){.admin-bar .imbee-header{top:46px}.admin-bar .imbee.menu-open .nav{top:125px}}
@media(max-width:600px){#wpadminbar{position:fixed}}
@media(max-width:560px){.imbee .imbee-demo-form .wpforms-field-container{grid-template-columns:1fr}}

/* Keep the inherited consent banner stable while local web fonts load. */
body.imbee-landing #cookie-law-info-bar,body.imbee-landing #cookie-law-info-bar *{font-family:Arial,Helvetica,sans-serif!important}
body.imbee-landing #wt-cli-accept-all-btn{background-color:#386b16!important;color:#fff!important}
.imbee .foot h2{font:700 .8rem/1.55 var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}

/* Home review: red metrics and original brand logos, hosted with the theme. */
.imbee .imbee-proof .stat b{color:var(--brand)}
.imbee .client-carousel{position:relative;min-width:0;text-align:right}
.imbee .client-window{overflow-x:auto;overflow-y:hidden;margin-top:16px;padding-bottom:10px;scrollbar-width:none;cursor:grab;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.imbee .client-window:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.imbee .client-window.is-dragging{cursor:grabbing;user-select:none}
.imbee .client-track{display:flex;width:max-content}
.imbee ul.client-group{display:flex;align-items:center;gap:44px;flex-shrink:0;list-style:none;margin:0;padding:0}
.imbee .client-group li{display:flex;align-items:center;justify-content:center;flex:0 0 160px;width:160px;height:88px;margin:0;padding:0}
.imbee .client-group img{display:block;width:160px;height:64px;object-fit:contain}
@media(max-width:560px){.imbee ul.client-group{gap:28px;padding-right:0}.imbee .client-group li{width:136px;flex-basis:136px}.imbee .client-group img{width:136px;height:56px}}
@media(prefers-reduced-motion:reduce){.imbee .client-group[aria-hidden="true"]{display:none}}

/* Deployment service: use the shared type, color and spacing system. */
.imbee .fde-route-list{list-style:none;margin:0;padding:28px;display:grid;gap:28px}
.imbee .fde-route-list li{display:flex;gap:20px;align-items:flex-start}
.imbee .fde-route-list li>span{color:var(--panel-accent);font-size:1.5rem;font-weight:700;line-height:1.2}
.imbee .fde-route-list b{color:var(--panel-ink)}
.imbee .fde-route-list p{color:var(--panel-soft);margin:6px 0 0}
.imbee .fde-statement{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;line-height:1.15;color:var(--panel-ink)}
.imbee .fde-route .ticks{color:var(--panel-soft)}
.imbee .fde-steps{list-style:none;padding:0;margin:0;display:grid}
.imbee .fde-steps li{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line)}
.imbee .fde-number{font-family:var(--display);font-size:2rem;font-weight:700;line-height:1.1;color:var(--brand)}
.imbee .fde-steps h3{margin-bottom:8px}
.imbee .fde-steps p{max-width:75ch}
@media(max-width:560px){.imbee .fde-steps li{grid-template-columns:40px 1fr;gap:16px}.imbee .fde-route-list{padding:24px}}

.imbee .fde-route .ticks li{color:var(--panel-soft)}
.imbee .fde-hero .feat{grid-template-columns:1fr 1fr;gap:48px}
.imbee .fde-hero h1{font-size:clamp(2.25rem,4vw,3.25rem)}
@media(max-width:900px){.imbee .fde-hero .feat{grid-template-columns:1fr;gap:32px}}
/* Voice call demonstration: live audio turns and tool execution. */
.imbee .voice-mode .stage-body{grid-template-columns:340px minmax(0,1fr)}
.imbee .voice-mode .phone{max-width:none;border:1px solid var(--panel-line);border-radius:14px;background:var(--panel)}
.imbee .voice-mode .chat{padding:18px;color:var(--panel-ink);background:var(--panel)}
.imbee .voice-console{display:flex;flex-direction:column;gap:14px}
.imbee .voice-caption{font-size:.72rem;line-height:1.5;color:var(--panel-soft)}
.imbee .voice-status{font-size:1.1rem;color:var(--panel-ink)}
.imbee .voice-rail{border-top:1px solid var(--panel-line);padding-top:12px}
.imbee .voice-rail>span{font-size:.78rem;color:var(--panel-soft)}
.imbee .voice-wave{height:48px;display:flex;align-items:center;justify-content:center;gap:5px}
.imbee .voice-wave i{display:block;width:4px;height:var(--height);border-radius:4px;background:#7790a5;transform:scaleY(.3)}
.imbee .voice-rail:nth-of-type(2) .voice-wave i{background:#ff6b72}
.imbee .voice-console[data-speaker="cliente"] .voice-rail:nth-of-type(1) .voice-wave i,.imbee .voice-console[data-speaker="agente"] .voice-rail:nth-of-type(2) .voice-wave i{animation:imbee-wave .65s var(--delay) infinite alternate ease-in-out}
.imbee .voice-transcript{min-height:68px;font-size:.95rem;line-height:1.5;color:var(--panel-ink)}
.imbee .voice-architecture{padding-top:12px;border-top:1px solid var(--panel-line);font-size:.78rem;line-height:1.6;color:var(--panel-ink)}
.imbee .voice-volume{display:flex;flex-direction:column;gap:4px;margin:18px 0}
.imbee .voice-volume strong{font-family:var(--display);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;color:var(--brand)}
.imbee .voice-volume span{font-size:1rem;color:var(--ink-soft)}
@keyframes imbee-wave{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@media(max-width:900px){.imbee .voice-mode .stage-body{grid-template-columns:1fr}.imbee .voice-mode .phone{width:100%;max-width:440px}}
@media(prefers-reduced-motion:reduce){.imbee .voice-wave i{animation:none!important;transform:scaleY(.6)}}
.imbee .human-ticket{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--panel-line);border-left:3px solid #ff6b72;border-radius:8px}
.imbee .human-ticket>span{font-size:.8rem;color:var(--panel-soft)}
.imbee .human-ticket>strong{font-size:1.2rem;color:var(--panel-ink)}
.imbee .human-route{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}
.imbee .human-route li{display:flex;flex-direction:column;gap:6px}
.imbee .human-route b{color:var(--panel-ink)}
.imbee .human-route span{font-size:.9rem;color:var(--panel-soft)}

.imbee .client-window::-webkit-scrollbar{display:none}

/* A readable language choice, kept secondary to the main navigation. */
.imbee .nav .language-picker{position:relative;margin-inline:4px}
.imbee .nav .language-picker summary{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:.88rem;font-weight:400;color:var(--ink-soft);padding:9px 10px;border-radius:8px}
.imbee .nav .language-picker summary::after{content:none}
.imbee .language-globe{width:18px;height:18px;flex:none}
.imbee .language-chevron{width:14px;height:14px;flex:none;transition:transform .15s}
.imbee .language-picker[open] .language-chevron{transform:rotate(180deg)}
.imbee .language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.1);z-index:110}
.imbee .language-caption{display:block;padding:7px 10px;font-size:.75rem;color:var(--muted)}
.imbee .nav .language-options a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px;border-radius:7px;font-size:.95rem;font-weight:400}
.imbee .nav .language-options a[aria-current="true"]{background:var(--brand-tint);color:var(--brand);font-weight:700}
.imbee .language-check{font-size:1rem}
@media(max-width:1040px){
 .imbee .nav .language-picker{margin:12px 0 0;border-top:1px solid var(--line);padding-top:12px}
 .imbee .nav .language-picker summary{font-size:1rem;justify-content:flex-start;padding:10px}
 .imbee .language-picker summary .language-chevron{margin-left:auto}
 .imbee .language-options{position:static;margin-top:4px;box-shadow:none;min-width:0}
}
@media(prefers-reduced-motion:reduce){.imbee .language-chevron{transition:none}}