.ob{background:var(--app-noche);max-width:480px;min-height:100dvh;color:var(--app-blanco);font-family:var(--font-jakarta), "Plus Jakarta Sans", "Segoe UI", sans-serif;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.ob-top{background:linear-gradient(180deg, var(--app-cielo-suave), var(--app-cielo-medio));min-height:180px;color:var(--app-texto-1);flex:0 0 34%;justify-content:center;align-items:center;padding:30px 0 54px;display:flex;position:relative}.ob-top--alto{flex-basis:48%}.ob-progreso{background:var(--app-barra);border-radius:999px;height:6px;position:absolute;top:18px;left:22px;right:22px;overflow:hidden}.ob-progreso>i{background:var(--app-noche);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);display:block}.ob-panel{padding:28px 22px calc(24px + env(safe-area-inset-bottom));background:var(--app-noche);border-radius:44px 44px 0 0;flex-direction:column;flex:1;margin-top:-44px;display:flex;position:relative}.ob-pre{color:var(--app-suave);font-size:12px;font-weight:600}.ob-acento{color:var(--app-acento)}.ob-titulo{letter-spacing:-.01em;text-wrap:balance;margin-top:8px;font-size:22px;font-weight:800;line-height:1.2}.ob-lead{color:var(--app-suave);margin-top:6px;font-size:13.5px;line-height:1.45}.ob-lead b{color:var(--app-blanco)}.ob-boton{width:100%;height:52px;font:inherit;color:var(--app-acento-txt);background:linear-gradient(180deg, var(--app-acento-claro), var(--app-acento));cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:transform .12s,opacity .2s;display:flex;box-shadow:0 10px 22px -8px #f2a0848c}.ob-boton:active:not(:disabled){transform:scale(.97)}.ob-boton:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.ob-boton:focus-visible,.ob-opcion:focus-visible,.ob-enlace:focus-visible,.ob-chip:focus-visible{outline:3px solid var(--app-blanco);outline-offset:3px}.ob-pie{margin-top:auto;padding-top:16px}.ob-enlace{width:100%;min-height:48px;color:var(--app-suave);font-family:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:4px;font-size:13px;text-decoration:underline;display:block}.ob-opciones{flex-direction:column;gap:8px;margin-top:14px;display:flex}.ob-opcion{background:var(--app-noche-2);min-height:48px;color:var(--app-blanco);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border:0;border-radius:13px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13.5px;font-weight:600;transition:transform .12s,background .2s;display:flex}.ob-opcion:active{transform:scale(.97)}.ob-opcion[aria-pressed=true],.ob-opcion[aria-checked=true]{background:var(--app-noche-3);box-shadow:inset 0 0 0 2px var(--app-acento)}.ob-opcion[aria-pressed=true]:after,.ob-opcion[aria-checked=true]:after{content:"";background:var(--app-acento);border-radius:999px;width:10px;height:10px}.ob-campo{background:var(--app-blanco);width:100%;min-height:52px;color:var(--app-texto-1);font:inherit;border:0;border-radius:13px;margin-top:14px;padding:0 16px;font-size:16px;font-weight:600}.ob-parte{color:var(--app-suave);font-size:14px;font-weight:600;line-height:1.4}.ob-check{background:var(--app-noche-2);width:100%;color:var(--app-check-txt);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:13px;align-items:flex-start;gap:12px;margin-top:10px;padding:12px;font-size:13px;line-height:1.4;display:flex}.ob-check .cb{background:var(--app-borde-noche);color:#0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ob-check input:checked+.cb{background:var(--app-acento);color:var(--app-acento-txt)}.ob-check:has(input:focus-visible) .cb{outline:3px solid var(--app-blanco);outline-offset:2px}.ob-check a{color:var(--app-acento-claro)}.ob-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.ob-tile{background:var(--app-noche-2);min-height:92px;color:var(--app-blanco);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border:0;border-radius:14px;flex-direction:column;gap:8px;padding:12px;font-size:13px;font-weight:700;display:flex}.ob-tile[aria-pressed=true]{background:var(--app-noche-3);box-shadow:inset 0 0 0 2px var(--app-acento)}.ob-tile .ic{width:34px;height:34px;color:var(--app-texto-1);border-radius:12px;justify-content:center;align-items:center;display:flex}.ob-chat{background:var(--app-niebla);color:var(--app-texto-1)}.ob-chat-cab{background:var(--app-noche);min-height:64px;color:var(--app-blanco);justify-content:center;align-items:center;padding:18px 22px 12px;font-size:17px;font-weight:700;display:flex}.ob-curva{background:var(--app-noche);width:100%;height:40px;margin-top:-1px;display:block}.ob-chat-cuerpo{background:var(--app-niebla);flex-direction:column;flex:1;gap:10px;min-height:0;margin-top:-1px;padding:0 20px 12px;display:flex;position:relative;overflow-y:auto}.ob-burbuja{max-width:84%;padding:10px 13px;font-size:13.5px;line-height:1.45}.ob-burbuja--app{background:var(--app-burbuja);color:var(--app-burbuja-txt);border-radius:4px 16px 16px;align-self:flex-start}.ob-burbuja--yo{background:linear-gradient(180deg, var(--app-acento-claro), var(--app-acento));color:var(--app-acento-txt);border-radius:16px 4px 16px 16px;align-self:flex-end;font-weight:600}.ob-fila-app{align-items:flex-end;gap:8px;display:flex}.ob-mini-cara{border-radius:12px;flex-shrink:0;width:28px;height:28px}.ob-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ob-chip{background:var(--app-blanco);min-height:36px;color:var(--app-texto-1);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 5px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 10px -6px #1b3a4b73}.ob-chip--texto{padding-left:12px}.ob-chip--activo{background:var(--app-lavanda-fondo);color:var(--app-lavanda-txt)}.ob-chip:active{transform:scale(.97)}.ob-emo-otras{flex-direction:column;gap:10px;margin-top:12px;display:flex}.ob-emo-otras .g{letter-spacing:.06em;text-transform:uppercase;color:var(--app-suave);font-size:11px;font-weight:800}.ob-emo-otras .ob-chips{margin-top:4px}.ob-etiqueta{background:var(--app-lavanda-tenue);color:var(--app-lavanda-oscura);border-radius:999px;align-items:center;gap:5px;margin-bottom:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.ob-calma{background:linear-gradient(135deg, var(--app-lavanda-tenue), var(--app-menta-tenue));border-radius:18px;gap:12px;padding:14px;display:flex;box-shadow:0 10px 24px -14px #1b3a4b73}.ob-calma .ic{background:var(--app-menta);width:42px;height:42px;color:var(--app-texto-1);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-calma .l{letter-spacing:.07em;text-transform:uppercase;color:var(--app-lavanda-oscura);font-size:11px;font-weight:800}.ob-calma .t{margin-top:3px;font-size:13.5px;line-height:1.45}.ob-calma .s{color:var(--app-texto-2);margin-top:6px;font-size:12px}.ob-entrada{padding:10px 20px calc(14px + env(safe-area-inset-bottom));background:var(--app-niebla);align-items:center;gap:8px;display:flex}.ob-entrada input{background:var(--app-blanco);min-width:0;height:48px;color:var(--app-texto-1);font:inherit;border:0;border-radius:14px;flex:1;padding:0 14px;font-size:16px;box-shadow:0 6px 14px -10px #1b3a4b80}.ob-mic,.ob-enviar{background:linear-gradient(180deg, var(--app-acento-claro), var(--app-acento));width:52px;height:52px;color:var(--app-acento-txt);cursor:pointer;touch-action:manipulation;border:0;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 12px 24px -8px #f2a08499}.ob-mic[aria-pressed=true]{animation:1.1s ease-in-out infinite ob-latido}@keyframes ob-latido{0%,to{box-shadow:0 0 #f2a08499}50%{box-shadow:0 0 0 12px #f2a08400}}.ob-nota-voz{color:var(--app-texto-2);background:var(--app-niebla);padding:0 20px 6px;font-size:12px}.ob-oscura{padding:44px 22px calc(24px + env(safe-area-inset-bottom))}.ob-aro{width:150px;height:150px;margin:18px auto 0;position:relative}.ob-aro .c{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ob-aro .c b{font-size:38px;font-weight:800}.ob-aro .c small{color:var(--app-suave);font-size:12px}.ob-lista{flex-direction:column;gap:10px;margin-top:16px;display:flex}.ob-lista>div{background:var(--app-noche-2);border-radius:13px;align-items:center;gap:10px;padding:11px 12px;font-size:13.5px;font-weight:600;display:flex}.ob-lista .ok{background:var(--app-ok);width:24px;height:24px;color:var(--app-acento-txt);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-lista .girando{border:2.5px solid var(--app-ok);border-right-color:#0000;border-radius:999px;flex-shrink:0;width:24px;height:24px;animation:.9s linear infinite ob-gira}@keyframes ob-gira{to{transform:rotate(360deg)}}.ob-tipo{background:var(--app-lavanda-fondo);color:var(--app-lavanda-txt);border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:12.5px;font-weight:800;display:inline-flex}.ob-tipo svg{border-radius:999px;width:24px;height:24px}.ob-sub{letter-spacing:.07em;text-transform:uppercase;color:var(--app-suave);margin-top:12px;font-size:11px;font-weight:800}.ob-rasgo{background:var(--app-noche-2);border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:9px 10px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.ob-rasgo .rc{width:28px;height:28px;color:var(--app-texto-1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-rec{background:var(--app-niebla);color:var(--app-texto-1);border-radius:16px;margin-top:12px;padding:12px 14px}.ob-rec .l{letter-spacing:.06em;text-transform:uppercase;color:var(--app-terracota);font-size:11px;font-weight:800}.ob-rec p{margin-top:4px;font-size:14px;font-weight:600;line-height:1.45}.ob-linea{flex-direction:column;margin-top:18px;display:flex}.ob-linea .e{grid-template-columns:34px 1fr;gap:12px;padding-bottom:16px;display:grid;position:relative}.ob-linea .e:before{content:"";background:var(--app-borde-noche);width:2px;position:absolute;top:34px;bottom:-2px;left:16px}.ob-linea .e:last-child:before{display:none}.ob-linea .pt{z-index:1;width:34px;height:34px;color:var(--app-texto-1);border-radius:999px;justify-content:center;align-items:center;display:flex}.ob-linea h4{font-size:14.5px;font-weight:800}.ob-linea p{color:var(--app-suave);margin-top:2px;font-size:13px;line-height:1.4}.ob-plan{background:linear-gradient(var(--app-noche-2), var(--app-noche-2)) padding-box, linear-gradient(135deg, color-mix(in oklab, var(--app-acento) 30%, transparent), transparent 65%) border-box;width:100%;color:var(--app-blanco);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border:2px solid #0000;border-radius:16px;margin-top:14px;padding:13px;transition:transform .12s,background-color .2s;display:block;position:relative}.ob-plan:active{transform:scale(.98)}.ob-plan[aria-checked=true]{background:linear-gradient(var(--app-noche-3), var(--app-noche-3)) padding-box, linear-gradient(135deg, var(--app-acento), color-mix(in oklab, var(--app-acento) 40%, transparent) 65%) border-box}.ob-plan .b{background:var(--app-acento);color:var(--app-acento-txt);letter-spacing:.06em;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800;position:absolute;top:-10px;left:14px}.ob-plan .sel{background:var(--app-ok);color:var(--app-noche-3);letter-spacing:.06em;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:10.5px;font-weight:800;display:flex;position:absolute;top:-10px;right:14px}.ob-plan .n{justify-content:space-between;font-size:13.5px;font-weight:700;display:flex}.ob-plan .p{margin-top:4px;font-size:28px;font-weight:800}.ob-plan .p small{color:var(--app-suave);font-size:13px;font-weight:600}.ob-plan .s{color:var(--app-valida-txt);margin-top:2px;font-size:13px}.ob-micro{text-align:center;color:var(--app-suave);margin:10px 0 6px;font-size:12px;line-height:1.4}@media (prefers-reduced-motion:reduce){.ob-progreso>i,.ob-boton,.ob-opcion{transition:none}.ob-lista .girando,.ob-mic[aria-pressed=true]{animation:none}}.ob-top--demo{flex-basis:60%;padding-top:44px}.ob-demo{flex-direction:column;gap:10px;width:100%;max-width:330px;padding:0 20px;display:flex}.ob-demo .ob-burbuja{font-size:13px}.ob-calma--mini{padding:10px 12px}.ob-calma--mini .t{margin-top:2px;font-size:13px}@keyframes ob-sube{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ob-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.ob-panel>*,.ob-oscura>*{animation:.45s cubic-bezier(.16,1,.3,1) both ob-sube}.ob-panel>:nth-child(2),.ob-oscura>:nth-child(2){animation-delay:70ms}.ob-panel>:nth-child(3),.ob-oscura>:nth-child(3){animation-delay:.14s}.ob-panel>:nth-child(4),.ob-oscura>:nth-child(4){animation-delay:.21s}.ob-panel>:nth-child(5),.ob-oscura>:nth-child(5){animation-delay:.28s}.ob-panel>:nth-child(n+6),.ob-oscura>:nth-child(n+6){animation-delay:.35s}.ob-panel>div[style*=auto\ 0]>*{animation:.45s cubic-bezier(.16,1,.3,1) both ob-sube}.ob-panel>div[style*=auto\ 0]>:nth-child(2){animation-delay:70ms}.ob-panel>div[style*=auto\ 0]>:nth-child(3){animation-delay:.14s}.ob-panel>div[style*=auto\ 0]>:nth-child(4){animation-delay:.21s}.ob-panel>div[style*=auto\ 0]>:nth-child(n+5){animation-delay:.28s}.ob-tipo{animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both ob-pop}@media (prefers-reduced-motion:reduce){.ob-panel>*,.ob-oscura>*,.ob-tipo{animation:none}}.ob-top--bajo{flex-basis:24%;min-height:128px}.ob-puntos{color:var(--app-texto-1);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ob-puntos div{background:var(--app-cielo-medio);border-radius:999px;gap:10px;padding:18px 22px;display:flex}.ob-puntos i{background:var(--app-barra);border-radius:999px;width:30px;height:10px;transition:background-color .2s}.ob-puntos i.on{background:var(--app-noche)}.ob-aviso{background:var(--app-lavanda-tenue);color:var(--app-lavanda-txt);border-radius:12px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:600}.ob-lead{font-size:14px}.ob-micro{font-size:13px}.ob-top--armando{flex-basis:38%}.ob-garantia{align-items:flex-start;gap:10px;margin:0 0 12px;font-size:13px;line-height:1.45;display:flex}.ob-garantia svg{color:var(--app-ok);flex-shrink:0;margin-top:1px}.ob-tiles{grid-template-columns:1fr;gap:8px}.ob-tile{flex-direction:row;align-items:center;gap:12px;min-height:52px;padding:8px 12px;font-size:14px}.ob-tile .ic{flex-shrink:0;width:34px;height:34px}
