/* UBINOW V2 · Panel del conductor simplificado */
.driver2 [hidden],.driver2[hidden]{display:none!important}
.driver2{display:grid;gap:16px}
.driver2-hero{position:relative;overflow:hidden;display:grid;gap:16px;padding:22px 18px;border-radius:26px;background:linear-gradient(135deg,#002c55,#004b82 58%,#0d78bd);color:#fff;box-shadow:0 22px 50px rgba(0,44,85,.28)}
.driver2-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(220,41,47,.5),transparent 68%)}
.driver2-hero-copy{position:relative;z-index:2}
.driver2-hero .eyebrow{color:#ff8f93}
.driver2-hero h1{margin:6px 0 4px;font-size:clamp(25px,5.4vw,38px);line-height:1.05;letter-spacing:-.04em}
.driver2-hero p{margin:0;max-width:44ch;color:rgba(255,255,255,.82);font-size:14px}
.driver2-hero-mark{position:relative;z-index:2;display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;padding:10px 15px 10px 11px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.driver2-hero-mark>svg{width:22px;color:#6debe5}
.driver2-hero-mark strong{display:block;font-size:13px}
.driver2-hero-mark small{color:rgba(255,255,255,.72);font-size:11px}
@media(min-width:900px){.driver2-hero{grid-template-columns:1fr auto;align-items:center;padding:30px 28px}}

/* interruptor de un toque */
.driver2-switch{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);transition:.22s}
.driver2.is-online .driver2-switch{border-color:color-mix(in srgb,var(--success) 55%,transparent);background:color-mix(in srgb,var(--success) 8%,var(--surface))}
.driver2.is-working .driver2-switch{border-color:color-mix(in srgb,var(--warning) 55%,transparent);background:color-mix(in srgb,var(--warning) 9%,var(--surface))}
@media(min-width:769px){.driver2-switch{grid-template-columns:1fr auto;align-items:center;padding:18px 20px}}
.driver2-toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;width:100%;min-height:72px;padding:8px;border:0;border-radius:20px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.driver2-toggle:disabled{cursor:not-allowed;opacity:.72}
.driver2-toggle-track{position:relative;width:94px;height:52px;flex:none;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);transition:.24s cubic-bezier(.4,0,.2,1)}
.driver2-toggle-thumb{position:absolute;top:4px;left:4px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--muted);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.24);transition:.24s cubic-bezier(.4,0,.2,1)}
.driver2-toggle-thumb svg{width:21px}
.driver2.is-online .driver2-toggle-track{background:color-mix(in srgb,var(--success) 26%,var(--surface-2));border-color:var(--success)}
.driver2.is-online .driver2-toggle-thumb{left:46px;background:var(--success);box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 20%,transparent),0 6px 16px rgba(0,0,0,.24)}
.driver2.is-working .driver2-toggle-track{background:color-mix(in srgb,var(--warning) 24%,var(--surface-2));border-color:var(--warning)}
.driver2.is-working .driver2-toggle-thumb{left:46px;background:var(--warning)}
.driver2-toggle-copy{display:grid;gap:3px;min-width:0}
.driver2-toggle-copy b{font-size:19px;letter-spacing:-.03em}
.driver2-toggle-copy small{color:var(--muted);font-size:12px;line-height:1.45}
.driver2-switch-side{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding-left:8px}
@media(min-width:769px){.driver2-switch-side{flex-direction:column;align-items:flex-end;padding-left:0}}
.driver2-gps{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:700}
.driver2-gps svg{width:15px;color:var(--success)}

.driver2-notice{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:center;padding:14px 16px;border:1px solid color-mix(in srgb,var(--warning) 45%,transparent);border-radius:20px;background:color-mix(in srgb,var(--warning) 10%,var(--surface))}
.driver2-notice>svg{width:22px;color:var(--warning)}
.driver2-notice strong{display:block;font-size:14px}
.driver2-notice small{color:var(--muted);font-size:12px}
.driver2-notice .button{min-height:42px;font-size:13px}
@media(min-width:769px){.driver2-notice{grid-template-columns:24px 1fr auto}}

.driver2-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:900px){.driver2-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
.driver2-metric{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.driver2-metric-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;background:var(--brand-soft);color:var(--brand)}
.driver2-metric-icon svg{width:20px}
.driver2-metric small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.driver2-metric strong{font-size:21px;letter-spacing:-.03em}

.driver2-actions{display:grid;gap:10px}
@media(min-width:769px){.driver2-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.driver2-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
.driver2-action{display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:12px;min-height:76px;padding:13px 15px;border:1px solid var(--line);border-radius:20px;background:var(--surface);cursor:pointer;transition:.18s}
.driver2-action:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px)}
.driver2-action-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--surface-2);color:var(--brand)}
.driver2-action-icon.accent{background:var(--signal);color:#fff}
.driver2-action-icon svg{width:21px}
.driver2-action strong{display:block;font-size:15px;letter-spacing:-.02em}
.driver2-action small{color:var(--muted);font-size:12px}
.driver2-action-arrow{width:18px;color:var(--muted)}
.toast-warning svg{color:var(--warning)}
@media(prefers-reduced-motion:reduce){.driver2-action:hover{transform:none}.driver2-toggle-track,.driver2-toggle-thumb{transition:none}}