/* Dirección: capacidad técnica con atención de taller. Identidad 52. */
:root{--azul:#2464C4;--azul-profundo:#225098;--mandarina:#FFB45B;--marfil:#FFF9F0;--tinta:#1E2A45;--secundario:#586071;--linea:#E0E4EA}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{overflow-x:clip!important;background:#fff!important}
main>header{background:#fff!important}
[hidden]{display:none!important}
a,button,summary{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
.taller-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,rgba(255,249,240,.08),transparent 65%),linear-gradient(120deg,var(--azul) 10%,var(--azul-profundo) 100%);color:var(--marfil)}
.hero-interior{max-width:1240px;margin:auto;padding:42px 32px 36px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}
.hero-mensaje{position:relative;align-self:center;padding-bottom:14px}
.sobretitulo,.sobrelinea{font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:600;display:flex;gap:8px;align-items:center}
.sobretitulo span{width:6px;height:6px;background:var(--mandarina);border-radius:50%}
.hero-mensaje h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(42px,4.4vw,61px);line-height:1.07;letter-spacing:-.055em;max-width:14ch;margin-top:24px}
.hero-mensaje em{font-style:normal;color:var(--mandarina)}
.hero-descripcion{font-size:17px;line-height:1.65;margin-top:24px;max-width:41ch;color:#FFEFDA}
.hero-descripcion strong{font-weight:600;color:var(--marfil)}
.hero-acciones{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.accion-principal{display:inline-flex;align-items:center;gap:24px;background:var(--mandarina);color:var(--tinta);text-decoration:none;font-weight:700;font-size:14px;padding:15px 22px;border-radius:999px;transition:background .2s,transform .2s}
.accion-principal:hover{color:var(--tinta);background:#FFE0BA;transform:translateY(-2px)}
.accion-texto{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:14px 18px;border:1px solid rgba(255,249,240,.6);border-radius:999px;font-size:13px;font-weight:600;color:var(--marfil);text-decoration:none}
.accion-texto:hover{color:var(--marfil);background:rgba(255,255,255,.1);border-color:var(--marfil)}
.firma-humana{margin-top:18px;font-size:11px;color:#FFEFDA}
.nota-manuscrita{font-family:Caveat,cursive;font-size:23px;line-height:1.05;color:#FFEFDA;transform:rotate(-3deg);margin:32px 0 0 6px;position:relative;max-width:280px}
.nota-manuscrita svg{position:absolute;right:-90px;bottom:-7px;width:88px;height:50px;color:var(--mandarina)}
.mesa-demo{min-width:0}
.cabecera-demo{margin-bottom:16px;color:var(--marfil)}.cabecera-demo h2{font:800 23px/1.2 Manrope,sans-serif;letter-spacing:-.035em;color:var(--marfil)}.cabecera-demo p{font:400 13px/1.6 Inter,sans-serif;max-width:48ch;margin-top:8px;color:#FFEFDA}
.contador-demo{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.selector-negocios{display:flex;gap:6px;flex-wrap:wrap}
.selector-negocios button{border:1px solid rgba(255,249,240,.3);border-radius:999px;color:var(--marfil);background:rgba(30,42,69,.08);font-weight:600;font-size:11px;padding:9px 15px;min-height:40px;transition:background .2s,color .2s,transform .2s}
.selector-negocios button:hover{background:rgba(255,249,240,.14);transform:translateY(-1px)}
.selector-negocios button[aria-pressed=true]{background:var(--marfil);color:var(--azul);border-color:var(--marfil)}
.escenario{position:relative;padding:96px 0 0 24px;margin-top:20px}
.apunte{position:absolute;left:0;top:3px;width:min(330px,95%);background:var(--marfil);color:var(--tinta);transform:rotate(-4deg);padding:13px 20px 22px 24px;border-radius:2px 8px 8px 2px;box-shadow:0 10px 30px -22px #122444;background-image:repeating-linear-gradient(transparent 0 25px,rgba(36,100,196,.12) 25px 26px);background-position:0 34px}
.apunte>span{font:600 9px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--secundario)}
.apunte>p{font:600 22px/1.2 Caveat,cursive;color:var(--azul);margin-top:5px}
.apunte i{position:absolute;top:-9px;left:100px;width:62px;height:22px;transform:rotate(4deg);background:rgba(255,180,91,.85)}
.aplicacion{position:relative;background:#fff;color:var(--tinta);border:1px solid rgba(255,249,240,.45);border-radius:13px;box-shadow:0 22px 48px -28px rgba(12,27,54,.55);overflow:hidden;transform:rotate(1deg);transition:transform .4s}
.aplicacion:hover,.aplicacion:focus-within{transform:rotate(0)}
.app-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--linea);background:#fff}
.app-cabecera>div{display:flex;align-items:center;gap:9px;min-width:0}
.app-inicial{display:grid;place-items:center;background:var(--negocio);color:#fff;width:25px;height:25px;flex-shrink:0;border-radius:7px;font-weight:700;font-size:12px}
.app-cabecera strong{font-family:Manrope,sans-serif;font-size:13px;white-space:nowrap}
.app-tipo{font-size:9px;color:var(--secundario)}
.app-vista{padding:18px 20px 12px;min-height:260px}
.vista-titulo{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.micro{display:block;font-size:9px;color:var(--secundario);line-height:1.5}
.vista-titulo h2{font:800 18px/1.2 Manrope,sans-serif;color:var(--tinta);letter-spacing:-.035em;margin-top:4px}
.dato-progreso{font:800 25px Manrope,sans-serif;color:var(--azul);white-space:nowrap}
.dato-progreso small{font:400 12px Inter,sans-serif;color:var(--secundario);margin-left:4px}
.ruta-visual svg{width:100%;display:block;max-height:145px}
.camino-activo{transition:stroke-dashoffset .65s ease}
.ruta-visual circle{transition:fill .4s}
.proximo{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;margin-top:11px}
.proximo .micro{grid-column:1}
.proximo strong{font-size:10px;grid-column:1;font-weight:600}
.saldo{grid-column:2;grid-row:1/3;font:800 21px Manrope,sans-serif;color:var(--negocio)}
.app-pie{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:#F6F8FB;border-top:1px solid var(--linea);min-height:69px}
.app-pie p{font-size:10px;line-height:1.4;color:var(--secundario);max-width:22ch}
.app-pie button{min-height:42px;display:flex;justify-content:center;align-items:center;gap:12px;border:0;background:var(--azul);color:#fff;font-size:11px;font-weight:600;padding:9px 14px;border-radius:7px;transition:background .2s,transform .2s}
.app-pie button:hover:not(:disabled){background:var(--azul-profundo);transform:translateY(-1px)}
.app-pie button:disabled{background:#E0E8F1;color:#586071}
.resultado-demo{font-size:11px;line-height:1.5;margin:17px 0 0 24px;min-height:34px;display:flex;align-items:flex-start;gap:8px;color:#FFEFDA}
.resultado-punto{width:6px;height:6px;flex-shrink:0;background:var(--mandarina);border-radius:50%;margin-top:5px}
.demo-controles{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#FFEFDA;margin-left:24px}
.demo-controles button,.hero-pie button{padding:8px 0;min-height:36px;background:none;border:0;color:inherit;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.hero-pie{border-top:1px solid rgba(255,249,240,.16);padding:12px 32px;max-width:1176px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#FFEFDA;font-size:11px}
.taller-hero :focus-visible{outline-color:var(--marfil)}
.aplicacion :focus-visible{outline-color:var(--azul)}
.agenda-semana{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--linea);padding-bottom:10px}
.agenda-semana>span{font-size:9px;color:var(--secundario);display:flex;align-items:center;gap:7px;padding:6px}
.agenda-semana b{font-size:12px}
.agenda-semana .dia-elegido{background:#FFE0BA;border-radius:6px;color:var(--tinta)}
.citas{margin-top:8px}
.cita{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #EDF0F4;padding:8px 0;font-size:10px}
.cita time{color:var(--secundario);font-size:9px}
.cita>span{border-left:3px solid var(--estado-cita);padding-left:8px}
.cita small{font-size:8px;color:var(--secundario)}
.tablero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:180px}
.columna-orden{background:#F3F6F9;padding:8px;border-radius:7px}
.columna-orden h3{font:600 9px Inter,sans-serif;color:var(--secundario);display:flex;justify-content:space-between;gap:5px;margin:3px 0 10px}
.columna-activa{background:#FFF3E3}
.orden{background:#fff;border:1px solid var(--linea);padding:9px 7px;border-radius:5px;margin-top:6px;animation:jtoast .35s ease both}
.orden span{font-size:8px;display:block;color:var(--secundario)}
.orden strong{display:block;font-size:9px;line-height:1.35;margin-top:4px}
.orden i{height:3px;display:block;background:var(--mandarina);width:65%;margin-top:12px;border-radius:2px}
.orden-lista{border-color:#AFC6E8}
.columna-vacia{font-size:9px;color:var(--secundario);line-height:1.6;padding-top:12px}
.cafe-vista{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:stretch;min-height:175px}
.menu-cafe{background:#FFF3E3;border-radius:7px;text-align:center;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.menu-cafe svg{width:110px;height:86px}
.menu-cafe b{font:800 16px Manrope,sans-serif;color:#6b4a33}
.menu-cafe span{font:500 15px Caveat,cursive;color:#6b4a33;margin-top:2px}
.ticket-cafe{padding:13px 10px;border-top:3px solid var(--negocio);background:#FFFDFA;display:flex;flex-direction:column}
.ticket-cafe>strong{font:700 17px Manrope,sans-serif;line-height:1.3;margin-top:14px}
.ticket-cafe>div{display:flex;justify-content:space-between;font-size:12px;margin-top:auto;padding-top:18px;border-bottom:1px dashed #D7CABD;padding-bottom:10px}
.ticket-cafe>small{font-size:9px;color:var(--secundario);margin-top:9px}
.vapor{opacity:.65}
@keyframes vapor{to{transform:translateY(-3px);opacity:.3}}
.conexiones{padding:84px 32px 72px;background:#fff}
.conexiones-interior{max-width:1176px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:center}
.sobrelinea{color:var(--secundario);font-size:10px}
.conexiones h2{font:800 clamp(34px,3.2vw,44px)/1.09 Manrope,sans-serif;letter-spacing:-.045em;color:var(--tinta);margin-top:16px}
.conexiones h2 em{font-style:normal;color:var(--azul)}
.conexiones-texto>p:not(.sobrelinea){font-size:15px;color:var(--secundario);margin-top:20px;max-width:35ch}
.accion-conectar{display:flex;gap:20px;align-items:center;min-height:46px;font-size:13px;font-weight:600;color:var(--azul);background:none;border:1px solid var(--azul);border-radius:999px;padding:10px 20px;margin-top:25px}
.accion-conectar:hover{background:#EBF0F7}
.conexiones-texto>small{display:block;font-size:10px;color:var(--secundario);margin-top:10px}
.conexion-grafica{background:#fff;border:1px solid #E0E4EA;border-radius:18px;padding:25px 20px 16px;position:relative}
.conexion-titulo{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--tinta);margin-bottom:26px}
.conexion-estado{font-size:9px;color:var(--secundario)}
.conexion-piezas{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center}
.pieza{min-width:0;background:#fff;border:1px solid rgba(36,100,196,.1);border-radius:9px;padding:17px 12px 12px;min-height:234px;box-shadow:0 8px 22px -18px #225098;transition:transform .4s}
.pieza-pedido{transform:rotate(-3deg)}
.pieza-reporte{transform:rotate(3deg)}
.conexion-grafica:hover .pieza{transform:rotate(0)}
.pieza-numero{display:block;font-size:8px;color:var(--secundario);letter-spacing:.04em;margin-bottom:19px;white-space:nowrap}
.pieza h3{font:800 19px/1.2 Manrope,sans-serif;color:var(--tinta);letter-spacing:-.03em}
.pieza>strong{display:block;font:800 29px/1.2 Manrope,sans-serif;color:var(--azul);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.pieza>span:not(.pieza-numero){display:block;font-size:8px;color:var(--secundario);margin-top:7px;min-height:25px}
.pieza>p{border-top:1px solid var(--linea);margin-top:15px;padding-top:10px;font-size:9px;color:var(--secundario)}
.enlace-piezas{font-size:22px;color:var(--azul);text-align:center;opacity:calc(.25 + var(--avance)*.75);transition:opacity .35s}
.pedido-dibujo{display:flex;gap:4px;padding:19px 0 8px;min-height:66px;align-items:center}
.pedido-dibujo i{width:30px;height:26px;background:#FFE0BA;border:1px solid #E1A35A;transform:skewY(-10deg);position:relative}
.pedido-dibujo i::after{content:'';position:absolute;left:50%;top:0;width:2px;height:12px;background:#FFB45B}
.pedido-dibujo i:nth-child(2){margin-top:-12px}
.stock-barras{height:45px;display:flex;gap:5px;align-items:flex-end;margin-top:9px}
.stock-barras i{background:#A7C0E6;width:14px;height:32px;border-radius:2px 2px 0 0;transition:height .65s}
.stock-barras i:first-child{background:#FFB45B}
.stock-barras i:nth-child(3){height:40px}.stock-barras i:nth-child(4){height:24px}.stock-barras i:nth-child(5){height:36px}
.reporte-linea{height:45px;margin-top:9px}.reporte-linea svg{width:100%;height:100%}.reporte-linea path{transition:stroke-dashoffset .8s}
.conexion-resultado{font-size:11px;color:var(--tinta);line-height:1.5;margin-top:23px;min-height:34px}
.conexion-disclaimer{font-size:9px;color:var(--secundario);line-height:1.5;margin-top:10px}
/* La composición y las ilustraciones de la propuesta original continúan. */
#puertas{padding-top:24px!important}
#puertas .puerta{border-radius:14px!important;box-shadow:none!important}
#puertas .puerta:nth-child(2){background:#fff!important;border-top:4px solid #2464C4!important}
.atajo-pos{display:grid;gap:6px;max-width:440px;margin-top:24px;padding:17px 19px;border:1px solid rgba(255,249,240,.28);border-left:3px solid var(--mandarina);border-radius:12px;color:var(--marfil);background:rgba(255,255,255,.06);text-decoration:none;transition:background .2s,border-color .2s}
.atajo-pos-pregunta{font:400 12px/1.5 Inter,sans-serif;color:#FFEFDA}
.atajo-pos strong{display:flex;align-items:center;justify-content:space-between;gap:16px;font:800 18px/1.4 Manrope,sans-serif;color:var(--mandarina)}
.atajo-pos-detalle{font:400 12px/1.6 Inter,sans-serif;color:#FFEFDA;max-width:44ch}
.atajo-pos:hover{background:rgba(255,255,255,.12);border-color:var(--mandarina)}
.pos-listo{display:flex;flex-direction:column;gap:21px;min-width:0;border:1px solid #E6B577;border-top:5px solid var(--mandarina);border-radius:14px;padding:clamp(24px,3.2vw,40px);background:#fff;color:var(--tinta)}
.pos-sello{display:flex;align-items:center;align-self:flex-start;gap:8px;font-size:11px;font-weight:700;line-height:1.5;color:var(--tinta);background:var(--mandarina);padding:6px 10px;border-radius:6px}
.pos-sello>span{font-size:22px;color:var(--azul)}
.pos-presentacion{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:10px}
.pos-nombre{font:800 25px/1.2 Manrope,sans-serif;color:var(--azul);letter-spacing:-.04em;margin-bottom:12px}
.pos-nombre>span{font-size:12px;letter-spacing:.04em;padding:3px 6px;border:1px solid #A7C0E6;border-radius:5px;vertical-align:middle}
.pos-presentacion h2{font:800 clamp(28px,2.6vw,36px)/1.1 Manrope,sans-serif;letter-spacing:-.035em}
.pos-ilustracion{width:100%;transform:rotate(-5deg)}
.pos-bajada{font-size:15px;line-height:1.65;max-width:49ch}
.pos-encaje{padding:4px 0 4px 18px;border-left:4px solid var(--mandarina)}
.pos-encaje h3{font-size:13px;font-weight:700;margin-bottom:10px}
.pos-encaje ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}
.pos-encaje li{padding:5px 9px;background:#fff;border:1px solid var(--linea);border-radius:999px;font-size:11px}
.pos-encaje .pos-operacion{font:700 clamp(20px,2vw,25px)/1.3 Manrope,sans-serif;letter-spacing:-.025em;color:var(--tinta);margin-bottom:16px}
.pos-operacion strong{color:var(--azul);font-weight:800}
.pos-encaje .pos-validacion{font-size:14px;font-weight:600;line-height:1.6;margin-top:14px;color:var(--tinta)}
.pos-beneficios{padding:0;list-style:none;display:grid;gap:9px;font-size:14px;line-height:1.5}
.pos-beneficios li{display:flex;gap:9px}.pos-beneficios li::before{content:'✓';font-weight:700;color:var(--azul)}
.pos-alcance{background:#fff;border:1px solid var(--linea);border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.6}
.pos-alcance strong{font-size:13px}.pos-alcance p{margin-top:5px;color:#586071}
.pos-compra{margin-top:auto;display:flex;flex-wrap:wrap;gap:16px 20px;align-items:center}
.pos-compra>p{font-size:12px;color:#62534C}.pos-compra>p>span{display:block;font-size:11px;margin-bottom:4px}.pos-compra strong{font:800 35px/1 Manrope,sans-serif;color:var(--tinta);letter-spacing:-.04em}
.pos-compra a{display:inline-flex;align-items:center;gap:18px;background:var(--azul);color:white;text-decoration:none;font-size:13px;font-weight:700;min-height:46px;padding:10px 17px;border-radius:999px}
.pos-compra a:hover{background:var(--azul-profundo)}.pos-compra small{flex-basis:100%;font-size:11px;color:#62534C}
@media(max-width:520px){.pos-presentacion{grid-template-columns:minmax(0,1fr) 75px}.pos-presentacion h2{font-size:28px}.pos-listo{gap:18px}.pos-compra strong{font-size:32px}}
#como{position:relative;margin-top:64px;padding-block:60px!important;background:#fff}
#como [data-pasos]{margin-top:30px!important}
#como [data-pasos]>div:not(:first-child){padding-bottom:32px!important}
#hacemos>div>div:nth-child(2)>div{grid-template-columns:40px minmax(0,1fr)!important;gap:6px 14px!important}
#hacemos>div>div:nth-child(2)>div>span:nth-of-type(2){grid-column:2!important;font-size:10px!important;white-space:normal!important}
#hacemos>div>div:nth-child(2)>div>p{grid-column:2!important}
#hacemos>div>div:nth-child(2)>div>span:first-child{grid-row:1/4!important}
#contacto{background:linear-gradient(130deg,#2464C4,#225098)!important}
.movimiento-pausado *, .movimiento-pausado *::before,.movimiento-pausado *::after{animation-play-state:paused!important;transition:none!important}
@media(min-width:1000px){#como>div>div:first-child{grid-template-columns:1fr 1fr!important}#como>div>div:first-child>svg{max-width:420px!important}}
@media(max-width:1100px){.hero-interior{gap:32px;padding-inline:26px}.hero-mensaje h1{font-size:50px}.hero-descripcion{font-size:16px}.nota-manuscrita svg{right:-45px;width:60px}.selector-negocios button{padding-inline:11px;font-size:10px}.app-vista{padding-inline:15px}.conexiones-interior{gap:32px}.pieza{padding-inline:9px}.pieza h3{font-size:17px}.pieza>strong{font-size:25px}.conexion-grafica{padding-inline:14px}}
@media(max-width:880px){.hero-interior{grid-template-columns:1fr;gap:28px;max-width:660px;padding-top:28px}.hero-mensaje{padding-bottom:0}.hero-mensaje h1{font-size:clamp(32px,7.2vw,48px);max-width:19ch;margin-top:18px}.hero-descripcion{max-width:52ch;margin-top:18px}.hero-acciones{margin-top:20px}.firma-humana{margin-top:12px}.atajo-pos{margin-top:24px}.mesa-demo{max-width:620px;border-top:1px solid rgba(255,249,240,.28);padding-top:26px}.nota-manuscrita{display:none}.mesa-demo{width:100%}.hero-pie{padding-inline:26px}.conexiones-interior{grid-template-columns:1fr;gap:30px;max-width:600px}.conexiones h2 br:nth-of-type(2){display:none}.conexiones-texto>p:not(.sobrelinea){max-width:49ch}.conexiones{padding-top:56px;padding-bottom:40px}.pieza{min-height:224px}.conexion-piezas{grid-template-columns:1fr 24px 1fr 24px 1fr}.pieza-numero{font-size:9px}.pieza h3{font-size:20px}.pieza>strong{font-size:30px}.pieza>p{font-size:10px}}
@media(max-width:520px){
  header nav{padding-inline:18px!important;height:66px!important}header nav>div>a{font-size:12px!important;height:40px!important;padding-inline:13px!important}
  .hero-interior{padding:26px 20px 20px;gap:26px}.sobretitulo{font-size:8px;letter-spacing:.09em}.hero-mensaje h1{font-size:clamp(30px,8.2vw,37px);max-width:19ch;margin-top:16px;letter-spacing:-.05em}.hero-descripcion{font-size:15px;margin-top:16px}.hero-acciones{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:20px}.hero-acciones a.accion-principal,.hero-acciones a.accion-texto{min-height:48px;padding:12px 10px;font-size:12px;line-height:20px;white-space:nowrap}.hero-acciones a>span{display:none}.atajo-pos{padding:15px 16px;margin-top:22px}.cabecera-demo h2{font-size:21px}.cabecera-demo p{font-size:12px}.accion-principal{font-size:12px;padding:13px 18px;gap:18px}.accion-texto{font-size:11px}.firma-humana{font-size:10px;line-height:1.6;margin-top:12px}.cabecera-demo{font-size:10px}.selector-negocios{gap:5px}.selector-negocios button{padding:9px 10px;font-size:9px;min-height:40px}.escenario{padding-left:8px;padding-top:75px;margin-top:16px}.apunte{width:235px;padding-left:20px}.apunte>p{font-size:20px}.aplicacion{transform:rotate(.7deg)}.app-cabecera{padding:11px 12px;gap:8px}.app-cabecera strong{font-size:11px}.app-tipo{font-size:8px}.app-vista{padding:15px 12px 12px;min-height:254px}.vista-titulo h2{font-size:16px}.dato-progreso{font-size:22px}.ruta-visual{margin-inline:-5px}.ruta-visual svg{min-height:127px}.proximo strong{font-size:9px}.saldo{font-size:20px}.app-pie{padding:10px 12px;gap:8px}.app-pie p{font-size:9px;max-width:18ch}.app-pie button{font-size:10px;padding-inline:10px;gap:7px;min-height:44px}.resultado-demo{margin-left:8px;font-size:10px}.demo-controles{margin-left:8px;font-size:8px}.hero-pie{padding:12px 20px;gap:15px;font-size:9px}.hero-pie button{font-size:9px;flex-shrink:0}.agenda-semana{gap:2px}.agenda-semana>span{padding:5px 4px;font-size:8px;gap:4px}.cita{font-size:9px;gap:5px;grid-template-columns:33px 1fr auto;padding-block:9px}.cita small{font-size:7px}.tablero{gap:5px;min-height:180px}.columna-orden{padding:5px}.columna-orden h3{font-size:8px}.orden{padding:7px 5px}.orden strong{font-size:8px}.orden span{font-size:7px}.columna-vacia{font-size:8px}.cafe-vista{gap:10px;min-height:179px}.ticket-cafe{padding-inline:7px}.ticket-cafe>strong{font-size:15px}.menu-cafe svg{width:80px}.menu-cafe b{font-size:14px}.conexiones{padding:48px 20px 30px}.conexiones h2{font-size:35px}.conexiones-texto>p:not(.sobrelinea){font-size:14px}.conexion-grafica{padding:18px 13px 14px}.conexion-titulo{font-size:10px;margin-bottom:20px}.conexion-estado{font-size:8px}.conexion-piezas{grid-template-columns:1fr;gap:5px}.pieza{min-height:0;display:grid;grid-template-columns:1.1fr 1fr;gap:5px 12px;padding:16px;transform:none}.pieza-numero{grid-column:1/-1;font-size:8px;margin-bottom:6px}.pieza h3{font-size:21px;grid-column:1;grid-row:2/4}.pieza>strong{font-size:30px;grid-column:1;grid-row:2}.pieza>span:not(.pieza-numero){font-size:9px;min-height:0;grid-column:1;grid-row:3;margin:0}.pieza>p{grid-column:1/-1;margin-top:8px;padding-top:8px;font-size:9px}.pedido-dibujo,.stock-barras,.reporte-linea{grid-column:2;grid-row:2/4;align-self:center;padding:0;margin:0;min-height:0;height:44px}.enlace-piezas{transform:rotate(90deg);font-size:20px;line-height:24px}.conexion-resultado{font-size:10px;margin-top:15px}.conexion-disclaimer{font-size:8px}#como{margin-top:40px;padding-block:40px!important}#como>div>div:first-child{gap:12px!important}#como>div>div:first-child>svg{max-width:300px!important}#como h2{font-size:34px!important}#como [data-pasos]>div:not(:first-child){padding-bottom:28px!important}}
@media(max-width:350px){.hero-interior{padding-inline:16px}.selector-negocios button{padding-inline:8px;font-size:8px}.cabecera-demo{font-size:9px}.app-tipo{display:none}.app-pie{flex-wrap:wrap}.app-pie p{max-width:none;flex:1 1 100%}.app-pie button{width:100%}.app-vista{min-height:260px}.vista-titulo h2{font-size:15px}.hero-pie{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.aplicacion{transform:none}}
/* El papel deja respirar su texto antes de la interfaz en pantallas angostas. */
@media(max-width:520px){.escenario{padding-top:111px}.apunte{width:min(310px,96%)}}
.medida-acuerdo{border-left:4px solid #FFB45B;padding:4px 0 4px 18px;margin:8px 0 10px;font-size:15px}.medida-acuerdo strong{color:#2464C4;font-family:Manrope,sans-serif;font-size:21px;line-height:1.2;display:block}.medida-acuerdo p{font-size:14px;color:#586071;margin-top:10px;line-height:1.65}

/* Copy esencial: el resultado vive junto al botón y solo aparece al interactuar. */
.app-pie{flex-wrap:wrap;justify-content:flex-end;min-height:0}
.app-pie .app-resultado{flex:1 1 100%;max-width:none;font-size:12px;line-height:1.5;color:var(--tinta)}
.app-pie .app-resultado:empty{display:none}
.app-pie button{width:100%;min-height:44px}
.demo-controles{min-height:36px;margin-top:8px;font-size:10px}
.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.conexion-titulo{margin-bottom:16px}.conexion-estado{font-size:11px}.conexion-disclaimer{font-size:10px;margin-top:14px}
@media(max-width:880px){.conexiones{padding-top:36px}.conexiones-interior{gap:22px}}