/* ═══════════════════════════════════════════════════════════════════════════════════════════════ APPLE.CSS — piel iOS/Apple de Mi Ceta (Ernesto 17/08/2026). CAPA VISUAL: tokens + componentes. Cómo funciona: apple.js pone en data-apple + data-tema="claro|oscuro" (auto por sistema, con override "Apariencia" en Más). Este archivo (1) define los tokens Apple, (2) los REMAPEA sobre las variables-contrato que ya usan las páginas (--bg --ink --muted --line --panel --card…) —igual que hacía neo-theme— para que el markup viejo siga andando, y (3) trae los componentes iOS con prefijo .ap-* que usan launcher, tab bar, Agenda y Solicitudes. Reemplaza a neo-theme (no conviven). Reglas del mock: -apple-system, letter-spacing -.012em, pesos 400/500/590 (700 solo large title), tabular-nums, motion 180-350ms cubic-bezier(.32,.72,0,1), un solo acento primario (azul). ═══════════════════════════════════════════════════════════════════════════════════════════════ */ /* ── 1) TOKENS ─────────────────────────────────────────────────────────────────────────────── */ html[data-apple]{ /* 🐛 --text-3 ERA #8e8e93 EN LOS DOS TEMAS: es el gris terciario de iOS, calibrado para fondo NEGRO. Sobre el blanco de este bloque —que es el tema CLARO— mide 2,9:1 contra el 4,5:1 que pide AA, y de este token cuelgan --muted, --mut, --gris, --suave y --c-muted, o sea 624 usos como `color` en 60 archivos: prácticamente toda la letra chica del portal. Medido en los paneles de gastos antes de tocarlo: el centro de costo 2,92 · la hora y los encabezados de tabla 3,26 · el «Ver los N viajes del mes» 2,83. #65656a es el mismo gris, un poco más oscuro: sobre blanco da 5,5, y sobre las superficies que llevan --fill encima —los chips de área, por ejemplo— 4,8. Con #6b6b70, que fue el primer intento, esos chips quedaban en 4,16: cerca, pero abajo del mínimo. En OSCURO el token está bien (5,2 a 6,4) y el bloque de abajo lo redefine, así que este cambio no lo toca. Se revisó antes de cambiarlo QUE NO ROMPA: de los 638 usos, 624 son `color` —donde un gris más oscuro sólo puede mejorar—, 9 son bordes y 1 un `fill` de SVG, donde oscurecer un gris de apoyo es inocuo. Ninguno lo usa como fondo, que era el único caso en el que esto habría cambiado un diseño en vez de arreglarlo. */ --bg:#f2f2f7; --card:#ffffff; --card-2:#ffffff; --text:#000; --text-2:#3c3c43; --text-3:#65656a; --sep:rgba(60,60,67,.16); --fill:rgba(120,120,128,.12); --fill-2:rgba(120,120,128,.2); --blue:#007AFF; --green:#34C759; --orange:#FF9500; --red:#FF3B30; --purple:#AF52DE; --teal:#30B0C7; --indigo:#5856D6; --pink:#FF2D55; --gray:#8e8e93; --blue-soft:rgba(0,122,255,.14); --green-soft:rgba(52,199,89,.16); --orange-soft:rgba(255,149,0,.16); --red-soft:rgba(255,59,48,.14); --purple-soft:rgba(175,82,222,.16); --teal-soft:rgba(48,176,199,.16); --indigo-soft:rgba(88,86,214,.16); --bar:rgba(242,242,247,.78); --shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.05); --ease:cubic-bezier(.32,.72,0,1); --dur:.24s; --safe-b:env(safe-area-inset-bottom,0px); --tab-h:61px; --top-h:52px; color-scheme:light; } html[data-apple][data-tema="oscuro"]{ --bg:#000; --card:#1c1c1e; --card-2:#2c2c2e; --text:#fff; --text-2:#ebebf5; --text-3:#8e8e93; --sep:rgba(84,84,88,.65); --fill:rgba(120,120,128,.24); --fill-2:rgba(120,120,128,.32); --blue:#0A84FF; --green:#30D158; --orange:#FF9F0A; --red:#FF453A; --purple:#BF5AF2; --teal:#40C8E0; --indigo:#5E5CE6; --pink:#FF375F; --blue-soft:rgba(10,132,255,.22); --green-soft:rgba(48,209,88,.2); --orange-soft:rgba(255,159,10,.2); --red-soft:rgba(255,69,58,.2); --purple-soft:rgba(191,90,242,.2); --teal-soft:rgba(64,200,224,.2); --indigo-soft:rgba(94,92,230,.22); --bar:rgba(0,0,0,.72); --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35); color-scheme:dark; } /* CONTROLES NATIVOS (Ernesto 17/08: el popup del lo dibuja el sistema y Safari ignora color-scheme, así que el desplegable salía blanco sobre la app oscura. Esta es la lista que lo reemplaza. El