:root{--navy:#1e3a5f;--navy-d:#0f1f35;--coral:#e84c3d;--bg:#f5f7fa;--txt:#1a1a1a;
--mut:#6b7280;--line:#dde3ea;--ok:#16a34a}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
background:var(--bg);color:var(--txt);padding-bottom:env(safe-area-inset-bottom)}
.top{background:var(--navy);color:#fff;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));
display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:20}
.marca{font-weight:800;letter-spacing:-.4px}.marca em{color:var(--coral);font-style:normal}
.quien{font-size:13px;opacity:.85}.quien a{color:#fff}
.tabs{display:flex;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:52px;z-index:19;overflow-x:auto}
.tabs a{flex:1;text-align:center;padding:14px 8px;min-height:48px;text-decoration:none;color:var(--mut);
font-size:14px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
.tabs a.on{color:var(--navy);border-bottom-color:var(--coral)}
.tabs a b{display:inline-block;background:var(--coral);color:#fff;font-size:11px;border-radius:999px;
padding:1px 7px;margin-left:5px;vertical-align:middle}
main{max-width:760px;margin:0 auto;padding:14px 12px 60px}
h2{font-size:18px;margin:18px 0 10px}
.barra-dia{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;
margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.barra-dia strong{font-size:26px}
.progreso{height:7px;background:var(--bg);border-radius:99px;margin-top:6px;overflow:hidden;min-width:150px}
.progreso i{display:block;height:100%;background:var(--ok)}
.ficha{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:11px}
.ficha.urge{border-left:4px solid var(--coral)}
.ficha.compacta{padding:11px 13px}
.fila1{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.fila1 strong{font-size:16px}
.chip{color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap}
.meta{color:var(--mut);font-size:13.5px;margin-top:3px}
.rojo{color:var(--coral)}
.acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;
border:none;border-radius:8px;background:var(--coral);color:#fff;font:600 14px inherit;
text-decoration:none;cursor:pointer}
.btn.tel{background:var(--ok)}
.btn.plano{background:#fff;color:var(--navy);border:1px solid var(--line)}
.nota{background:var(--bg);border-radius:7px;padding:9px 11px;font-size:14px;margin-top:9px;color:#3f4650}
.rapido{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.rapido select,.rapido input{font:14px inherit;padding:10px;min-height:44px;border:1px solid var(--line);
border-radius:7px;background:#fff}
.rapido input[name=nota]{flex:1;min-width:130px}
.filtros{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.filtros input,.filtros select{font:15px inherit;padding:11px;min-height:46px;border:1px solid var(--line);border-radius:8px;flex:1;background:#fff}
.mini{color:var(--mut);font-size:13px}
.vacio{color:var(--mut);padding:26px 0;text-align:center}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:8px}
.t{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center}
.t b{display:block;font-size:28px;color:var(--navy)}
.t span{font-size:12px;color:var(--mut)}
.fila-embudo{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.fila-embudo .et{width:104px;font-size:13px;color:var(--mut);flex:none}
.fila-embudo .barra{flex:1;height:20px;background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.fila-embudo .barra i{display:block;height:100%}
.fila-embudo .n{width:42px;text-align:right;font-weight:700;font-size:14px}
.entrar{max-width:340px;margin:16vh auto;padding:0 20px;text-align:center}
.entrar h1{font-size:22px;margin:14px 0 18px}
.entrar label{display:block;text-align:left;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--navy)}
.entrar input{width:100%;font:16px inherit;padding:13px;min-height:48px;border:1px solid var(--line);border-radius:8px;margin-top:5px}
.ancho{width:100%}
.aviso.malo{background:#fdecea;color:#b3261e;padding:11px;border-radius:8px;font-size:14px;margin-bottom:12px}