.dniava{--navy:#0B2E59;--blue:#1479D1;--sky:#59C7F2;--soft:#F3FAFF;--border:#D9EAF5;max-width:920px;margin:30px auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy)}
.dniava-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:0 14px 45px rgba(11,46,89,.10);padding:34px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfeff 100%)}.dniava-brand{display:flex;align-items:center;gap:12px}.dniava-logo-placeholder{width:92px;height:72px;border:1.5px dashed #8CCCF2;border-radius:14px;background:#F7FCFF;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1479D1;flex:0 0 auto}.dniava-logo-placeholder span{font-size:12px;font-weight:700}.dniava-logo-placeholder small{font-size:9px;color:#6B8BA2;margin-top:3px}.dniava-name{font-weight:800;letter-spacing:.08em;font-size:20px}.dniava-sub{font-weight:700;color:var(--blue);font-size:15px}.dniava-lock{margin-left:auto;font-size:12px;color:#536b75;background:#f4f8f8;padding:9px 12px;border-radius:999px}.dniava-progress{display:flex;gap:7px;margin:28px 0}.dniava-progress span{height:4px;flex:1;background:#E1EEF8;border-radius:4px}.dniava-progress span:first-child{background:var(--blue)}.dniava-screen h1{font-size:38px;line-height:1.12;max-width:680px;margin:30px auto;text-align:center}.dniava textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:18px;padding:18px;font:inherit;resize:vertical;min-height:120px;outline:none}.dniava textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,121,209,.14)}.dniava-example{font-size:13px;color:#6b7b82;margin:10px 4px 18px}.dniava-primary,.dniava-secondary{border:0;border-radius:13px;padding:13px 20px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}.dniava-primary{background:var(--blue);color:#fff}.dniava-primary:disabled{opacity:.6}.dniava-secondary{background:#fff;color:var(--navy);border:1px solid var(--border);margin-top:20px}.dniava-home .dniava-primary{width:100%;font-size:16px}.dniava-features{display:flex;justify-content:space-around;gap:12px;margin-top:24px;font-size:13px;color:#536b75}.dniava-chat{min-height:420px}.dniava-messages{display:flex;flex-direction:column;gap:12px;max-height:560px;overflow:auto;padding:10px 2px}.dniava-msg{max-width:78%;padding:13px 15px;border-radius:16px;line-height:1.5;white-space:pre-wrap}.dniava-msg.user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:5px}.dniava-msg.assistant{align-self:flex-start;background:#F1F8FD;border-bottom-left-radius:5px}.dniava-compose{display:flex;gap:10px;margin-top:16px}.dniava-compose textarea{min-height:52px}.dniava-compose .dniava-primary{min-width:100px}.dniava-result{text-align:center}.dniava-result-card{border-radius:22px;padding:34px;border:1px solid var(--border);background:#F3FAFF}.dniava-result-card.urgent{background:#F5FAFF;border-color:#BFDDF5}.dniava-result-card.consult{background:#EEF7FF}.dniava-result-card.tele{background:#EFF9FF}.dniava-result-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:26px;font-weight:800}.dniava-result-card h2{margin:8px 0 10px}.dniava-result-card p{max-width:600px;margin:0 auto 22px;line-height:1.55}.dniava-link{min-width:260px}.dniava-safety{margin-top:28px;border-top:1px solid var(--border);padding-top:18px;font-size:12px;line-height:1.5;color:#5A7184}.dniava-safety strong{color:var(--navy)}
@media(max-width:650px){.dniava{margin:10px}.dniava-card{padding:20px;border-radius:20px}.dniava-lock{display:none}.dniava-screen h1{font-size:28px}.dniava-features{flex-direction:column}.dniava-compose{align-items:stretch;flex-direction:column}.dniava-msg{max-width:90%}}

.dniava-logo-placeholder + div{min-width:0}
@media(max-width:650px){.dniava-logo-placeholder{width:76px;height:62px}.dniava-logo-placeholder span{font-size:10px}.dniava-logo-placeholder small{font-size:8px}}

.dniava-logo-slot{width:78px;height:58px;border:1px dashed #9ccff2;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f5fbff;overflow:hidden;color:#3b82c4;font-size:12px;font-weight:700}.dniava-logo-slot img{width:100%;height:100%;object-fit:contain;padding:5px}.dniava-brand{align-items:center}

.dniava-logo-slot span{font-size:11px;color:#1479D1;text-align:center;padding:4px}.dniava-logo-slot img{display:block;max-width:100%;max-height:100%;object-fit:contain}.dniava-logo-slot{background:#F7FCFF}


/* v0.1.6 — Uki como presentación principal */
.dniava-intro{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);gap:34px;align-items:center;padding:4px 4px 0}.dniava-uki-wrap{display:flex;align-items:flex-end;justify-content:center;min-height:360px;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f6fbff 100%)}.dniava-uki{display:block;width:100%;max-width:390px;height:auto;object-fit:contain;object-position:center bottom}.dniava-intro-content{padding:10px 8px 0}.dniava-welcome{font-size:27px;line-height:1.15;font-weight:700;color:var(--navy);margin-bottom:3px}.dniava-intro-content h1{font-size:36px;line-height:1.12;max-width:none;margin:0 0 18px;text-align:left}.dniava-intro-content h1 span{color:var(--blue)}.dniava-prompt{font-size:21px;line-height:1.35;font-weight:600;color:var(--navy);margin:0 0 20px}.dniava-intro-content textarea{min-height:112px}.dniava-intro-content .dniava-example{margin-bottom:16px}.dniava-intro-content .dniava-primary{width:100%;font-size:16px}.dniava-home .dniava-features{margin-top:28px;padding-top:4px}.dniava-uki-wrap:after{content:"";position:absolute}.dniava-uki-wrap{position:relative}
@media(max-width:760px){.dniava-intro{grid-template-columns:1fr;gap:12px}.dniava-uki-wrap{min-height:260px;max-height:330px}.dniava-uki{max-width:300px}.dniava-intro-content{padding:0}.dniava-welcome{font-size:24px}.dniava-intro-content h1{font-size:30px;margin-bottom:14px}.dniava-prompt{font-size:18px}.dniava-home .dniava-features{margin-top:22px}}

/* v0.1.7 — logo cuadrado 100x100, texto editable y avatar Uki tipo WhatsApp */
.dniava-logo-slot{width:100px;height:100px;min-width:100px;min-height:100px;box-sizing:border-box;border:1px dashed #9ccff2;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f7fcff;overflow:hidden;color:#1479D1;font-size:12px;font-weight:700;flex:0 0 100px}
.dniava-logo-slot img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:8px;box-sizing:border-box;display:block}
.dniava-logo-slot span{font-size:11px;color:#1479D1;text-align:center;padding:8px}
.dniava-intro-editable{font-size:34px!important;line-height:1.16!important;font-weight:750!important;color:var(--navy);margin:0 0 18px!important;text-align:left!important;max-width:none!important}
.dniava-intro-editable::first-line{font-weight:800}
.dniava-chat-header{display:flex;align-items:center;gap:11px;padding:8px 4px 14px;border-bottom:1px solid var(--border);margin-bottom:12px}
.dniava-chat-avatar,.dniava-msg-avatar,.dniava-result-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:0 0 46px;border:2px solid #d9effb;background:#eef9ff;box-shadow:0 3px 10px rgba(11,46,89,.08)}
.dniava-chat-avatar img,.dniava-msg-avatar img,.dniava-result-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.dniava-chat-header strong{display:block;font-size:15px;color:var(--navy)}
.dniava-chat-header span{display:block;font-size:12px;color:#6b7b82;margin-top:2px}
.dniava-message-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:2px}
.dniava-message-row.user{justify-content:flex-end}
.dniava-message-row.assistant{justify-content:flex-start}
.dniava-message-row .dniava-msg{margin:0}
.dniava-message-row .dniava-msg-avatar{width:38px;height:38px;flex-basis:38px;border-width:1px}
.dniava-result-uki{display:flex;align-items:center;gap:10px;justify-content:center;margin:0 auto 14px;max-width:620px}
.dniava-result-avatar{width:58px;height:58px;flex-basis:58px}
.dniava-result-bubble{position:relative;background:#F1F8FD;border:1px solid #D9EAF5;border-radius:18px 18px 18px 5px;padding:11px 15px;color:var(--navy);font-size:13px;text-align:left;box-shadow:0 3px 12px rgba(11,46,89,.05)}
.dniava-result-bubble:before{content:"";position:absolute;left:-7px;bottom:8px;width:12px;height:12px;background:#F1F8FD;border-left:1px solid #D9EAF5;border-bottom:1px solid #D9EAF5;transform:rotate(45deg)}
@media(max-width:760px){
  .dniava-logo-slot{width:100px;height:100px;min-width:100px;flex-basis:100px}
  .dniava-intro-editable{font-size:30px!important}
}
@media(max-width:650px){
  .dniava-brand{align-items:center}
  .dniava-logo-slot{width:100px;height:100px;min-width:100px;flex-basis:100px}
  .dniava-intro-editable{font-size:28px!important}
}

/* v0.1.8 — carga de fotos para orientación visual */
.dniava-compose{align-items:flex-end;flex-wrap:wrap}.dniava-compose-actions{display:flex;gap:8px;align-items:center}.dniava-photo-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer;white-space:nowrap}.dniava-photo-button:hover{border-color:var(--blue);color:var(--blue);background:#f7fcff}.dniava-attachment{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:#f7fcff}.dniava-attachment-preview{position:relative;width:72px;height:72px;flex:0 0 72px}.dniava-attachment-preview img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.dniava-attachment-meta{display:none!important}.dniava-remove-photo{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:18px;line-height:22px;cursor:pointer;padding:0}.dniava-home-photo{margin:0 0 14px}.dniava-home-photo-preview{position:relative;width:96px;height:96px;margin:10px 0}.dniava-home-photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}.dniava-user-photo{display:block;width:180px;max-width:100%;max-height:180px;object-fit:cover;border-radius:14px;margin-bottom:6px;border:1px solid rgba(20,121,209,.18)}.dniava-msg-wrap{display:flex;flex-direction:column;max-width:78%}.dniava-message-row.user .dniava-msg-wrap{align-items:flex-end}.dniava-message-row.assistant .dniava-msg-wrap{align-items:flex-start}
@media(max-width:760px){.dniava-compose{flex-direction:column;align-items:stretch}.dniava-compose textarea{width:100%}.dniava-compose-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dniava-compose-actions .dniava-primary{width:100%}.dniava-photo-button{width:100%;box-sizing:border-box}.dniava-msg-wrap{max-width:88%}}

/* v0.1.8 — carga de fotos para orientación visual */
.dniava-compose{align-items:flex-end;flex-wrap:wrap}.dniava-compose-actions{display:flex;gap:8px;align-items:center}.dniava-photo-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer;white-space:nowrap}.dniava-photo-button:hover{border-color:var(--blue);color:var(--blue);background:#f7fcff}.dniava-attachment{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:#f7fcff}.dniava-attachment-preview{position:relative;width:72px;height:72px;flex:0 0 72px}.dniava-attachment-preview img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.dniava-attachment-meta{display:none!important}.dniava-remove-photo{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:18px;line-height:22px;cursor:pointer;padding:0}.dniava-home-photo{margin:0 0 14px}.dniava-home-photo-preview{position:relative;width:96px;height:96px;margin:10px 0}.dniava-home-photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}.dniava-user-photo{display:block;width:180px;max-width:100%;max-height:180px;object-fit:cover;border-radius:14px;margin-bottom:6px;border:1px solid rgba(20,121,209,.18)}.dniava-msg-wrap{display:flex;flex-direction:column;max-width:78%}.dniava-message-row.user .dniava-msg-wrap{align-items:flex-end}.dniava-message-row.assistant .dniava-msg-wrap{align-items:flex-start}
@media(max-width:760px){.dniava-compose{flex-direction:column;align-items:stretch}.dniava-compose textarea{width:100%}.dniava-compose-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dniava-compose-actions .dniava-primary{width:100%}.dniava-photo-button{width:100%;box-sizing:border-box}.dniava-msg-wrap{max-width:88%}}


/* v0.1.9 — botón de reserva editable bajo el asistente */
.dniava-booking-cta{display:flex;justify-content:center;margin:14px auto 0;padding:0 4px}
.dniava-booking-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:12px;background:#1479D1;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:15px;box-shadow:0 5px 14px rgba(20,121,209,.18);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.dniava-booking-button:hover{background:#0b5fab;transform:translateY(-1px);box-shadow:0 7px 18px rgba(20,121,209,.24)}
.dniava-booking-button:focus{outline:3px solid rgba(20,121,209,.22);outline-offset:2px}
@media(max-width:650px){.dniava-booking-cta{margin-top:12px}.dniava-booking-button{width:100%;box-sizing:border-box}}


/* v0.1.10 — previsualización y cierre de fotos robustos */
.dniava-attachment-preview,.dniava-home-photo-preview{position:relative;overflow:visible}
.dniava-remove-photo{z-index:20;pointer-events:auto!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box}
.dniava-attachment-preview img,.dniava-home-photo-preview img,.dniava-attachment-preview canvas,.dniava-home-photo-preview canvas{position:relative;z-index:1}.dniava-attachment-preview canvas{width:72px;height:72px;object-fit:cover;border-radius:10px;display:block}.dniava-home-photo-preview canvas{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}
.dniava-remove-photo{position:absolute!important}

/* v0.1.14 — ocultación real del contenedor de foto cuando no hay imagen */
.dniava-attachment[hidden],.dniava-home-photo-preview[hidden]{display:none!important}
.dniava-attachment{display:flex}
.dniava-attachment-preview{display:block}
.dniava-attachment-preview canvas{display:block;width:72px;height:72px;border-radius:10px}

/* v0.1.19 — corrección de ancho y saltos de línea en burbujas de conversación */
.dniava-message-row .dniava-msg-wrap{
  width:max-content;
  max-width:78%;
  min-width:0;
  flex:0 1 auto;
}
.dniava-message-row .dniava-msg{
  width:auto;
  max-width:100%;
  min-width:0;
  white-space:pre-wrap;
  word-break:normal!important;
  overflow-wrap:break-word;
  hyphens:none;
}
.dniava-message-row.user .dniava-msg-wrap{
  width:max-content;
  max-width:78%;
  align-items:flex-end;
}
.dniava-message-row.assistant .dniava-msg-wrap{
  width:max-content;
  max-width:78%;
  align-items:flex-start;
}
@media(max-width:760px){
  .dniava-message-row .dniava-msg-wrap{max-width:88%;}
  .dniava-message-row.user .dniava-msg-wrap,.dniava-message-row.assistant .dniava-msg-wrap{max-width:88%;}
}

.dniava-insurance-cta{margin-top:18px;padding-top:14px;border-top:1px solid #d8eaf7;text-align:center}.dniava-insurance-cta p{margin:0 0 10px;font-size:13px;line-height:1.45}.dniava-secondary{display:inline-block;padding:9px 14px;border:1px solid #1683d8;border-radius:10px;text-decoration:none;font-weight:700;background:#fff;color:#126db4}
.dniava-voice-button{display:inline-flex;align-items:center;gap:5px;margin-top:7px;border:0;background:transparent;color:#1976a8;font-size:12px;cursor:pointer;padding:2px 0}.dniava-voice-button:hover{text-decoration:underline}
.dniava-voice-actions{display:flex;align-items:center;gap:10px;margin:8px 0 4px}.dniava-voice-input{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer}.dniava-voice-input:hover,.dniava-voice-input.listening{border-color:var(--blue);color:var(--blue);background:#f7fcff}.dniava-voice-status{font-size:12px;color:#607888}.dniava-compose-actions .dniava-voice-input{min-height:46px}.dniava-voice-button{display:inline-flex;align-items:center;gap:5px;margin-top:7px;border:0;background:transparent;color:#1976a8;font-size:12px;cursor:pointer;padding:2px 0}.dniava-voice-button:hover{text-decoration:underline}
@media(max-width:760px){.dniava-voice-actions{flex-wrap:wrap}.dniava-compose-actions .dniava-voice-input{width:100%}}

/* v0.1.28 — compositor compacto tipo ChatGPT */
.dniava-input-shell{position:relative;display:flex;align-items:flex-end;width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 2px 8px rgba(11,46,89,.04);padding:8px;min-height:58px}
.dniava-input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,121,209,.10)}
.dniava-input-shell textarea{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;min-height:42px!important;max-height:150px;margin:0!important;padding:9px 8px!important;resize:none!important;flex:1;line-height:1.45}
.dniava-icon-button{width:40px;height:40px;min-width:40px;padding:0!important;border:0!important;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:21px;line-height:1;background:transparent;color:var(--navy);box-shadow:none!important}
.dniava-icon-button:hover{background:#eef7ff;color:var(--blue)}
.dniava-attach-inline{font-size:29px;font-weight:400;line-height:36px;align-self:flex-end}
.dniava-input-right{display:flex;align-items:center;gap:2px;align-self:flex-end}
.dniava-voice-input.listening{background:#eaf5ff;color:#1479D1}
.dniava-send-inline{background:var(--blue)!important;color:#fff!important;font-size:20px;transform:translateY(0)}
.dniava-send-inline:hover{background:#0b5fab!important;color:#fff!important}
.dniava-voice-status{position:absolute;left:52px;bottom:-23px;font-size:11px;color:#6b7b82}
.dniava-home-input-shell{margin-bottom:18px}
.dniava-home-input-shell + .dniava-example{margin-top:0}
.dniava-home-photo{display:none!important}
@media(max-width:760px){.dniava-compose{display:block}.dniava-input-shell{width:100%}.dniava-home-input-shell{margin-bottom:18px}.dniava-compose-actions{display:none!important}}


/* v0.1.31 — UX móvil simple y compositor compacto */
.dniava-voice-button{display:none!important}
@media(max-width:760px){
  .dniava{margin:0!important}
  .dniava-card{border:0!important;border-radius:0!important;box-shadow:none!important;padding:12px!important;background:#fff!important}
  .dniava-progress{margin:10px 0 16px!important}
  .dniava-chat{min-height:calc(100vh - 150px)!important}
  .dniava-messages{max-height:none!important;min-height:calc(100vh - 290px);padding:8px 0 12px!important;gap:10px!important}
  .dniava-chat-header{padding:4px 0 10px!important}
  .dniava-compose{position:sticky;bottom:0;background:#fff;padding:8px 0 6px!important;margin-top:4px!important;z-index:30}
  .dniava-input-shell{min-height:54px!important;border-radius:27px!important;padding:6px 8px!important;box-shadow:0 1px 5px rgba(11,46,89,.08)!important}
  .dniava-input-shell textarea{font-size:16px!important;min-height:40px!important;padding:8px 5px!important}
  .dniava-icon-button{width:38px!important;height:38px!important;min-width:38px!important;font-size:20px!important}
  .dniava-attach-inline{font-size:28px!important}
  .dniava-send-inline{width:40px!important;height:40px!important;min-width:40px!important;font-size:0!important}
  .dniava-send-inline::before{content:'↑';font-size:22px;line-height:1}
  .dniava-input-right{gap:0!important}
  .dniava-safety{font-size:11px!important;margin-top:14px!important;padding-top:12px!important}
}