*{box-sizing:border-box;margin:0}:root{--fondo: #F1F5F9;--tinta: #0F172A;--bot: #FFFFFF;--mia: #0F172A;--acento: #1D4ED8;--borde: #CBD5E1}html{font-size:16px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--fondo);color:var(--tinta);display:flex;flex-direction:column;min-height:100dvh}.barra{position:sticky;top:0;z-index:10;background:var(--tinta);color:#fff;padding:10px 16px}.barra__titulo{font-weight:700;font-size:1rem}.barra__texto{display:flex;justify-content:space-between;font-size:.875rem;margin:6px 0 4px}.barra__pista{height:8px;background:#334155;border-radius:4px;overflow:hidden}.barra__relleno{height:100%;width:0;background:#4ade80;transition:width .3s}.chat{flex:1;padding:16px 12px 8px;max-width:640px;width:100%;margin:0 auto}.burbuja{max-width:85%;padding:12px 14px;margin:6px 0;border-radius:16px;font-size:1rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.burbuja--bot{background:var(--bot);border:1px solid var(--borde);border-bottom-left-radius:4px}.burbuja--mia{background:var(--mia);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.burbuja--escribiendo{color:#64748b;font-style:italic}.entrada{position:sticky;bottom:0;background:var(--fondo);padding:8px 12px calc(12px + env(safe-area-inset-bottom));max-width:640px;width:100%;margin:0 auto}.opciones{display:grid;gap:8px}.opciones button,.entrada .principal{min-height:48px;font-size:1.05rem;font-weight:600;border:2px solid var(--tinta);border-radius:12px;background:#fff;color:var(--tinta);cursor:pointer;padding:10px 14px;text-align:center}.opciones button:active,.entrada .principal:active{background:var(--tinta);color:#fff}.opciones--fila{grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}.linea{display:flex;gap:8px}.linea input[type=text],.linea input[type=tel],.formulario input{flex:1;min-height:48px;font-size:1.1rem;padding:8px 12px;border:2px solid var(--tinta);border-radius:12px;width:100%}.formulario{display:grid;gap:8px}.formulario label{font-size:1rem;display:flex;gap:8px;align-items:center}.formulario input[type=checkbox]{width:24px;height:24px}.atras{min-height:44px;border:none;background:none;color:var(--acento);font-size:.95rem;cursor:pointer;text-decoration:underline;padding:6px;margin-top:2px}.acciones-fin{display:grid;gap:8px;margin-top:8px}.acciones-fin a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;text-decoration:none;font-size:1.05rem}.acciones-fin .whatsapp{background:#16a34a;color:#fff}.acciones-fin .aviso{border:2px solid var(--tinta);color:var(--tinta)}.estado{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:var(--tinta);color:#fff;border-radius:999px;padding:10px 18px;font-size:.95rem;z-index:20}.barra--brigada{background:#7c2d12}.barra--brigada .barra__titulo{display:flex;justify-content:space-between;align-items:center;gap:8px}.siguiente{min-height:40px;border:2px solid #fff;background:none;color:#fff;border-radius:10px;font-weight:700;padding:4px 12px;cursor:pointer}.login-brigada{display:grid;gap:10px;max-width:420px;margin:40px auto;padding:0 16px}.login-brigada input,.login-brigada select{min-height:48px;font-size:1.05rem;padding:8px 12px;border:2px solid var(--tinta);border-radius:12px;width:100%}.pendientes{font-weight:700}.pendientes--alerta{color:#fca5a5}