/* interno.cienciapura.cl · el tablero del equipo. La base es la hoja de pruebas (protocolo de banco: índice a la izquierda, una página a la derecha y el resultado al pie), con la marca Ciencia Pura. */
:root{
  --suelo:#f1f4ee; --hoja:#ffffff; --hoja-2:#f7f9f4; --tinta:#172339; --suave:#53616c; --tenue:#7a8790;
  --linea:#dce2dd; --linea-fuerte:#bfc9c2;
  --marca:#001090; --marca-sobre:#ffffff; --marca-suave:#e8ebfa; --marca-borde:#c7cef3;
  --lima:#c4ed86; --lima-tinta:#10183f;
  --ok:#1d6b39; --ok-fondo:#e1f0e4; --falla:#b42318; --falla-fondo:#fbe6e2;
  --despues:#835309; --despues-fondo:#f7ebcd; --na:#56626b; --na-fondo:#e7ebed;
  --rr:#c8102e; --bb:#1f3fd1; --fr:#6e1428; --ww:#ecdcb3;
  --plan-azul:#001090; --plan-verde:#18753f; --plan-naranjo:#c2410c; --plan-rosado:#b0206f;
  --f-titulo:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --f-texto:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --sombra:0 1px 0 rgba(23,35,57,.04),0 10px 28px rgba(23,35,57,.07);
  --radio:12px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --suelo:#0b1120; --hoja:#121a2e; --hoja-2:#162036; --tinta:#e7ecf5; --suave:#a0aec2; --tenue:#7d8aa0;
    --linea:#25304a; --linea-fuerte:#36446a;
    --marca:#aebcff; --marca-sobre:#0b1120; --marca-suave:#1b254b; --marca-borde:#34407a;
    --lima:#c4ed86; --lima-tinta:#10183f;
    --ok:#7ad59a; --ok-fondo:#12301e; --falla:#ff9283; --falla-fondo:#3a1713;
    --despues:#f1c562; --despues-fondo:#33270c; --na:#aab5bf; --na-fondo:#202a38;
    --plan-azul:#aebcff; --plan-verde:#7ad59a; --plan-naranjo:#ffa071; --plan-rosado:#ff8cc6;
    --sombra:0 1px 0 rgba(0,0,0,.2),0 10px 28px rgba(0,0,0,.25);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --suelo:#0b1120; --hoja:#121a2e; --hoja-2:#162036; --tinta:#e7ecf5; --suave:#a0aec2; --tenue:#7d8aa0;
  --linea:#25304a; --linea-fuerte:#36446a;
  --marca:#aebcff; --marca-sobre:#0b1120; --marca-suave:#1b254b; --marca-borde:#34407a;
  --lima:#c4ed86; --lima-tinta:#10183f;
  --ok:#7ad59a; --ok-fondo:#12301e; --falla:#ff9283; --falla-fondo:#3a1713;
  --despues:#f1c562; --despues-fondo:#33270c; --na:#aab5bf; --na-fondo:#202a38;
  --plan-azul:#aebcff; --plan-verde:#7ad59a; --plan-naranjo:#ffa071; --plan-rosado:#ff8cc6;
  --sombra:0 1px 0 rgba(0,0,0,.2),0 10px 28px rgba(0,0,0,.25);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--suelo)}
body{margin:0;color:var(--tinta);font:16px/1.55 var(--f-texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--marca);text-underline-offset:3px}
code,.mono{font-family:var(--f-mono);font-size:.86em}
code{background:var(--hoja-2);border:1px solid var(--linea);border-radius:5px;padding:.05em .35em;overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--marca);outline-offset:2px;border-radius:6px}
h1,h2,h3{font-family:var(--f-titulo);line-height:1.15;margin:0;text-wrap:balance}

/* Barra superior */
.barra{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--hoja) 94%,transparent);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--linea)}
.barra-in{max-width:1320px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.marca{display:flex;flex-direction:column;line-height:1.1;margin-right:auto;min-width:0}
.marca b{font-family:var(--f-titulo);font-weight:700;letter-spacing:-.02em;color:var(--marca);font-size:1.02rem}
.marca span{font-size:.82rem;color:var(--suave)}
.espectro{display:grid;grid-template-columns:repeat(4,1fr);height:3px}
.espectro i:nth-child(1){background:var(--rr)}.espectro i:nth-child(2){background:var(--bb)}.espectro i:nth-child(3){background:var(--fr)}.espectro i:nth-child(4){background:var(--ww)}
.progreso{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.84rem;color:var(--suave)}
.progreso strong{color:var(--tinta);font-variant-numeric:tabular-nums}
.barra-total{width:150px;height:8px;border-radius:99px;background:var(--hoja-2);border:1px solid var(--linea);overflow:hidden;display:flex}
.barra-total i{display:block;height:100%}
.barra-total .b-ok{background:var(--ok)}.barra-total .b-falla{background:var(--falla)}.barra-total .b-na{background:var(--na)}.barra-total .b-despues{background:var(--despues)}
.cuentas-estado{display:flex;gap:6px;flex-wrap:wrap}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border-radius:9px;border:1px solid var(--linea-fuerte);background:var(--hoja);color:var(--tinta);font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap}
.boton:hover{background:var(--hoja-2)}
.boton.primario{background:var(--marca);border-color:var(--marca);color:var(--marca-sobre)}
.boton.primario:hover{filter:brightness(1.08)}
.boton[disabled]{opacity:.45;cursor:not-allowed}
.boton-lista{display:none}
.corto{display:none}

