:root{--fondo:#0f1115;--panel:#171a21;--borde:#262b36;--texto:#e8eaf0;--tenue:#9aa3b2;--acento:#4f8cff;--error:#ff6b6b;--ok:#3ddc97;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;line-height:1.55}.contenedor{max-width:780px;margin:0 auto;padding:48px 20px 80px}.ancho{max-width:1100px}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:28px}h2{margin:32px 0 12px;font-size:20px}p{margin:0 0 16px}.tenue{color:var(--tenue)}.error{color:var(--error)}.ok{color:var(--ok)}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:12px;margin-bottom:16px;padding:24px}label{color:var(--tenue);margin-bottom:6px;font-size:14px;display:block}input[type=text],input[type=email],textarea{border:1px solid var(--borde);width:100%;color:var(--texto);background:#10131a;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:16px}input:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:-1px}.codigo{letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}button{background:var(--acento);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.secundario{border:1px solid var(--borde);color:var(--texto);background:0 0}button.detener{background:var(--error)}.fila{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.separado{justify-content:space-between}.punto{background:var(--error);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite latido}@keyframes latido{0%,to{opacity:1}50%{opacity:.25}}.cronometro{font-variant-numeric:tabular-nums;font-size:15px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--borde);padding:10px 12px}th{color:var(--tenue);font-weight:500}tr.clicable:hover{cursor:pointer;background:#1c202a}td.clicable{cursor:pointer}tr:hover td.clicable,a{color:var(--acento)}select{border:1px solid var(--borde);width:100%;color:var(--texto);background:#10131a;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:16px}.chat{background:var(--panel);border:1px solid var(--borde);border-radius:12px;flex-direction:column;gap:14px;max-width:760px;min-height:380px;max-height:62vh;margin:0 auto;padding:20px;display:flex;overflow-y:auto}.burbuja{max-width:78%}.burbuja .quien{color:var(--tenue);margin-bottom:4px;font-size:12px}.burbuja .dicho{white-space:pre-wrap;background:#202634;border-radius:12px;padding:12px 15px}.de-ella .dicho{background:#202634;border-top-left-radius:3px}.de-el{align-self:flex-end}.de-el .quien{text-align:right}.de-el .dicho{background:#2b3b57;border-top-right-radius:3px}.de-sistema{align-self:center;max-width:100%}.de-sistema .dicho{color:var(--tenue);background:0 0;padding:4px;font-size:13px}.parcial .dicho{opacity:.6;font-style:italic}.barra{align-items:center;gap:10px;max-width:760px;margin-top:14px;margin-left:auto;margin-right:auto;display:flex}.barra input[type=text]{flex:1}.adjuntar{border:1px solid var(--borde);color:var(--texto);cursor:pointer;background:0 0;border-radius:8px;padding:12px 14px;font-size:15px}.estado{color:var(--tenue);min-height:20px;margin-top:8px;font-size:13px}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;min-width:26px;height:26px}.burbuja .quien{align-items:center;gap:8px;display:flex}.retrato{object-fit:cover;border:2px solid var(--borde);border-radius:50%;flex-shrink:0;width:72px;min-width:72px;height:72px}.adjuntar.pedido{border-color:var(--acento);color:var(--acento);font-weight:600}.casilla{color:var(--texto);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.casilla input{width:16px;height:16px}textarea{resize:vertical}.aviso-idioma{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.linea{border-bottom:1px solid #1e2330;grid-template-columns:56px 60px 1fr;align-items:start;gap:10px;padding:7px 0;font-size:14px;display:grid}.linea:last-child{border-bottom:0}.linea.sistema{color:var(--tenue);font-style:italic}.momento{color:var(--acento);font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.momento:disabled{color:var(--tenue);cursor:default}.hablante{color:var(--tenue);font-size:13px}.linea.entrevistador .hablante{color:var(--acento)}.dicho-linea{white-space:pre-wrap}.pensando{color:var(--acento)}.pensando .puntos{text-align:left;width:1.1em;display:inline-block}