:root{--c-principal:#0f5c6e;--c-sobre:#fff;--c-suave:#e2f0f2;--c-fondo:#f6f9f9;--c-texto:#10212a;--c-secundario:#475a63;--c-blanco:#fff;--c-linea:#0000001f;--c-aviso-fondo:#fff4d6;--c-aviso-texto:#4a3500;--c-demo:#111317;--c-demo-texto:#fff;--fuente:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radio:14px;--alto-franja:28px;--alto-nav:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-fondo);color:var(--c-texto);font-family:var(--fuente);overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.5}a{color:var(--c-principal)}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--c-principal);outline-offset:2px}.franja-demo{z-index:100;height:calc(var(--alto-franja) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--c-demo);color:var(--c-demo-texto);letter-spacing:.08em;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:sticky;top:0}.app{max-width:640px;min-height:calc(100vh - var(--alto-franja));padding-bottom:calc(var(--alto-nav) + env(safe-area-inset-bottom) + 8px);margin:0 auto}.cabecera{background:var(--c-principal);color:var(--c-sobre);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.marca{color:inherit;align-items:center;gap:10px;min-height:44px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.marca img{background:var(--c-blanco);border-radius:8px}.papel-actual{text-transform:capitalize;border:1px solid;border-radius:999px;padding:4px 10px;font-size:14px}.barra-demo{background:var(--c-suave);border-bottom:1px solid var(--c-linea);flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.boton-demo{border:2px solid var(--c-principal);background:var(--c-blanco);min-height:44px;color:var(--c-principal);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.contenido{padding:16px}.titulo-pantalla{margin:4px 0 16px;font-size:24px;line-height:1.2}h2{margin:24px 0 10px;font-size:19px}.pie{text-align:center;color:var(--c-secundario);padding:8px 16px 16px;font-size:14px}.pie p{margin:4px 0}.nav-inferior{z-index:90;background:var(--c-blanco);border-top:1px solid var(--c-linea);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-inferior a{max-width:128px;min-height:var(--alto-nav);color:var(--c-secundario);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.nav-inferior a[aria-current=page]{color:var(--c-principal);font-weight:700}.tarjeta{background:var(--c-blanco);border:1px solid var(--c-linea);border-radius:var(--radio);margin-bottom:12px;padding:14px 16px}.tarjeta-suave{background:var(--c-suave)}.lista{margin:0;padding:0;list-style:none}.lista>li{background:var(--c-blanco);border:1px solid var(--c-linea);border-radius:var(--radio);margin-bottom:10px;padding:12px 14px}.fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.secundario{color:var(--c-secundario)}.pequeno{font-size:14px}.hora{font-variant-numeric:tabular-nums;font-weight:700}.etiqueta{background:var(--c-suave);color:var(--c-texto);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.boton{border:2px solid var(--c-principal);background:var(--c-principal);min-height:48px;color:var(--c-sobre);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.boton:disabled{opacity:.55;cursor:not-allowed}.boton-secundario{background:var(--c-blanco);color:var(--c-principal)}.boton-peligro{background:var(--c-blanco);color:#9b1c1c;border-color:#9b1c1c}.boton-ancho{width:100%}.boton-pequeno{min-height:44px;padding:6px 14px;font-size:15px}.acciones{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.aviso{background:var(--c-aviso-fondo);color:var(--c-aviso-texto);border:1px solid #e7c770;border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:15px}.aviso-fijo{font-weight:600}.campo{margin-bottom:14px;display:block}.campo>span{margin-bottom:6px;font-weight:600;display:block}.campo input,.campo select,.campo textarea{background:var(--c-blanco);width:100%;min-height:48px;color:var(--c-texto);border:1px solid #8a9599;border-radius:10px;padding:10px 12px;font-size:16px}.dias{gap:8px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.dias button,.huecos button,.segmentos button{background:var(--c-blanco);min-width:64px;min-height:44px;color:var(--c-texto);cursor:pointer;border:1px solid #8a9599;border-radius:10px;padding:6px 12px;font-size:15px}.dias button[aria-pressed=true],.huecos button[aria-pressed=true],.segmentos button[aria-pressed=true]{background:var(--c-principal);border-color:var(--c-principal);color:var(--c-sobre);font-weight:700}.huecos{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.segmentos{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.cargando{text-align:center;color:var(--c-secundario);padding:40px 16px}.chat{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.burbuja{background:var(--c-blanco);border:1px solid var(--c-linea);border-radius:14px;max-width:85%;padding:8px 12px}.burbuja-mia{background:var(--c-principal);color:var(--c-sobre);border-color:var(--c-principal);align-self:flex-end}.burbuja-sistema{background:var(--c-aviso-fondo);max-width:100%;color:var(--c-aviso-texto);border-color:#e7c770;align-self:stretch;font-weight:600}.burbuja .meta{opacity:.85;font-size:12px;display:block}.redactar{gap:8px;display:flex}.redactar input{border:1px solid #8a9599;border-radius:10px;flex:1;min-width:0;min-height:48px;padding:10px 12px;font-size:16px}.interruptor{border-bottom:1px solid var(--c-linea);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.interruptor input{width:26px;height:26px;accent-color:var(--c-principal)}.grafica{width:100%;height:auto;display:block}.entrada{text-align:center;max-width:520px;margin:0 auto;padding:24px 20px 40px}.entrada img{border-radius:20px}.entrada h1{margin:12px 0 6px;font-size:28px;line-height:1.15}.entrada .botones{gap:12px;margin:22px 0;display:grid}.realce-linea{color:var(--c-secundario);margin-top:18px;font-size:14px}.solo-lector{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}