/* Cuerpo */
.cuerpo{max-width:1320px;margin:0 auto;padding:20px 16px 56px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}

/* Lista de corrida */
.rail{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;background:var(--hoja);border:1px solid var(--linea);border-radius:var(--radio);padding:8px;overscroll-behavior:contain}
.rail-seccion+.rail-seccion{border-top:1px solid var(--linea);margin-top:6px;padding-top:6px}
.rail-cab{width:100%;display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;background:none;border:0;padding:8px 8px;border-radius:8px;text-align:left}
.rail-cab .chev,.rail-grupo .chev{transition:transform .15s ease;color:var(--tenue)}
.rail-cab[aria-expanded="false"] .chev,.rail-grupo[aria-expanded="false"] .chev{transform:rotate(-90deg)}
.rail-barra{display:flex;gap:6px;justify-content:flex-end;padding:0 2px 6px;border-bottom:1px solid var(--linea);margin-bottom:6px}
.rail-barra button{background:none;border:1px solid var(--linea);border-radius:7px;padding:4px 9px;font-size:.74rem;color:var(--suave)}
.rail-barra button:hover{background:var(--hoja-2);color:var(--tinta)}
.rail-cab:hover{background:var(--hoja-2)}
.rail-cab b{font-family:var(--f-titulo);font-weight:600;font-size:.95rem}
.rail-cab small{display:block;color:var(--suave);font-size:.76rem;font-variant-numeric:tabular-nums}
.rail-cab .cuenta{font-family:var(--f-mono);font-size:.76rem;color:var(--suave);font-variant-numeric:tabular-nums}
.rail-grupo{display:flex;align-items:center;gap:6px;width:100%;background:none;border:0;text-align:left;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--tenue);padding:10px 10px 4px;font-weight:600;border-radius:6px}
.rail-grupo:hover{color:var(--suave);background:var(--hoja-2)}
.rail-grupo .cuenta{margin-left:auto;letter-spacing:0;font-family:var(--f-mono);font-weight:400}
.rail-items{display:grid;gap:1px;padding:2px 0 6px}
.item{display:grid;grid-template-columns:14px auto minmax(0,1fr);align-items:baseline;gap:8px;width:100%;background:none;border:0;border-radius:7px;padding:6px 8px;text-align:left;font-size:.86rem;line-height:1.3}
.item:hover{background:var(--hoja-2)}
.item[aria-current="true"]{background:var(--lima);color:var(--lima-tinta)}
.item[aria-current="true"] .item-id{color:var(--lima-tinta)}
.item-id{font-family:var(--f-mono);font-size:.72rem;color:var(--tenue);white-space:nowrap}
.item-titulo{min-width:0;overflow-wrap:anywhere}
.punto{width:10px;height:10px;border-radius:50%;border:2px solid var(--linea-fuerte);align-self:center;flex-shrink:0}
.punto[data-estado="ok"]{background:var(--ok);border-color:var(--ok)}
.punto[data-estado="falla"]{border-radius:2px;transform:rotate(45deg) scale(.88);background:var(--falla);border-color:var(--falla)}
.punto[data-estado="despues"]{border-color:var(--despues);background:linear-gradient(to top,var(--despues) 50%,transparent 50%)}
.punto[data-estado="no_aplica"]{border:0;border-radius:2px;height:3px;background:var(--na)}
.item[aria-current="true"] .punto:not([data-estado]){border-color:var(--lima-tinta)}

