/* SeixPanel · Ensayo con tu empresa — estilos (namespaced .ens, paleta avivada) */
/* Conmutador de modos */
.ens-modos{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.ens-modo-btn{appearance:none;flex:1 1 220px;border:3px solid #C9D4E3;background:#fff;background:linear-gradient(135deg,#F2F7FF,#EFFDF5);color:#3D4A5C;font-weight:900;font-size:1rem;border-radius:999px;padding:12px 16px;min-height:54px;cursor:pointer;transition:all .2s ease}
.ens-modo-btn:hover{transform:translateY(-1px)}
.ens-modo-btn.activo[data-modo-btn="casa"]{background:#0B5FFF;border-color:#0B5FFF;color:#fff;box-shadow:0 8px 20px rgba(11,95,255,.35)}
.ens-modo-btn.activo[data-modo-btn="ensayo"]{background:linear-gradient(90deg,#00D95F,#00B8F0);border-color:#00B8A9;color:#06281A;box-shadow:0 8px 20px rgba(0,217,95,.35)}
/* En modo ensayo se oculta la zona de la casa (su motor queda intacto) */
#simulador[data-modo="ensayo"] .sim-progreso,
#simulador[data-modo="ensayo"] #sim-progreso-txt,
#simulador[data-modo="ensayo"] #sim-pista,
#simulador[data-modo="ensayo"] .sim-etapas,
#simulador[data-modo="ensayo"] .sim-cierre,
#simulador[data-modo="ensayo"] .sim-cab [data-reset]{display:none}
#ensayo[hidden]{display:none}
/* Mini libro pegajoso */
.ens-mini{position:sticky;top:8px;z-index:30;display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;background:#12203C;background:linear-gradient(90deg,#12203C,#22406E);color:#BFD7FF;border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:700;margin:14px 0 12px;box-shadow:0 8px 22px rgba(18,32,60,.28)}
.ens-mini b{color:#fff;font-variant-numeric:tabular-nums}
/* Arranque */
.ens-arranque{background:#fff;background:linear-gradient(160deg,color-mix(in srgb,#00C2A8 13%,#fff) 0%,color-mix(in srgb,#00D95F 7%,#fff) 70%,#fff 100%);border:2px solid #00C2A8;border-radius:16px;padding:16px;margin:0 0 14px}
.ens-arranque h3{margin:0 0 6px;color:#12203C;font-size:1.15rem}
.ens-guia-txt{background:#F0FDF9;border-left:5px solid #00D95F;border-radius:8px;padding:9px 12px;margin:0 0 12px;color:#17202B}
.ens-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 12px}
.ens-form label,.ens-campo label{font-weight:700;color:#3D4A5C;font-size:.92rem;display:grid;gap:4px}
.ens-form input,.ens-campo input{font:inherit;font-weight:700;color:#12203C;background:#F8FAFF;border:2px solid #C9D4E3;border-radius:10px;padding:10px 12px;min-height:48px;width:100%}
.ens-form input:focus,.ens-campo input:focus{border-color:#00B8F0;outline:none;box-shadow:0 0 0 3px rgba(0,184,240,.25)}
.ens-form input:disabled,.ens-campo input:disabled{background:#EEF2F7;color:#5B6B80;border-color:#E1E8F0}
.ens-form input::placeholder,.ens-campo input::placeholder{color:#93A3B8;font-weight:600;opacity:1}
.ens-btn-grande{appearance:none;width:100%;border:none;border-radius:14px;min-height:58px;padding:12px 16px;font-size:1.1rem;font-weight:900;color:#06281A;background:linear-gradient(90deg,#00D95F,#00C2A8);cursor:pointer;box-shadow:0 8px 20px rgba(0,194,168,.35);transition:transform .12s ease,filter .2s ease}
.ens-btn-grande:hover{filter:brightness(1.05)}
.ens-btn-grande:active{transform:scale(.97)}
.ens-btn-grande:disabled{background:#E7F6EC;color:#067647;box-shadow:none;cursor:default}
.ens-nota{font-size:.88rem;color:#3D4A5C;margin:10px 0 0}
/* Libro en vivo */
.ens-libro{background:#fff;border:2px solid #12203C;border-radius:16px;overflow:hidden;margin:0 0 14px}
.ens-libro-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#12203C;background:linear-gradient(90deg,#12203C,#22406E);color:#fff;padding:10px 14px;font-weight:900}
.ens-libro-emp{color:#4CC9F0;font-weight:800}
.ens-libro-cab .ens-reset{margin-left:auto}
.ens-reset{appearance:none;border:2px solid #F87171;background:#fff;color:#B42318;font-weight:800;font-size:.88rem;border-radius:999px;padding:8px 14px;min-height:42px;cursor:pointer;transition:all .15s ease}
.ens-reset:hover{background:#FEF3F2}
.ens-reset.confirmando{background:#B42318;border-color:#B42318;color:#fff}
.ens-totales{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:1px;background:#E4EAF2}
.ens-total{background:#fff;background:color-mix(in srgb,#1E96FF 6%,#fff);padding:10px 12px}
.ens-total span{display:block;font-size:.8rem;font-weight:700;color:#3D4A5C;text-transform:uppercase;letter-spacing:.03em}
.ens-total b{font-size:1.22rem;font-weight:900;color:#12203C;font-variant-numeric:tabular-nums}
.ens-total-saldo{background:#ECFDF3}
.ens-total-saldo b{color:#067647}
.ens-movs{list-style:none;margin:0;padding:10px 14px;display:grid;gap:6px;max-height:260px;overflow:auto}
.ens-movs li{border-left:5px solid #00B8F0;background:#F8FAFF;background:color-mix(in srgb,#00B8F0 8%,#fff);border-radius:8px;padding:7px 10px;font-size:.94rem;color:#17202B}
.ens-movs .hora{font-family:ui-monospace,Consolas,monospace;font-size:.82rem;color:#3D4A5C;margin-right:6px}
.ens-mov-vacio{border-left-color:#C9D4E3!important;color:#3D4A5C}
.ens-libro .ens-nota{padding:0 14px 12px;margin:0}
/* Progreso del ensayo */
.ens-progreso{background:#E4EAF2;border-radius:999px;height:18px;overflow:hidden;margin:6px 0}
.ens-progreso-relleno{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#00D95F,#00B8F0,#1E96FF,#9B5CFF);transition:width .7s cubic-bezier(.22,1,.36,1)}
.ens-progreso-txt{font-size:.9rem;color:#3D4A5C;font-weight:700;margin:0 0 6px}
.ens-pista{min-height:1.5em;font-weight:700;color:#B54708;margin:0 0 10px}
.ens-pista:empty{display:none}
/* Etapas del ensayo (misma gramatica visual que .sim, colores mas avivados) */
.ens-etapas{display:grid;gap:14px}
.ens-etapa{background:#F8FAFF;background:linear-gradient(165deg,color-mix(in srgb,var(--c,#00B8F0) 17%,#fff) 0%,color-mix(in srgb,var(--c,#00B8F0) 8%,#fff) 55%,color-mix(in srgb,var(--c,#00B8F0) 3%,#fff) 100%);border:1px solid #D8DEE7;border-left:8px solid var(--c,#00B8F0);border-radius:14px;padding:16px;position:relative;transition:box-shadow .3s ease,opacity .3s ease,transform .3s ease,border-color .35s ease}
.ens-etapa[data-estado="pendiente"]{opacity:.62}
.ens-etapa[data-estado="activa"]{opacity:1;box-shadow:0 0 0 3px var(--c,#00B8F0),0 10px 26px rgba(18,32,60,.16)}
.ens-etapa[data-estado="hecha"]{opacity:1;background:#F8FAFF;background:linear-gradient(165deg,color-mix(in srgb,var(--c,#00B8F0) 28%,#fff) 0%,color-mix(in srgb,var(--c,#00B8F0) 15%,#fff) 55%,color-mix(in srgb,var(--c,#00B8F0) 7%,#fff) 100%);border-color:color-mix(in srgb,var(--c,#00B8F0) 42%,#D8DEE7);border-left:8px solid var(--c,#00B8F0)}
.ens-etapa-cab{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ens-num{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--c,#00B8F0);color:#12203C;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.ens-titulo{font-weight:800;color:#12203C;font-size:1.08rem}
.ens-check{margin-left:auto;font-size:1.3rem;color:#067647;opacity:0;transform:scale(.4)}
.ens-etapa[data-estado="hecha"] .ens-check{opacity:1;transform:scale(1);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s}
.ens-guia{background:#FFFBEB;border-left:5px solid var(--c,#00B8F0);border-radius:8px;padding:8px 12px;color:#17202B;margin:0 0 12px}
.ens-guia:empty{display:none}
.ens-campo{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 12px}
.ens-escena{min-height:10px}
.ens-escena:empty{display:none}
.ens-btn{appearance:none;width:100%;border:none;border-radius:14px;min-height:58px;padding:12px 16px;font-size:1.08rem;font-weight:900;color:#12203C;background:var(--c,#00B8F0);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(18,32,60,.18);transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}
.ens-btn:hover{filter:brightness(1.05)}
.ens-btn:active{transform:scale(.97)}
.ens-btn .dedo{display:inline-block;margin-right:8px;animation:ens-toca 1.1s ease-in-out infinite}
@keyframes ens-toca{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.ens-etapa[data-estado="hecha"] .ens-btn,.ens-etapa[data-estado="hecha"] .ens-btn:hover{background:#E7F6EC;color:#067647;box-shadow:none;cursor:default;filter:none}
.ens-etapa[data-estado="pendiente"] .ens-btn{background:#EDF1F6;color:#5B6B80;box-shadow:none}
.ens-onda{position:absolute;border-radius:50%;background:rgba(255,255,255,.65);transform:scale(0);animation:ens-onda .55s ease-out forwards;pointer-events:none}
@keyframes ens-onda{to{transform:scale(3.2);opacity:0}}
.ens-sacude{animation:ens-sacude .45s ease}
@keyframes ens-sacude{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}45%{transform:translateX(6px)}70%{transform:translateX(-4px)}90%{transform:translateX(2px)}}
.ens-doc{display:none;background:#F8FAFF;background:color-mix(in srgb,var(--c,#00B8F0) 10%,#fff);border:1.5px dashed var(--c,#00B8F0);border-radius:12px;padding:12px 14px;margin:0 0 12px}
.ens-doc.visible{display:block;animation:ens-doc-entra .45s cubic-bezier(.22,1,.36,1)}
@keyframes ens-doc-entra{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.ens-doc-t{font-weight:900;color:#12203C}
.ens-chip{display:inline-block;border-radius:999px;padding:2px 12px;font-size:.82rem;font-weight:800;background:#E7F6EC;color:#067647;border:1px solid #ABEFC6}
.ens-chip.abierta{background:#FEF0C7;color:#7A2E0E;border-color:#FDBA74}
.ens-monto{font-size:1.65rem;font-weight:900;color:#12203C;font-variant-numeric:tabular-nums}
.ens-sello{display:inline-block;border:3px solid #067647;color:#067647;font-weight:900;font-size:1.15rem;letter-spacing:.06em;border-radius:10px;padding:4px 16px;transform:rotate(-8deg) scale(1.7);opacity:0;margin:8px 0}
.ens-sello.visible{opacity:1;transform:rotate(-8deg) scale(1);transition:transform .28s cubic-bezier(.34,1.4,.64,1),opacity .15s ease}
.ens-fila{margin:0 0 12px}
.ens-fila-cab{display:flex;justify-content:space-between;gap:8px;font-weight:700;color:#17202B;flex-wrap:wrap}
.ens-fila-cab .ens-cifra{font-variant-numeric:tabular-nums;color:#12203C}
.ens-barra{background:#E4EAF2;border-radius:999px;height:20px;overflow:hidden;margin-top:4px}
.ens-barra-relleno{height:100%;width:0%;border-radius:999px;background:var(--c,#FFAA00);transition:width 1s cubic-bezier(.22,1,.36,1)}
.ens-total-fila{display:flex;justify-content:space-between;gap:8px;border-top:2px solid #12203C;padding-top:8px;font-weight:900;font-size:1.12rem;color:#12203C;font-variant-numeric:tabular-nums}
.ens-cadena{display:grid;gap:8px;margin:0 0 12px}
.ens-eslabon{display:flex;align-items:center;gap:10px;background:#F2F7F0;background:color-mix(in srgb,#00D95F 9%,#fff);border:1px solid #CDE7C5;border-radius:10px;padding:9px 12px;font-weight:700;color:#3D4A5C;opacity:.45;transform:translateX(-8px);transition:opacity .4s ease,transform .4s ease}
.ens-eslabon.visible{opacity:1;transform:none}
.ens-eslabon .marca{width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:#067647;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
/* Documento completo que se abre al cerrar cada fase (como en el panel real).
   Los estilos internos .hja-* viven en interactivo.css (ambas hojas cargan en la pagina). */
.ens-verdoc{display:none;appearance:none;align-items:center;gap:8px;border:2px solid var(--c,#00B8F0);background:#fff;background:color-mix(in srgb,var(--c,#00B8F0) 11%,#fff);color:#12203C;font-weight:800;font-size:.95rem;border-radius:999px;padding:9px 16px;min-height:46px;cursor:pointer;margin:0 0 12px;transition:background .2s ease,transform .12s ease}
.ens-etapa[data-estado="hecha"] .ens-verdoc{display:inline-flex}
.ens-verdoc:hover{background:#F1F5FB;background:color-mix(in srgb,var(--c,#00B8F0) 19%,#fff)}
.ens-verdoc:active{transform:scale(.97)}
.ens-hoja{display:none;background:#fff;border:1px solid #D8DEE7;border-radius:14px;box-shadow:0 14px 34px rgba(18,32,60,.14);overflow:hidden;margin:0 0 12px;text-align:left}
.ens-hoja.abierta{display:block;animation:ens-hoja-abre .55s cubic-bezier(.22,1,.36,1)}
@keyframes ens-hoja-abre{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
/* Cierre comercial */
.ens-cierre{display:none;background:linear-gradient(135deg,#ECFDF3,#EFF6FF);border:2px solid #00D95F;border-radius:16px;padding:18px;margin-top:16px;text-align:center}
.ens-cierre.visible{display:block;animation:ens-pop .5s cubic-bezier(.34,1.4,.64,1)}
@keyframes ens-pop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.ens-cierre .grande{font-size:1.3rem;font-weight:900;color:#12203C}
.ens-cierre-cifras{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px 0;font-weight:800;color:#17202B;font-variant-numeric:tabular-nums}
.ens-wa{display:inline-block;background:#25D366;color:#06281A;font-weight:900;font-size:1.08rem;border-radius:999px;padding:14px 26px;min-height:56px;text-decoration:none;box-shadow:0 8px 20px rgba(37,211,102,.4);margin:6px 0 4px;transition:transform .12s ease,filter .2s ease}
.ens-wa:hover{filter:brightness(1.05)}
.ens-wa:active{transform:scale(.97)}
.ens-cierre .ens-reset{margin-top:10px}
.ens-confeti{position:absolute;width:9px;height:9px;border-radius:2px;pointer-events:none;z-index:5}
@media (prefers-reduced-motion:reduce){
.ens *,.ens *::before,.ens *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
.ens-btn .dedo{animation:none}
.ens-mini{position:static}
}
/* Pregunta de modo al empezar: red de mercadeo o venta directa */
.ens-modo-venta{margin:2px 0 12px}
.ens-modo-q{margin:0 0 8px;color:#17202B}
.ens-modo-ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ens-modo-op{appearance:none;text-align:left;border:2.5px solid #C9D4E3;background:#F8FAFF;border-radius:14px;padding:12px 14px;min-height:64px;cursor:pointer;display:grid;gap:3px;transition:all .18s ease}
.ens-modo-op:hover{transform:translateY(-1px)}
.ens-modo-op-t{font-weight:900;color:#12203C;font-size:1rem}
.ens-modo-op-d{font-size:.88rem;color:#3D4A5C;font-weight:600}
.ens-modo-op.activo[data-mv-op="red"]{background:linear-gradient(135deg,#E3F1FF,#E7F6EC);border-color:#1E96FF;box-shadow:0 8px 20px rgba(30,150,255,.28)}
.ens-modo-op.activo[data-mv-op="directo"]{background:linear-gradient(135deg,#FFF3D6,#FFE9F4);border-color:#FFAA00;box-shadow:0 8px 20px rgba(255,170,0,.30)}
.ens-modo-op:disabled{cursor:default;opacity:.85;transform:none}
/* Chip de modo visible (mini-barra y libro) */
.ens-mini-modo{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 10px;color:#fff}
.ens-libro-modo{color:#BFD7FF;font-weight:800}
/* Variantes por modo: solo se ve la del modo elegido */
#ensayo[data-mv="red"] [data-solo-directo]{display:none!important}
#ensayo[data-mv="directo"] [data-solo-red]{display:none!important}
/* Acciones de cada documento: emitir en PDF y editar (visibles al completar la etapa) */
.ens-pdf,.ens-editar{display:none;appearance:none;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;min-height:46px;font-weight:800;font-size:.95rem;color:#12203C;cursor:pointer;margin:0 8px 12px 0;transition:background .2s ease,transform .12s ease}
.ens-etapa[data-estado="hecha"] .ens-pdf,.ens-etapa[data-estado="hecha"] .ens-editar{display:inline-flex}
.ens-pdf{border:2px solid #00B8F0;background:#fff;background:color-mix(in srgb,#00B8F0 11%,#fff)}
.ens-pdf:hover{background:color-mix(in srgb,#00B8F0 20%,#fff)}
.ens-editar{border:2px solid #FFAA00;background:#fff;background:color-mix(in srgb,#FFAA00 13%,#fff)}
.ens-editar:hover{background:color-mix(in srgb,#FFAA00 22%,#fff)}
.ens-pdf:active,.ens-editar:active{transform:scale(.97)}
/* Editor de la etapa: corrige los datos y todo se recalcula */
.ens-editor{background:#fff;border:2px dashed #FFAA00;border-radius:14px;padding:14px;margin:0 0 12px;text-align:left}
.ens-editor[hidden]{display:none}
.ens-editor-t{margin:0 0 10px;font-weight:800;color:#17202B}
.ens-editor-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 12px}
.ens-editor-campos label{font-weight:700;color:#3D4A5C;font-size:.92rem;display:grid;gap:4px}
.ens-editor-campos input{font:inherit;font-weight:700;color:#12203C;background:#F8FAFF;border:2px solid #C9D4E3;border-radius:10px;padding:10px 12px;min-height:48px;width:100%}
.ens-editor-campos input:focus{border-color:#FFAA00;outline:none;box-shadow:0 0 0 3px rgba(255,170,0,.25)}
.ens-editor-acciones{display:flex;gap:10px;flex-wrap:wrap}
.ens-editor-guardar{appearance:none;border:none;border-radius:12px;min-height:50px;padding:10px 18px;font-weight:900;font-size:1rem;color:#06281A;background:linear-gradient(90deg,#00D95F,#00C2A8);cursor:pointer;box-shadow:0 6px 16px rgba(0,194,168,.3)}
.ens-editor-guardar:active{transform:scale(.97)}
.ens-editor-cancelar{appearance:none;border:2px solid #C9D4E3;background:#fff;color:#3D4A5C;border-radius:12px;min-height:50px;padding:10px 18px;font-weight:800;font-size:1rem;cursor:pointer}