:root{--brand-primary: #c56b6b;--brand-primary-hover: #a85555;--brand-primary-soft: #f5e4e4;--brand-dark: #0f1a2c;--brand-text: #2d3748;--brand-text-muted: #6b7280;--brand-placeholder: #9ca3af;--brand-bg: #f5f5f5;--brand-surface: #ffffff;--brand-border: #e5e7eb;--brand-ok: #059669;--brand-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--brand-radius: 12px;--brand-radius-btn: 999px;--brand-shadow: 0 2px 8px rgba(15, 26, 44, .05);--brand-shadow-lg: 0 20px 40px rgba(15, 26, 44, .15);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--brand-font);background:var(--brand-bg);color:var(--brand-text);-webkit-font-smoothing:antialiased}::selection{background:var(--brand-primary-soft);color:var(--brand-primary-hover)}.app{min-height:100vh;display:flex;flex-direction:column;padding:1rem 1.25rem 1.25rem;max-width:72rem;margin:0 auto;position:relative}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:var(--brand-bg);display:flex;align-items:center;justify-content:center}header.cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0 1rem}.cabecera-acciones{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.ajustes-btn{padding:.4rem .95rem;font-size:.8rem}.marca{display:flex;align-items:center;gap:.75rem;min-width:0}.marca-icono{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:10px;background:var(--brand-primary);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px #c56b6b47}.marca-textos{display:flex;flex-direction:column;min-width:0}.marca-textos strong{font-size:1.05rem;font-weight:700;color:var(--brand-dark);letter-spacing:-.01em;line-height:1.2}.marca-textos span{font-size:.75rem;font-weight:500;color:var(--brand-text-muted)}h1,h2,h3{font-family:var(--brand-font);font-weight:700;color:var(--brand-dark);letter-spacing:-.01em}h1{font-size:1.15rem;margin:0}h2{font-size:.72rem;font-weight:600;margin:0 0 .85rem;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.06em}.indicador{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--brand-text-muted);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-btn);padding:.35rem .75rem}.indicador:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--brand-placeholder)}.indicador.iniciando:before{background:#f59e0b}.indicador.registrado{color:#065f46;background:#ecfdf5;border-color:transparent}.indicador.registrado:before{background:var(--brand-ok)}.indicador.error,.indicador.sin-registro{color:var(--brand-primary-hover);background:var(--brand-primary-soft);border-color:transparent}.indicador.error:before,.indicador.sin-registro:before{background:var(--brand-primary)}.error{background:var(--brand-primary-soft);color:var(--brand-primary-hover);border-radius:var(--brand-radius);padding:.75rem 1rem;font-size:.875rem;font-weight:500;margin:0 0 .85rem}.llamadas{flex:1;display:grid;grid-template-columns:minmax(16rem,.9fr) minmax(18rem,1.2fr) minmax(16rem,1fr);gap:1rem;min-height:0}.panel{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:calc(var(--brand-radius) + 4px);box-shadow:var(--brand-shadow);padding:1.15rem 1.2rem;min-height:0;overflow:auto}input{width:100%;padding:.7rem 1rem;font-size:.95rem;font-family:inherit;text-align:left;background:var(--brand-surface);color:var(--brand-text);border:1px solid var(--brand-border);border-radius:var(--brand-radius);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--brand-placeholder)}input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #c56b6b2e}.marcador input{text-align:center;font-size:1.2rem;font-weight:600;color:var(--brand-dark);letter-spacing:.02em}.teclado,.dtmf{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.9rem 0}button{padding:.65rem 1.1rem;font-size:.95rem;font-weight:500;font-family:inherit;color:var(--brand-dark);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-btn);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease}.teclado button{font-size:1.2rem;font-weight:600;padding:.75rem 0;border-radius:14px;background:var(--brand-bg);border-color:transparent;color:var(--brand-dark)}.teclado button:hover:not(:disabled){background:var(--brand-primary-soft);color:var(--brand-primary-hover)}button:hover:not(:disabled){background:var(--brand-bg)}button:disabled{opacity:.4;cursor:default}.primario{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.primario:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);box-shadow:0 6px 16px #c56b6b47;transform:translateY(-1px);color:#fff}.colgar{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.colgar:hover:not(:disabled){background:#1a2740;color:#fff}.marcador>.primario{width:100%;padding:.8rem 1.75rem}.vacio{color:var(--brand-text-muted);font-size:.875rem;margin:.75rem 0 0}.cargando-dir{display:flex;align-items:center;justify-content:center;min-height:7rem}.spinner{width:1.75rem;height:1.75rem;border:3px solid var(--brand-primary-soft);border-top-color:var(--brand-primary);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lista-personas{list-style:none;margin:.5rem 0 0;padding:0}.contactos h2{display:flex;align-items:center;gap:.5rem}.spinner-inline{width:.85rem;height:.85rem;border-width:2px;flex-shrink:0}.contactos>input{margin-bottom:.35rem}.fila-persona{width:100%;display:flex;align-items:center;gap:.7rem;text-align:left;border:none;border-radius:var(--brand-radius);padding:.55rem .45rem;margin:0;background:transparent}.fila-persona:hover:not(:disabled){background:var(--brand-primary-soft)}.persona-texto{flex:1;min-width:0;display:flex;flex-direction:column}.persona-nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--brand-dark)}.persona-meta{font-size:.75rem;font-weight:400;color:var(--brand-text-muted)}.persona-meta.perdida{color:var(--brand-primary);font-weight:500}.avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--brand-primary-soft);color:var(--brand-primary-hover);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.punto{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--brand-placeholder)}.punto.online{background:var(--brand-ok)}.en-llamada{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--brand-dark);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;z-index:2}.en-llamada .avatar{width:5.5rem;height:5.5rem;font-size:1.5rem;background:#c56b6b40;color:#fff;margin-bottom:1.1rem}.remoto{font-size:1.65rem;margin:0;font-weight:700;letter-spacing:-.02em}.sub{color:#ffffffa6;margin:.4rem 0 1.75rem;font-weight:500}.acciones{display:flex;gap:.65rem;justify-content:center;max-width:24rem;width:100%}.acciones button{flex:1}.en-llamada .primario:hover:not(:disabled){transform:translateY(-1px)}.en-llamada .colgar{background:var(--brand-primary);border-color:var(--brand-primary)}.en-llamada .colgar:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);box-shadow:0 6px 16px #c56b6b59}.en-llamada button:not(.primario):not(.colgar){background:#ffffff14;border-color:#ffffff1f;color:#fff}.en-llamada button:not(.primario):not(.colgar):hover:not(:disabled){background:#ffffff29}.en-llamada .dtmf{max-width:16rem;width:100%}.en-llamada .dtmf button{background:#ffffff14;border-color:transparent;color:#fff;border-radius:14px}.en-llamada .dtmf button:hover:not(:disabled){background:#c56b6b73}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a2c73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:5}.modal-sip{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:calc(var(--brand-radius) + 4px);box-shadow:var(--brand-shadow-lg);width:min(28rem,100%);max-height:min(90vh,40rem);overflow:auto;padding:1.25rem 1.35rem 1.4rem}.modal-sip-cabecera{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.modal-sip-cabecera h2{margin:0;font-size:1.05rem;text-transform:none;letter-spacing:-.01em;color:var(--brand-dark)}.modal-cerrar{width:2rem;height:2rem;padding:0;font-size:1.4rem;line-height:1;border:none;background:transparent;color:var(--brand-text-muted)}.modal-ayuda,.pista,.aviso-persistencia{font-size:.85rem;color:var(--brand-text-muted);margin:.5rem 0 .9rem;line-height:1.45}.aviso-persistencia{background:#fffbeb;color:var(--brand-dark);border-radius:var(--brand-radius);padding:.75rem .9rem;font-weight:500}.campo{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--brand-dark);margin-bottom:.75rem}.campo input[readonly]{background:var(--brand-bg);color:var(--brand-text-muted)}.modal-acciones{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.5rem}.modal-sip .error{margin-top:.85rem;margin-bottom:0}@media(max-width:800px){.llamadas{grid-template-columns:1fr}.app{padding:.85rem}}