/* Hoja */
.hoja{min-width:0;background:var(--hoja);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);display:flex;flex-direction:column}
.hoja:focus{outline:none}
.prueba{padding:28px clamp(16px,4vw,44px) 28px;display:grid;gap:22px;min-width:0}
.ubicacion{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);font-weight:600}
.ubicacion .sec{color:var(--marca)}
.titulo-fila{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.titulo-fila .id{font-family:var(--f-mono);font-size:.82rem;color:var(--suave);border:1px solid var(--linea-fuerte);border-radius:6px;padding:1px 7px;white-space:nowrap}
.prueba h1{font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:600;letter-spacing:-.025em;flex:1 1 20ch;min-width:0}
.objetivo{font-size:1.06rem;color:var(--suave);max-width:68ch;margin:0}
.meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding:14px 0;border-block:1px solid var(--linea)}
.meta div{min-width:0}
.meta dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);font-weight:600}
.meta dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;border-radius:99px;padding:2px 10px;border:1px solid transparent;white-space:nowrap}
.chip.listo{background:var(--ok-fondo);color:var(--ok)}
.chip.falta{background:var(--despues-fondo);color:var(--despues)}
.chip[data-estado="ok"]{background:var(--ok-fondo);color:var(--ok)}
.chip[data-estado="falla"]{background:var(--falla-fondo);color:var(--falla)}
.chip[data-estado="despues"]{background:var(--despues-fondo);color:var(--despues)}
.chip[data-estado="no_aplica"]{background:var(--na-fondo);color:var(--na)}
.chip.pendiente{background:var(--hoja-2);color:var(--suave);border-color:var(--linea)}
.aviso-prep{display:grid;grid-template-columns:auto 1fr;gap:12px;background:var(--despues-fondo);color:var(--tinta);border-radius:10px;padding:14px 16px}
.aviso-prep svg{color:var(--despues);margin-top:2px}
.aviso-prep b{color:var(--despues)}
.bloque{display:grid;gap:10px;min-width:0}
.bloque>h2{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:600;font-family:var(--f-texto)}
.texto{max-width:70ch;margin:0}
.pasos{margin:0;padding:0;list-style:none;counter-reset:paso;display:grid;gap:0;max-width:74ch}
.pasos li{counter-increment:paso;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--linea)}
.pasos li:last-child{border-bottom:1px solid var(--linea)}
.pasos li::before{content:counter(paso);font-family:var(--f-titulo);font-weight:600;font-size:.86rem;color:var(--marca);background:var(--marca-suave);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;line-height:1}
.pasos li>span{min-width:0;overflow-wrap:anywhere}
.pasos li.claude>span::before{content:"Claude";font-family:var(--f-mono);font-size:.7rem;font-weight:500;background:var(--lima);color:var(--lima-tinta);border-radius:5px;padding:1px 6px;margin-right:8px;vertical-align:1px}
.esperado{background:var(--marca-suave);border:1px solid var(--marca-borde);border-radius:10px;padding:14px 16px;display:grid;gap:6px}
.esperado h2{color:var(--marca)}
.si-falla{font-size:.93rem;color:var(--suave);max-width:72ch}
.fuente{font-family:var(--f-mono);font-size:.74rem;color:var(--tenue);overflow-wrap:anywhere;margin:0}
.lista-equipos{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lista-equipos li{border:1px solid var(--linea);background:var(--hoja-2);border-radius:8px;padding:5px 10px;font-size:.9rem}
.tabla-envoltura{overflow-x:auto;border:1px solid var(--linea);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);font-weight:600;background:var(--hoja-2)}
tr:last-child td{border-bottom:0}
td .mono{white-space:nowrap}
.enlaces{display:flex;flex-wrap:wrap;gap:10px}
.enlace{display:grid;gap:1px;text-decoration:none;border:1px solid var(--marca-borde);background:var(--hoja);border-radius:10px;padding:9px 14px;min-width:0;max-width:100%}
.enlace:hover{background:var(--marca-suave)}
.enlace b{color:var(--marca);font-weight:600;font-size:.94rem;display:flex;align-items:center;gap:6px}
.enlace span{font-family:var(--f-mono);font-size:.72rem;color:var(--suave);overflow-wrap:anywhere}
.nota-evidencia{font-size:.9rem;color:var(--suave);background:var(--hoja-2);border:1px solid var(--linea);border-radius:10px;padding:12px 14px;max-width:74ch}
.nota-evidencia b{color:var(--tinta)}

