/* Hey · refinamiento de la composición original, sin reemplazar su identidad. */
:root{--ink:#16181E;--ink-soft:#414650;--ink-mute:#626975;--surface:#FFFFFF;--line:#DFE1E5;--accent:#16181E;--accent-texto:#414650;--accent-oscuro:#16181E;--accent-suave:#F1F3F5;--accent-borde:#DCE0E5;--rec:#FF4D4F;--barra:64px}
body.hey-ui{background:#0D1424;color:var(--ink);font-family:Inter,system-ui,sans-serif}
.hey-ui [hidden]{display:none!important}
.hey-ui img,.hey-ui .k-logo{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.hey-ui .contenedor{max-width:1280px;padding-inline:32px}
.hey-ui .fondo{opacity:1;object-position:58% 45%}
.hey-ui .fondo-velo{background:linear-gradient(90deg,rgba(13,20,36,.34),rgba(13,20,36,.46) 40%,rgba(13,20,36,.86) 75%,rgba(13,20,36,.88)),linear-gradient(0deg,rgba(13,20,36,.72),transparent 40%)}
.hey-ui .fondo-luz{mix-blend-mode:normal}
.hey-saltar{position:fixed;left:16px;top:12px;z-index:30;padding:12px 18px;background:#F4F1EA;color:#16181E;border-radius:8px;transform:translateY(-180%);font-size:13px}
.hey-saltar:focus{transform:none}
/* Dos áreas claras: herramienta a la izquierda, Kailini a la derecha. */
.hey-ui main{height:auto;min-height:calc(100svh - 64px);padding:88px 0 40px}
.hey-ui main>.contenedor{gap:48px;align-items:center}
.hey-ui .tarjeta-app.panel{width:410px;max-width:410px;flex-shrink:0;padding:22px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.58);background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.07),0 24px 70px -24px rgba(0,0,0,.4)}
.hey-ui #vistaGrabar.panel{max-height:none}
.hey-ui .panel::before{display:none}
.hey-ui .masthead{margin-bottom:14px}
.hey-ui .marca-hey{gap:12px}
.hey-ui .marca-hey img{width:72px;height:auto}
.hey-ui .marca-hey em{font-size:10px;letter-spacing:.1em;color:var(--ink-mute)}
.hey-ui .masthead-rule{margin:0 0 16px;background:#E7E8EB}
.hey-ui .tarjeta-app .titular{font-family:Inter,system-ui,sans-serif;font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.04em}
.hey-ui .mini-sub{font-size:12px;line-height:1.65;margin-top:5px;margin-bottom:12px;color:var(--ink-mute)}
/* La carpeta es la primera acción; su estado se distingue sin depender del color. */
.hey-ui .destino-wt{margin:0 0 16px;padding:12px;border:1px solid #DDE1E7;border-radius:12px;background:#F7F8FA;gap:12px}
.hey-ui .destino-wt:hover{background:#EFF2F5;border-color:#B8C0CB}
.hey-ui .dw-circulo{width:40px;height:40px;background:#fff;border:1px solid #D2D8E0;border-radius:50%;color:var(--ink)}
.hey-ui .dw-textos b{font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.02em}
.hey-ui .dw-textos #destinoDetalle{font-size:11px;line-height:1.6;white-space:normal;color:var(--ink-mute)}
.hey-ui .destino-wt.ok{background:#F2F8F4;border-color:#BFD8C9}
.hey-ui .destino-wt.ok .dw-circulo{background:var(--ok);border-color:var(--ok)}
.hey-ui .destino-wt.ok #destinoDetalle{color:var(--ok-texto)}
.hey-ui .destino-wt.atencion{border-color:#B79A5B;background:#FFFBEF}
/* Datos agrupados; calidad y formato permanecen visibles. */
.hey-ui .mini-campos{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin:0 0 14px}
.hey-ui .overline{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:6px;color:var(--ink-soft)}
.hey-ui #vistaGrabar input[type=text],.hey-ui #vistaGrabar select{min-height:42px;height:42px;padding:9px 10px;background-color:#fff;border:1px solid #D9DDE3;border-radius:8px;font-family:inherit;font-size:13px;line-height:1.5}
.hey-ui #vistaGrabar select{padding-right:28px;background-position:right 10px center}
.hey-ui #vistaGrabar input[type=text]:focus-visible,.hey-ui #vistaGrabar select:focus-visible{border:1px solid #16181E;outline:2px solid rgba(22,24,30,.2);outline-offset:2px;box-shadow:none}
.hey-ui #vistaGrabar input::placeholder{color:#69717E;opacity:1}
.hey-ui .fila-doble{grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:14px}
.hey-ui .fila-trans{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#F6F7F8;border:1px solid #E4E7EB;border-radius:10px}
.hey-ui .fila-trans .opcion-transcribir{font-size:13px;font-weight:500;gap:8px}
.hey-ui .opcion-transcribir input{width:17px;height:17px}
.hey-ui .mini-select{max-width:190px}
.hey-ui #vistaGrabar .fila-trans select{height:34px;min-height:34px;padding:5px 24px 5px 6px;background-color:transparent;border-color:transparent;font-size:12px}
.hey-ui .pie-form{margin-top:16px}
.hey-ui .nota-equipo{font-size:11px;line-height:1.7}
.hey-ui .btn.btn-bloque{min-height:46px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;border-radius:10px;background:#16181E;color:#fff;box-shadow:none}
.hey-ui .btn.btn-bloque .dot{width:8px;height:8px;background:var(--rec);box-shadow:0 0 0 4px rgba(255,77,79,.12)}
.hey-ui .btn.btn-bloque:not(:disabled):hover{background:#2A303B;box-shadow:0 5px 16px rgba(22,24,30,.16)}
.hey-ui .btn.btn-bloque:disabled{background:#E0E3E7;color:#505967;opacity:1;cursor:not-allowed}
.hey-ui .btn.btn-bloque:disabled .dot{background:#8A90A0;box-shadow:none}
.hey-ui .faltante{font-size:11px;line-height:1.6;font-weight:400;color:var(--ink-mute);margin-top:8px}
.hey-ui .faltante:empty{display:none}
.hey-ui .mini-ayuda{font-size:11px;line-height:1.75;padding-top:12px;border-top:1px solid #E7E8EB;margin-top:12px}
.hey-ui .mini-ayuda b{font-weight:600}
/* La marca y los servicios conservan su presencia en el paisaje. */
.hey-ui .kailini-panel{width:min(540px,44vw);max-width:540px;margin:0;gap:20px;color:#F4F1EA}
.hey-ui .k-logo-palabra{font-size:36px}
.hey-ui .k-logo-palabra .k-punto{color:var(--punto,#F4F1EA)}
.hey-ui .k-logo-etiqueta{font-size:12px;color:#C4CAD6}
.hey-ui .k-titular{font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,2.8vw,38px);line-height:1.16;font-weight:600;letter-spacing:-.045em;text-wrap:balance;max-width:510px}
.hey-ui .k-intro{font-size:14px;line-height:1.75;max-width:480px;color:#D3D8E2}
.hey-ui .k-prueba{font-size:12px;line-height:1.7;color:#C4CAD6;margin-top:-2px}
.hey-ui .k-lineas{gap:0;margin:0}
.hey-ui .k-linea{grid-template-columns:10px minmax(0,1fr) 16px;gap:14px;padding:12px 0;border-bottom:1px solid rgba(244,241,234,.13)}
.hey-ui .k-linea .k-dot{width:10px;height:10px}
.hey-ui .k-linea b{font-size:14px;color:#F4F1EA;font-weight:600;margin-bottom:3px}
.hey-ui .k-linea span{font-size:12px;line-height:1.5;color:#C4CAD6}
.hey-ui .k-linea .k-flecha{opacity:.65;transform:none;color:#F4F1EA}
.hey-ui .k-linea:hover .k-flecha,.hey-ui .k-linea:focus-visible .k-flecha{opacity:1;transform:translateX(3px)}
.hey-ui .k-cta{padding-top:4px;gap:20px}
.hey-ui .k-boton{min-height:44px;padding:10px 20px;font-size:13px}
.hey-ui .k-secundario{font-size:12px;font-weight:500}
/* Navegación sobre el paisaje; listas de idioma y avisos mantienen contraste. */
.hey-ui .tabs-flotantes{position:fixed;top:24px;right:max(32px,calc((100vw - 1280px)/2 + 32px));z-index:10;padding:4px;border:1px solid rgba(244,241,234,.2);background:rgba(13,20,36,.74);backdrop-filter:blur(14px);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.hey-ui .tabs>button,.hey-ui .tabs .btn-idioma{min-height:38px;font-size:12px;color:#D3D8E2}
.hey-ui .tabs>button.activo{background:#F4F1EA;color:#16181E;box-shadow:none}
.hey-ui .menu-idioma{border-left-color:rgba(244,241,234,.2)}
.hey-ui .btn-nav-sug{border-left-color:rgba(244,241,234,.2)}
.hey-ui .lista-idiomas{z-index:15}
.hey-ui .tabs>button:focus-visible,.hey-ui .btn-idioma:focus-visible{outline-color:#F4F1EA;outline-offset:2px}
.hey-ui .seccion-derecha{width:min(calc(100vw - 470px),860px);padding:104px 32px 36px 36px}
.hey-ui .seccion-derecha .faq-cuerpo h3{font-size:15px;font-weight:600}
.hey-ui .seccion-derecha .faq-cuerpo p{font-size:14px;line-height:1.8}
.hey-ui .seccion-derecha .lienzo-chip{color:var(--ink-soft);font-size:11px}
.hey-ui .panel-sug{z-index:20;top:84px;right:max(32px,calc((100vw - 1280px)/2 + 32px));padding:22px;border-radius:16px}
.hey-ui .panel-sug textarea:focus-visible{outline:2px solid #16181E;outline-offset:2px}
.hey-ui .rec-stop{background:var(--rec)}
.hey-ui .recu{border-left-color:var(--ambar);background:#FFFCF4}
.hey-ui .recu-cab{color:#745300}
.hey-ui .pie-barra{position:relative;min-height:64px;height:auto;padding:18px 0;border-top:1px solid rgba(244,241,234,.12);background:rgba(13,20,36,.64);font-size:12px}
.hey-ui .pie-barra a{font-size:12px}
.hey-ui .pie-barra .contenedor{min-height:0;flex-wrap:wrap;gap:12px 24px}
.hey-ui :is(button,summary,a):focus-visible{outline-offset:3px}
@media(max-width:1100px) and (min-width:1024px){.hey-ui .tarjeta-app.panel{width:390px;max-width:390px;padding:22px}.hey-ui .kailini-panel{width:44vw}.hey-ui .k-titular{font-size:30px}.hey-ui .kailini-panel{gap:17px}.hey-ui .k-intro{font-size:13px}}
@media(max-width:1023px){
.hey-ui main{min-height:0;padding:20px 0 32px}.hey-ui main>.contenedor{display:flex;flex-direction:column;align-items:stretch;gap:28px}.hey-ui .tabs-flotantes{position:relative;inset:auto;width:fit-content;align-self:center;margin:0;flex-wrap:wrap}.hey-ui .tarjeta-app.panel{width:100%;max-width:540px;align-self:center;margin:0}.hey-ui .kailini-panel{width:100%;max-width:640px;align-self:center;margin:8px 0 0;gap:20px}.hey-ui .k-titular{font-size:34px;max-width:540px}.hey-ui .k-intro{max-width:600px}.hey-ui .seccion-derecha{position:relative;inset:auto;width:100%;max-width:720px;padding:26px;align-self:center;margin-top:0;border-radius:16px!important}.hey-ui .panel-sug{top:100px;right:24px;left:24px;width:auto}.hey-ui .pie-barra .contenedor{flex-direction:row;align-items:center}
}
@media(max-width:600px){
.hey-ui .contenedor{padding-inline:20px}.hey-ui .tabs-flotantes{width:100%;display:grid;grid-template-columns:auto auto auto 46px 34px;gap:2px;padding:3px}.hey-ui .tabs>button{font-size:11px;white-space:normal;line-height:1.3;padding:6px 8px}.hey-ui .tabs .btn-idioma{font-size:10px;padding:6px 2px;gap:3px}.hey-ui .tabs .btn-idioma .bandera{width:14px;height:14px}.hey-ui .menu-idioma{padding-left:3px;margin-left:0}.hey-ui .btn-nav-sug{padding:6px;margin-left:0}.hey-ui .tarjeta-app.panel{padding:20px;border-radius:16px}.hey-ui .marca-hey img{width:72px}.hey-ui .mini-campos{grid-template-columns:1fr;gap:12px}.hey-ui #vistaGrabar input[type=text],.hey-ui #vistaGrabar select{font-size:16px;min-height:44px}.hey-ui #vistaGrabar .fila-trans select{font-size:12px}.hey-ui .mini-select{max-width:185px}.hey-ui .fila-trans{gap:10px;padding:10px}.hey-ui .overline{font-size:12px}.hey-ui .k-logo-palabra{font-size:32px}.hey-ui .k-titular{font-size:30px}.hey-ui .k-intro{font-size:14px}.hey-ui .k-prueba{font-size:12px}.hey-ui .k-linea b{font-size:14px}.hey-ui .k-linea span{font-size:12px}.hey-ui .pie-barra .contenedor{flex-direction:column;align-items:flex-start}.hey-ui .pie-barra nav{gap:12px 18px}.hey-ui .pie-barra a{font-size:11px}.hey-ui .panel-sug{right:16px;left:16px;top:90px}
}
@media(max-width:380px){.hey-ui .fila-trans{flex-direction:column;align-items:stretch;gap:6px}.hey-ui .mini-select{max-width:none}.hey-ui #vistaGrabar .fila-trans select{padding-left:0}.hey-ui .tabs>button{font-size:10px;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.hey-ui *, .hey-ui *::before,.hey-ui *::after{animation:none!important;transition:none!important}}

/* Invitación editorial: Hey abre la conversación, Ancla se descubre sin una venta directa. */
.hey-ui .k-panel-editorial{gap:24px;max-width:500px}
.hey-ui .k-panel-editorial .k-titular{font-size:clamp(32px,3.2vw,44px);line-height:1.13;font-weight:500;max-width:500px}
.hey-ui .k-panel-editorial .k-intro{max-width:390px;font-size:14px;line-height:1.85}
.hey-ui .k-panel-editorial .k-descubre-ancla{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:390px;margin-top:8px;padding:23px 24px;border:1px solid rgba(244,241,234,.22);border-radius:16px;background:rgba(13,20,36,.28);text-decoration:none;transition:background .25s,border-color .25s}
.hey-ui .k-panel-editorial .k-descubre-ancla:hover{background:rgba(13,20,36,.48);border-color:rgba(244,241,234,.42)}
.hey-ui .k-descubre-ancla .k-ancla-eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#C4CAD6}
.hey-ui .k-descubre-ancla .k-ancla-nombre{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:500;letter-spacing:-.03em;color:#F4F1EA;line-height:1.4}
.hey-ui .k-descubre-ancla .k-ancla-descripcion{font-size:13px;line-height:1.75;color:#D3D8E2;max-width:290px}
.hey-ui .k-descubre-ancla .k-ancla-enlace{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;margin-top:6px;padding-top:14px;border-top:1px solid rgba(244,241,234,.14);font-size:12px;font-weight:500;color:#F4F1EA}
.hey-ui .k-descubre-ancla .k-ancla-enlace svg{transition:transform .2s}
.hey-ui .k-descubre-ancla:hover .k-ancla-enlace svg{transform:translateX(4px)}
.hey-ui .k-conoce-kailini{display:inline-flex;align-items:center;align-self:flex-start;gap:16px;min-height:36px;font-size:12px;color:#D3D8E2;text-decoration:none}
.hey-ui .k-conoce-kailini svg{width:15px;height:15px}
.hey-ui .k-conoce-kailini:hover{color:#F4F1EA;text-decoration:underline;text-underline-offset:5px}
.hey-ui .k-conoce-kailini:focus-visible{outline-color:#F4F1EA}
@media(max-width:1023px){.hey-ui .k-panel-editorial{max-width:640px}.hey-ui .k-panel-editorial .k-descubre-ancla{max-width:440px}}
@media(max-width:600px){.hey-ui .k-panel-editorial{gap:22px}.hey-ui .k-panel-editorial .k-titular{font-size:34px}.hey-ui .k-panel-editorial .k-descubre-ancla{margin-top:2px;padding:22px}.hey-ui .k-panel-editorial .k-intro{font-size:14px}}

/* Grabadora compacta: una sola cabecera y controles con proporciones consistentes. */
.hey-ui #vistaGrabar.tarjeta-app{width:380px;max-width:380px;padding:20px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(150deg,#fff,#FAFBFC);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 8px 24px -12px rgba(0,0,0,.22),0 28px 64px -28px rgba(0,0,0,.44)}
.hey-ui .hey-recorder-heading{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #E5E8ED}
.hey-ui .hey-recorder-heading .marca-hey{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
.hey-ui .hey-recorder-heading .marca-hey img{width:72px;height:auto}
.hey-ui .hey-recorder-heading .marca-hey em{font-size:8px;letter-spacing:.09em;margin-top:2px;padding-left:3px;line-height:1.3}
.hey-ui .hey-recorder-title{min-width:0}
.hey-ui .hey-recorder-title .titular{font-size:18px;letter-spacing:-.035em;line-height:1.3;margin:0}
.hey-ui .hey-recorder-title .mini-sub{font-size:11px;line-height:1.65;margin:5px 0 0;color:#626975}
.hey-ui #vistaGrabar .destino-wt{padding:10px 11px;gap:10px;margin:0 0 14px;border:1px solid #DCE1E8;border-radius:11px;background:#F3F5F8;min-height:60px}
.hey-ui #vistaGrabar .destino-wt:hover{border-color:#B3BDC9;background:#EBEFF4}
.hey-ui #vistaGrabar .destino-wt.ok{border-color:#BFD8C9;background:#F2F8F4}
.hey-ui #vistaGrabar .destino-wt.atencion{border-color:#B79A5B;background:#FFFBEF}
.hey-ui #vistaGrabar .dw-circulo{width:32px;height:32px;border-radius:9px;flex-shrink:0}
.hey-ui #vistaGrabar .dw-circulo svg{width:16px;height:16px}
.hey-ui #vistaGrabar .dw-textos b{font-size:13px;line-height:1.45}
.hey-ui #vistaGrabar .dw-textos #destinoDetalle{font-size:10px;line-height:1.6}
.hey-ui #vistaGrabar .mini-campos{gap:10px;margin-bottom:12px}
.hey-ui #vistaGrabar .overline{font-size:11px;margin-bottom:5px;font-weight:500}
.hey-ui #vistaGrabar input[type=text],.hey-ui #vistaGrabar select{height:40px;min-height:40px;border-color:#DCE1E8;border-radius:8px;font-size:12px;padding:8px 10px;background-color:#fff;transition:border-color .2s,box-shadow .2s}
.hey-ui #vistaGrabar input[type=text]:hover,.hey-ui #vistaGrabar select:hover{border-color:#B5BEC9}
.hey-ui #vistaGrabar input[type=text]:focus-visible,.hey-ui #vistaGrabar select:focus-visible{outline:2px solid rgba(22,24,30,.17);outline-offset:2px;border-color:#16181E}
.hey-ui #vistaGrabar select{padding-right:27px}
.hey-ui #vistaGrabar .fila-doble{gap:10px;margin-bottom:12px}
.hey-ui #vistaGrabar .fila-trans{padding:7px 0;gap:10px;border:0;border-top:1px solid #E5E8ED;border-bottom:1px solid #E5E8ED;border-radius:0;background:transparent;min-height:44px}
.hey-ui #vistaGrabar .opcion-transcribir{font-size:12px;font-weight:500;gap:8px}
.hey-ui #vistaGrabar .opcion-transcribir input{appearance:none;-webkit-appearance:none;width:30px;height:18px;flex-shrink:0;position:relative;margin:0;border:1px solid #AEB7C2;border-radius:999px;background:#B6BFCB;cursor:pointer;transition:background .2s,border-color .2s}
.hey-ui #vistaGrabar .opcion-transcribir input::before{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .2s}
.hey-ui #vistaGrabar .opcion-transcribir input:checked{background:#16181E;border-color:#16181E}
.hey-ui #vistaGrabar .opcion-transcribir input:checked::before{transform:translateX(12px)}
.hey-ui #vistaGrabar .opcion-transcribir input:focus-visible{outline:2px solid #16181E;outline-offset:3px}
.hey-ui #vistaGrabar .mini-select{max-width:180px}
.hey-ui #vistaGrabar .fila-trans select{min-height:32px;height:32px;border-color:transparent;background-color:transparent;font-size:11px;padding:5px 24px 5px 6px}
.hey-ui #vistaGrabar .pie-form{margin-top:12px}
.hey-ui #vistaGrabar .btn.btn-bloque{min-height:44px;padding:10px 18px;font-size:13px;letter-spacing:0;border-radius:9px}
.hey-ui #vistaGrabar .faltante{font-size:10px;line-height:1.6;margin-top:7px}
.hey-ui #vistaGrabar .mini-ayuda{font-size:10px;line-height:1.75;margin-top:9px;padding-top:9px;border-top:0;color:#626975}
@media(max-width:1023px){.hey-ui #vistaGrabar.tarjeta-app{width:100%;max-width:400px}}
@media(max-width:600px){.hey-ui #vistaGrabar.tarjeta-app{padding:20px;max-width:380px}.hey-ui #vistaGrabar .mini-campos{grid-template-columns:1fr;gap:10px}.hey-ui #vistaGrabar input[type=text],.hey-ui #vistaGrabar select{height:44px;min-height:44px;font-size:16px}.hey-ui #vistaGrabar .fila-trans select{height:34px;min-height:34px;font-size:12px}.hey-ui .hey-recorder-title .titular{font-size:18px}}
@media(max-width:380px){.hey-ui .hey-recorder-heading{gap:12px;grid-template-columns:72px minmax(0,1fr)}.hey-ui .hey-recorder-title .titular{font-size:17px}.hey-ui #vistaGrabar .fila-trans{flex-direction:row;align-items:center}.hey-ui #vistaGrabar .mini-select{max-width:160px}.hey-ui #vistaGrabar .fila-trans select{padding-left:4px}}
@media(forced-colors:active){.hey-ui #vistaGrabar .opcion-transcribir input{appearance:auto;-webkit-appearance:auto;width:18px;height:18px}.hey-ui #vistaGrabar .opcion-transcribir input::before{display:none}}