/* Resultado al pie */
.resultado{position:sticky;bottom:0;z-index:5;background:var(--hoja);border-top:1px solid var(--linea);border-radius:0 0 var(--radio) var(--radio);padding:14px clamp(16px,4vw,44px) calc(14px + env(safe-area-inset-bottom,0px));display:grid;gap:10px}
.estados{display:flex;flex-wrap:wrap;gap:8px}
.estado{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 14px;border-radius:9px;border:1px solid var(--linea-fuerte);background:var(--hoja);font-weight:600;font-size:.92rem}
.estado:hover{background:var(--hoja-2)}
.estado[aria-pressed="true"][data-valor="ok"]{background:var(--ok-fondo);border-color:var(--ok);color:var(--ok)}
.estado[aria-pressed="true"][data-valor="falla"]{background:var(--falla-fondo);border-color:var(--falla);color:var(--falla)}
.estado[aria-pressed="true"][data-valor="despues"]{background:var(--despues-fondo);border-color:var(--despues);color:var(--despues)}
.estado[aria-pressed="true"][data-valor="no_aplica"]{background:var(--na-fondo);border-color:var(--na);color:var(--na)}
.fila-nota{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.fila-nota textarea{width:100%;min-height:44px;max-height:180px;resize:vertical;border:1px solid var(--linea-fuerte);border-radius:9px;background:var(--hoja-2);padding:9px 12px;font-size:.93rem;line-height:1.45}
.fila-nota textarea::placeholder{color:var(--tenue)}
.navegar{display:flex;gap:8px}
.sello{font-size:.8rem;color:var(--suave);min-height:1.2em;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sello img{width:18px;height:18px;border-radius:50%}
.almacen{font-size:.78rem;color:var(--tenue)}
.almacen[data-estado="guardado"]{color:var(--ok)}
.almacen[data-estado="pendiente"]{color:var(--despues);font-weight:600}
.almacen[data-estado="error"]{color:var(--falla);font-weight:600}

/* Vistas especiales */
.telefono{display:grid;gap:12px;max-width:430px;background:var(--hoja-2);border:1px solid var(--linea);border-radius:22px;padding:14px}
.tel-cab{display:flex;align-items:center;gap:10px;padding:2px 4px 10px;border-bottom:1px solid var(--linea)}
.tel-cab .av{width:34px;height:34px;border-radius:50%;background:var(--marca);color:var(--marca-sobre);display:grid;place-items:center;font-family:var(--f-titulo);font-weight:700;font-size:.8rem}
.tel-cab b{display:block;font-size:.93rem}
.tel-cab small{color:var(--suave);font-size:.76rem}
.burbuja{background:var(--hoja);border:1px solid var(--linea);border-radius:4px 16px 16px 16px;padding:10px 12px 6px;font-size:.92rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 0 rgba(23,35,57,.05)}
.burbuja .hora{display:block;text-align:right;font-size:.7rem;color:var(--tenue);margin-top:4px}
.burbuja-para{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);font-weight:600;margin:4px 4px -6px}
.vistas{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.odoo{border:1px solid var(--linea);border-radius:12px;overflow:hidden;max-width:720px;background:var(--hoja)}
.odoo-cab{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:var(--hoja-2);border-bottom:1px solid var(--linea);font-size:.8rem;color:var(--suave)}
.odoo-cab .miga{font-weight:600;color:var(--tinta)}
.odoo-etapas{display:flex;gap:0;margin-left:auto;border:1px solid var(--linea-fuerte);border-radius:7px;overflow:hidden}
.odoo-etapas span{padding:3px 10px;font-size:.74rem}
.odoo-etapas span.activa{background:var(--marca);color:var(--marca-sobre)}
.odoo-cuerpo{padding:16px 18px;display:grid;gap:14px}
.odoo-cuerpo h3{font-family:var(--f-texto);font-size:1.15rem;font-weight:700;overflow-wrap:anywhere}
.odoo-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 24px;font-size:.88rem}
.odoo-campos div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;border-bottom:1px dashed var(--linea);padding:4px 0}
.odoo-campos dt{color:var(--suave)}
.odoo-campos dd{margin:0;overflow-wrap:anywhere}
.etiqueta-odoo{display:inline-block;background:var(--despues-fondo);color:var(--despues);border-radius:99px;padding:0 8px;font-size:.78rem;font-weight:600}
.odoo-desc{border-top:1px solid var(--linea);padding-top:12px;font-size:.86rem}
.odoo-desc dl{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:3px 14px;margin:8px 0}
.odoo-desc dt{color:var(--suave)}
.odoo-desc dd{margin:0}
.hilo{display:grid;gap:10px;max-width:760px}
.msj{border:1px solid var(--linea);border-radius:12px;padding:12px 14px;background:var(--hoja-2);display:grid;gap:6px}
.msj-cab{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--suave)}
.msj-cab b{color:var(--tinta)}
.msj p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.msj blockquote{margin:0;border-left:3px solid var(--linea-fuerte);padding:2px 10px;color:var(--suave);font-size:.88rem}
.msj.sistema{background:none;border-style:dashed;font-size:.86rem;color:var(--suave)}
.msj.claude{background:var(--marca-suave);border-color:var(--marca-borde)}
.msj.claude .msj-cab b{color:var(--marca)}
.clasif{font-family:var(--f-mono);font-size:.72rem;border-radius:5px;padding:1px 7px;border:1px solid var(--linea-fuerte)}
.preguntas{display:grid;gap:14px}
.pregunta{border:1px solid var(--linea);border-radius:12px;padding:14px 16px;display:grid;gap:10px;background:var(--hoja)}
.pregunta.contestada{border-color:var(--ok);background:color-mix(in srgb,var(--ok-fondo) 45%,var(--hoja))}
.pregunta-cab{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.pregunta-cab .id{font-family:var(--f-mono);font-size:.78rem;color:var(--suave)}
.pregunta-cab b{font-weight:600;flex:1 1 30ch;min-width:0}
.pregunta .contexto{font-size:.86rem;color:var(--suave);margin:0}
.opciones{display:flex;flex-wrap:wrap;gap:8px}
.opcion{border:1px solid var(--linea-fuerte);background:var(--hoja);border-radius:8px;padding:7px 12px;font-size:.88rem;text-align:left;max-width:100%}
.opcion[aria-pressed="true"]{background:var(--ok-fondo);border-color:var(--ok);color:var(--ok);font-weight:600}
.pregunta input[type="text"]{width:100%;border:1px solid var(--linea-fuerte);border-radius:8px;background:var(--hoja-2);padding:8px 11px;font-size:.9rem}
.planes{display:grid;gap:14px;max-width:820px}
.anillo{--c:var(--plan-azul);border:2px solid var(--c);border-radius:20px;padding:10px 12px 12px;display:grid;gap:8px;background:var(--hoja);min-width:0}
.anillo .anillo{background:var(--hoja-2)} .anillo .anillo .anillo{background:var(--hoja)} .anillo .anillo .anillo .anillo{background:var(--hoja-2)}
.anillo[data-color="verde"]{--c:var(--plan-verde)} .anillo[data-color="naranjo"]{--c:var(--plan-naranjo)} .anillo[data-color="rosado"]{--c:var(--plan-rosado)}
.anillo-cab{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline}
.anillo-cab b{font:700 1rem/1.25 var(--f-titulo);color:var(--c)}
.anillo-cab span{font-size:.86rem;color:var(--suave)}
.anillo ul{margin:0;padding-left:20px} .anillo li{margin:2px 0}
.anillo-nota{margin:0;font-size:.88rem;color:var(--suave)}
.opcionales{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.opcional{border:1px solid var(--linea);border-radius:var(--radio);padding:12px 14px;background:var(--hoja);display:grid;gap:4px;align-content:start;min-width:0}
.opcional small{font:600 .7rem/1.2 var(--f-titulo);letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.opcional p{margin:0;font-size:.92rem}
.flujo{list-style:none;margin:0;padding:0;display:grid;counter-reset:flujo;max-width:780px}
.flujo-paso{position:relative;display:grid;gap:4px;padding:2px 0 18px 30px;border-left:2px solid var(--linea-fuerte);margin-left:14px}
.flujo-paso:last-child{border-left-color:transparent;padding-bottom:0}
.flujo-paso::before{counter-increment:flujo;content:counter(flujo);position:absolute;left:-15px;top:-2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--hoja);border:2px solid var(--linea-fuerte);font:600 .82rem var(--f-titulo);color:var(--suave)}
.flujo-paso[data-estado="listo"]::before{border-color:var(--ok);color:var(--ok);background:var(--ok-fondo)}
.flujo-paso[data-estado="juntos"]::before{border-color:var(--marca);color:var(--marca);background:var(--marca-suave)}
.flujo-paso[data-estado="falta"]::before{border-color:var(--despues);color:var(--despues);background:var(--despues-fondo)}
.flujo-cab{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.flujo-cab b{font-weight:600}
.flujo-paso p{margin:0;color:var(--suave);font-size:.92rem;max-width:68ch}
.chip.juntos{background:var(--marca-suave);color:var(--marca)}
.checklista{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.checklista label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:9px 12px;border:1px solid var(--linea);border-radius:9px;background:var(--hoja-2);cursor:pointer}
.checklista input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ok)}
.secciones-inicio{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tarjeta-sec{display:grid;gap:8px;text-align:left;border:1px solid var(--linea);border-radius:12px;background:var(--hoja-2);padding:14px 16px}
.tarjeta-sec:hover{border-color:var(--marca-borde);background:var(--marca-suave)}
.tarjeta-sec b{font-family:var(--f-titulo);font-weight:600;font-size:1.05rem}
.tarjeta-sec p{margin:0;font-size:.88rem;color:var(--suave)}
.tarjeta-sec .mini-barra{height:6px;border-radius:99px;background:var(--hoja);border:1px solid var(--linea);display:flex;overflow:hidden}
.tarjeta-sec .mini-barra i{display:block;height:100%}
.tarjeta-sec small{font-family:var(--f-mono);font-size:.74rem;color:var(--suave);font-variant-numeric:tabular-nums}
.resumen-cifras{display:flex;flex-wrap:wrap;gap:10px}
.cifra{border:1px solid var(--linea);border-radius:10px;padding:10px 14px;min-width:110px;background:var(--hoja-2)}
.cifra b{display:block;font-family:var(--f-titulo);font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums}
.cifra span{font-size:.8rem;color:var(--suave)}
.enlace-fila{background:none;border:0;padding:0;color:var(--marca);text-decoration:underline;text-underline-offset:3px;font:inherit;text-align:left}

/* Avisos */
.avisos{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;gap:8px;width:min(30rem,calc(100% - 32px));pointer-events:none}
.aviso{background:var(--tinta);color:var(--suelo);border-radius:10px;padding:10px 14px;font-size:.9rem;box-shadow:var(--sombra)}

@media (max-width:900px){
  .cuerpo{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:14px}
  .rail{position:static;max-height:none;display:none}
  .rail[data-abierta="true"]{display:block}
  .boton-lista{display:inline-flex}
  .barra-total{width:110px}
  .progreso .detalle{display:none}
  .resultado{position:static;border-radius:0 0 var(--radio) var(--radio)}
}
@media (max-width:520px){
  .barra-in{gap:8px;flex-wrap:nowrap;padding-block:8px}
  .marca{display:none}
  .marca b{font-size:.95rem}
  .barra-total{display:none}
  .progreso{font-size:.8rem;white-space:nowrap}
  .boton{min-height:38px;padding:6px 10px}
  .largo{display:none}
  .corto{display:inline}
  .fila-nota{grid-template-columns:minmax(0,1fr)}
  .navegar{justify-content:space-between}
  .navegar .boton{flex:1}
  .estado{flex:1 1 calc(50% - 8px);justify-content:center;padding-inline:8px}
  .prueba{padding-top:20px;gap:18px}
  .odoo-campos div{grid-template-columns:96px minmax(0,1fr)}
}
@media (prefers-reduced-motion:no-preference){
  .prueba{animation:entra .22s ease-out both}
  @keyframes entra{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
}

/* ---------- Lo propio del tablero ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.contador{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--lima);color:var(--lima-tinta);font:600 .74rem var(--f-mono)}
.contador:empty{display:none}
.menu{position:relative}
.menu-boton{padding:4px;min-height:40px;min-width:40px;border-radius:50%}
.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--marca);color:var(--marca-sobre);font:700 .78rem var(--f-titulo);letter-spacing:.02em}
.menu-lista{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:var(--hoja);border:1px solid var(--linea);border-radius:12px;box-shadow:var(--sombra);padding:6px;display:grid;gap:2px;z-index:40}
.menu-lista .quien{padding:8px 10px 10px;border-bottom:1px solid var(--linea);margin-bottom:4px}
.menu-lista .quien b{display:block;font-family:var(--f-titulo)}
.menu-lista .quien span{font-size:.8rem;color:var(--suave)}
.menu-lista button{background:none;border:0;text-align:left;padding:9px 10px;border-radius:8px;font-size:.92rem}
.menu-lista button:hover{background:var(--hoja-2)}
.rail-familia{font:600 .68rem/1.2 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--marca);padding:12px 10px 4px}
.rail-familia:first-of-type{padding-top:4px}
.rail-barra .activo{background:var(--marca-suave);border-color:var(--marca-borde);color:var(--marca)}
.item.mio .item-id{color:var(--marca);font-weight:500}
.item[aria-current="true"].mio .item-id{color:var(--lima-tinta)}
.item .globo{justify-self:end;font:500 .68rem var(--f-mono);color:var(--suave);background:var(--hoja-2);border:1px solid var(--linea);border-radius:99px;padding:0 6px;margin-left:6px}
.item{grid-template-columns:14px auto minmax(0,1fr) auto}
.para-chips{display:flex;gap:6px;flex-wrap:wrap}
.para-chips .chip{background:var(--marca-suave);color:var(--marca)}
.para-chips .chip.yo{background:var(--lima);color:var(--lima-tinta)}
.aviso-version{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;background:var(--marca-suave);border:1px solid var(--marca-borde);border-radius:10px;padding:12px 16px;align-items:start}
.aviso-version svg{color:var(--marca);margin-top:2px}
.aviso-version p{margin:0}
.aviso-version .enlace-fila{margin-left:4px}
.nota-hermes{font-size:.86rem;color:var(--suave);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.nota-hermes b{color:var(--tinta)}
.solo-mira{font-size:.86rem;color:var(--suave);margin:0}
.estado[disabled]{opacity:.5;cursor:not-allowed}
.conversacion{display:grid;gap:10px;border-top:1px solid var(--linea);padding-top:20px}
.conv-titulo{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:600;font-family:var(--f-texto)}
.aviso-enlace{color:inherit;font-weight:600}
.ref{font-family:var(--f-mono);font-size:.88em}
.comentario{border:1px solid var(--linea);border-radius:12px;padding:10px 14px;background:var(--hoja-2);display:grid;gap:4px;max-width:760px}
.comentario.robot{background:var(--marca-suave);border-color:var(--marca-borde)}
.comentario.resuelto{opacity:.62}
.comentario .msj-cab{align-items:center}
.comentario p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.comentario .resolver{margin-left:auto;background:none;border:0;color:var(--marca);font-size:.78rem;text-decoration:underline;text-underline-offset:3px;padding:0}
.escribir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;max-width:760px}
.escribir textarea{width:100%;min-height:46px;max-height:220px;resize:vertical;border:1px solid var(--linea-fuerte);border-radius:9px;background:var(--hoja);padding:9px 12px;font-size:.93rem;line-height:1.45}
details.historial-pagina{border-top:1px solid var(--linea);padding-top:14px}
details.historial-pagina summary{cursor:pointer;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:600}
.linea-tiempo{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:0;max-width:820px}
.linea-tiempo li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--linea);font-size:.9rem}
.linea-tiempo time{font-family:var(--f-mono);font-size:.74rem;color:var(--tenue);padding-top:2px}
.linea-tiempo .que{min-width:0;overflow-wrap:anywhere}
.linea-tiempo .que b{font-weight:600}
.linea-tiempo .hermes{display:block;margin-top:4px;font-size:.84rem;color:var(--suave)}
.linea-tiempo .hermes::before{content:"Hermes";font-family:var(--f-mono);font-size:.68rem;background:var(--marca-suave);color:var(--marca);border-radius:5px;padding:1px 6px;margin-right:6px}
.clase{font-family:var(--f-mono);font-size:.7rem;border-radius:5px;padding:1px 6px;border:1px solid var(--linea-fuerte);margin-left:6px;white-space:nowrap}
.clase[data-c="decision_jp"]{border-color:var(--despues);color:var(--despues)}
.clase[data-c="desarrollo_claude"]{border-color:var(--marca);color:var(--marca)}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.tarjeta{border:1px solid var(--linea);border-radius:var(--radio);padding:14px 16px;background:var(--hoja-2);display:grid;gap:6px;align-content:start;min-width:0}
.tarjeta small{font:600 .7rem/1.2 var(--f-titulo);letter-spacing:.08em;text-transform:uppercase;color:var(--ok)}
.tarjeta b{font-family:var(--f-titulo);font-weight:600;font-size:1.02rem}
.tarjeta p{margin:0;font-size:.92rem;color:var(--suave)}
.listas{display:grid;gap:16px;max-width:780px}
.listas h3{font-size:.95rem;font-weight:600}
.listas ul{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}
.clientes td.cli b{display:block}
.clientes td.cli small{color:var(--suave)}
.clientes tr.no-llamar td{opacity:.5}
.clientes tr.no-llamar td.cli{opacity:1}
.clientes .no-llamar-chip{display:inline-block;margin-top:4px;font-size:.7rem;font-weight:600;color:var(--despues);background:var(--despues-fondo);border-radius:99px;padding:0 8px;white-space:nowrap}
.clientes .estrellas{color:var(--plan-rosado);letter-spacing:2px;white-space:nowrap}
.clientes .estrellas i{color:var(--linea-fuerte);font-style:normal}
.clientes table{min-width:1000px}
.clientes td:nth-child(4){min-width:280px}
.clientes td:nth-child(5){min-width:220px}
.clientes .chip{white-space:normal;text-align:left;line-height:1.3;padding:3px 9px}
.clientes .lista-equipos{gap:5px}
.mensajes{display:grid;gap:12px;max-width:780px}
.mensaje{border:1px solid var(--linea);border-radius:12px;padding:12px 14px;background:var(--hoja-2);display:grid;gap:8px}
.mensaje header{display:flex;justify-content:space-between;gap:10px;align-items:center}
.mensaje pre{margin:0;white-space:pre-wrap;font:inherit;font-size:.94rem;overflow-wrap:anywhere}
.mitoca{display:grid;gap:18px}
.mitoca .grupo-toca{display:grid;gap:6px}
.mitoca h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:600;font-family:var(--f-texto)}
.mitoca .fila-toca{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline;text-align:left;background:var(--hoja-2);border:1px solid var(--linea);border-radius:9px;padding:8px 12px}
.mitoca .fila-toca:hover{border-color:var(--marca-borde);background:var(--marca-suave)}
.mitoca .fila-toca .mono{color:var(--suave);font-size:.74rem}
.mitoca .fila-toca small{color:var(--suave);font-size:.78rem;white-space:nowrap}
.mitoca .vacio{color:var(--suave);margin:0}
.capa{position:fixed;inset:0;z-index:80;background:rgba(11,17,32,.45);display:grid;place-items:center;padding:16px}
.capa[hidden]{display:none}
.dialogo{background:var(--hoja);border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px 22px 18px;display:grid;gap:14px}
.dialogo h2{font-size:1.25rem}
.dialogo .pie{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.formulario{display:grid;gap:12px}
.formulario label{display:grid;gap:4px;font-size:.88rem;font-weight:600}
.formulario input,.formulario select{border:1px solid var(--linea-fuerte);border-radius:9px;background:var(--hoja-2);padding:9px 12px;font:inherit;font-weight:400}
.formulario small{font-weight:400;color:var(--suave)}
.error-form{color:var(--falla);font-size:.88rem;margin:0}
.personas td{vertical-align:middle}
.personas .acciones{display:flex;gap:6px;flex-wrap:wrap}
.personas .acciones button{font-size:.78rem;min-height:32px;padding:4px 10px}
.vieja{border:1px dashed var(--linea-fuerte);border-radius:12px;padding:14px;display:grid;gap:10px}

/* Páginas sueltas: entrar, elegir clave, pedir enlace */
body.suelta{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.suelta-caja{width:min(440px,100%);background:var(--hoja);border:1px solid var(--linea);border-radius:16px;box-shadow:var(--sombra);overflow:hidden}
.suelta-in{padding:26px 26px 22px;display:grid;gap:14px}
.suelta-in h1{font-size:1.6rem;letter-spacing:-.02em}
.suelta-in p{margin:0;color:var(--suave)}
.suelta-marca{display:grid;gap:2px;line-height:1.15}
.suelta-marca b{font-family:var(--f-titulo);color:var(--marca);font-size:1.05rem;letter-spacing:-.01em}
.suelta-marca span{font-size:.82rem;color:var(--suave)}
.suelta-form{display:grid;gap:14px}
.suelta-form label{display:grid;gap:5px;font-weight:600;font-size:.9rem}
.suelta-form input{border:1px solid var(--linea-fuerte);border-radius:10px;background:var(--hoja-2);padding:11px 13px;font:inherit;font-weight:400;font-size:1rem}
.suelta-form small{font-weight:400;color:var(--suave);font-size:.8rem}
.suelta-form .boton{min-height:46px}
.suelta-error{color:var(--falla)!important;background:var(--falla-fondo);border-radius:9px;padding:9px 12px;font-size:.9rem}
.suelta-pie{font-size:.9rem}

@media (max-width:520px){
  .linea-tiempo li{grid-template-columns:minmax(0,1fr)}
  .escribir{grid-template-columns:minmax(0,1fr)}
  .mitoca .fila-toca{grid-template-columns:minmax(0,1fr)}
  .contador{display:none}
}

/* ---------- Avance, puntaje y comentarios sobre el texto (09-10) ---------- */
.boton.puntos{gap:6px;padding-inline:12px;border-color:var(--lima);background:color-mix(in srgb,var(--lima) 22%,var(--hoja))}
.boton.puntos svg{color:var(--ok)}
.boton.puntos b{font:700 .95rem var(--f-titulo);font-variant-numeric:tabular-nums}
.puntos-nivel{font-size:.78rem;color:var(--suave);font-weight:500}
.aviso.logro{display:flex;gap:10px;align-items:center;background:var(--lima);color:var(--lima-tinta);font-weight:600}
.aviso.logro svg{flex:none}
.resumen-toca{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;background:var(--hoja-2);border:1px solid var(--linea);border-radius:var(--radio);padding:14px 18px}
.resumen-toca p{margin:0}
.resumen-toca .si-falla{margin-top:6px}
.anillo-avance{--pct:0;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ok) calc(var(--pct)*1%),var(--linea) 0);position:relative}
.anillo-avance::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--hoja-2)}
.anillo-avance b{position:relative;font:700 1.05rem var(--f-titulo);font-variant-numeric:tabular-nums}
.marcador{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.jugador{border:1px solid var(--linea);border-radius:var(--radio);padding:14px 16px;background:var(--hoja);display:grid;gap:12px;align-content:start;min-width:0}
.jugador.yo{border-color:var(--lima);box-shadow:0 0 0 3px color-mix(in srgb,var(--lima) 45%,transparent)}
.jug-cab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.jug-cab b{display:block;font-family:var(--f-titulo);font-weight:600}
.jug-cab small{color:var(--suave);font-size:.8rem}
.jug-puntos{text-align:right}
.jug-puntos b{font:700 1.6rem/1 var(--f-titulo);color:var(--marca);font-variant-numeric:tabular-nums}
.jug-puntos small{display:block;font-size:.72rem;color:var(--suave)}
.nivel{display:grid;gap:5px}
.nivel>span{display:flex;align-items:center;gap:4px;font-weight:600;font-size:.9rem;color:var(--ok)}
.nivel small{font-size:.76rem;color:var(--suave)}
.nivel-barra{height:8px;border-radius:99px;background:var(--hoja-2);border:1px solid var(--linea);overflow:hidden}
.nivel-barra i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--lima));border-radius:99px}
.jug-cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}
.jug-cifras dt{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);font-weight:600}
.jug-cifras dd{margin:2px 0 0;font:600 .95rem var(--f-titulo);font-variant-numeric:tabular-nums}
.logros{display:flex;flex-wrap:wrap;gap:5px}
.logros .chip{background:var(--ok-fondo);color:var(--ok);white-space:normal}
.boton.latido{animation:latido .9s ease-out 2}
@keyframes latido{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--marca) 55%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
.burbuja-com{position:absolute;z-index:70;display:inline-flex;align-items:center;gap:6px;background:var(--tinta);color:var(--suelo);border:0;border-radius:99px;padding:7px 13px;font-weight:600;font-size:.84rem;box-shadow:var(--sombra)}
.compositor{position:absolute;z-index:75;width:min(360px,calc(100vw - 32px));background:var(--hoja);border:1px solid var(--linea-fuerte);border-radius:12px;box-shadow:var(--sombra);padding:12px;display:grid;gap:10px}
.compositor textarea{width:100%;border:1px solid var(--linea-fuerte);border-radius:9px;background:var(--hoja-2);padding:9px 11px;font-size:.92rem;resize:vertical}
.compositor .pie{display:flex;justify-content:flex-end;gap:8px}
blockquote.cita{margin:0;border-left:3px solid var(--despues);background:var(--despues-fondo);border-radius:0 8px 8px 0;padding:6px 10px;font-size:.86rem;color:var(--tinta);cursor:pointer;overflow-wrap:anywhere}
mark.cita-com{background:color-mix(in srgb,var(--despues) 28%,transparent);color:inherit;border-bottom:2px solid var(--despues);border-radius:3px;cursor:pointer;padding:0 1px}
mark.cita-com:hover,mark.cita-com:focus-visible{background:color-mix(in srgb,var(--despues) 45%,transparent)}
.respuesta{margin-left:14px;border-left:2px solid var(--linea-fuerte);padding:4px 0 4px 12px;display:grid;gap:2px}
.respuesta p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.respuesta.robot{border-left-color:var(--marca)}
.responder{display:flex}
.responder .escribir{width:100%}
.pista{font-size:.8rem;color:var(--tenue);margin:0}
.destello{animation:destello 1.6s ease-out}
@keyframes destello{0%{box-shadow:0 0 0 4px color-mix(in srgb,var(--despues) 60%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.boton.latido,.destello{animation:none}}
@media (max-width:520px){.puntos-nivel{display:none}.boton.puntos{padding-inline:9px;gap:4px}.jug-cifras{gap:6px 10px}.resumen-toca{grid-template-columns:minmax(0,1fr)}}