:root{color-scheme:light;--bg:#f6f7f2;--paper:#fffefa;--ink:#193b2d;--muted:#59685f;--green:#176747;--soft:#e9f1e9;--line:#d5ded5;--danger:#9b3029;--redbg:#fbefec;--body:"Satoshi",Arial,sans-serif;--display:"Boska",Georgia,serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.75rem,3vw,2.25rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}
:root.dark{color-scheme:dark;--bg:#101c16;--paper:#17281f;--ink:#e9f2e8;--muted:#afc1b2;--green:#94d4ac;--soft:#244532;--line:#395341;--danger:#ffb8ae;--redbg:#422b27}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/1.6 var(--body);-webkit-font-smoothing:antialiased}button,textarea{font:inherit;color:inherit}button,a,summary,textarea{-webkit-tap-highlight-color:transparent}button{background:transparent;border:1px solid var(--line);border-radius:6px;min-height:44px;padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--text-sm)}button:hover{background:var(--soft)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px}a{color:var(--green);text-underline-offset:3px}p{margin:0 0 var(--space-3)}[hidden]{display:none!important}.app{height:100dvh;min-height:380px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.primary{background:var(--green);color:var(--paper);border-color:var(--green);font-weight:700}.primary:hover{opacity:.9;background:var(--green)}.dark .primary{color:#102519}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) clamp(16px,4vw,56px);background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;gap:var(--space-2);align-items:center;text-decoration:none;color:var(--ink);font:700 22px/1 Georgia,serif;letter-spacing:1px}.brand svg{width:34px;height:34px;color:var(--green)}.brand small{font:700 var(--text-xs)/1 var(--body);display:block;margin-top:var(--space-2);letter-spacing:3px;color:var(--green)}.header-actions{display:flex;gap:var(--space-2)}.header-actions button{border:0;padding:var(--space-2) var(--space-3)}.private-strip{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--soft);font-size:var(--text-xs)}.private-strip span:first-child{font-weight:700;letter-spacing:1px}
main{overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable}.conversation{max-width:820px;margin:auto;padding:var(--space-8) var(--space-6) var(--space-5)}.intro{margin-bottom:var(--space-6)}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:1.6px;color:var(--green)}h1{font:500 var(--text-xl)/1.15 var(--display);margin:var(--space-3) 0}.intro p{color:var(--muted);font-size:var(--text-base)}.welcome{background:var(--paper);border:1px solid var(--line);padding:var(--space-5);border-radius:8px;max-width:680px}.small{font-size:var(--text-sm);color:var(--muted)}.welcome .primary{margin-top:var(--space-2)}.examples{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-4) 0 var(--space-6);max-width:680px}.examples>span{width:100%;font-size:var(--text-sm);color:var(--muted)}.examples button{background:var(--paper)}
.message{max-width:700px;margin:var(--space-6) 0;overflow-wrap:anywhere}.message .speaker{font-size:var(--text-xs);font-weight:700;letter-spacing:1px;margin:0 0 var(--space-2);color:var(--muted)}.message.user{margin-left:auto;max-width:590px}.message.user .bubble{background:var(--soft);border-radius:12px 12px 2px 12px;padding:var(--space-4) var(--space-5)}.message.user .speaker{text-align:right}.message.assistant .bubble{padding:var(--space-1) 0}.message.assistant p{max-width:65ch;font-size:var(--text-base);line-height:1.75}.message.assistant .speaker{color:var(--green)}.message .question{font-weight:700;margin-top:var(--space-4)}.message .urgent{background:var(--redbg);padding:var(--space-4)!important;border-radius:6px}.urgent-label{font-weight:700;color:var(--danger);font-size:var(--text-sm);display:block;margin-bottom:var(--space-3)}.chat-photo{display:block;max-width:100%;width:auto;max-height:440px;height:auto;border-radius:7px;object-fit:contain;margin:var(--space-3) 0}.chat-photo.expanded{width:100%;max-height:none}.photo-caption{font-size:var(--text-xs);color:var(--muted)}.photo-expand{font-size:var(--text-xs);min-height:44px;padding:var(--space-2) var(--space-3)}.message-tools{display:flex;align-items:start;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.message-tools>button{border:0;color:var(--green);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}details.sources{font-size:var(--text-sm);max-width:100%;flex:1;min-width:190px}details.sources summary{min-height:44px;padding:var(--space-2) 0;cursor:pointer;color:var(--muted)}.source-item{margin-bottom:var(--space-3)}.source-item small{display:block;color:var(--muted);font-size:var(--text-xs)}.research-note{font-size:var(--text-xs);color:var(--muted);padding:var(--space-3);background:var(--soft);border-radius:4px}.status{color:var(--muted);font-size:var(--text-sm);min-height:24px;margin:var(--space-3) 0}.status.busy:before{content:"";display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:var(--space-2);animation:pulse 1s ease-in-out infinite}.status.error{color:var(--danger)}.inline-confirm{padding:var(--space-4);background:var(--soft);border-radius:6px}.inline-confirm button{margin-right:var(--space-2)}.about{font-size:var(--text-xs);color:var(--muted);margin:var(--space-5) 0 var(--space-2)}.about summary{cursor:pointer;min-height:44px;padding:var(--space-2) 0}.about p{max-width:70ch}
.composer-shell{background:var(--paper);border-top:1px solid var(--line);padding:var(--space-3) var(--space-5) max(var(--space-2),env(safe-area-inset-bottom))}.composer-inner{max-width:772px;margin:auto}#composer{border:1px solid var(--line);border-radius:12px;padding:var(--space-2);background:var(--bg)}textarea{display:block;width:100%;resize:none;max-height:120px;min-height:60px;padding:var(--space-2) var(--space-3);border:0;outline:none;background:transparent;font-size:var(--text-base);line-height:1.5}textarea::placeholder{color:var(--muted)}.compose-actions{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.compose-actions>div{display:flex;gap:var(--space-1);flex-wrap:wrap}.compose-actions>div>button{border:0}.compose-actions .primary{min-width:86px}#voice.recording{background:var(--redbg);color:var(--danger);font-weight:700}.composer-note{font-size:var(--text-xs);color:var(--muted);margin:var(--space-2) 0 0;text-align:center}.attachment{display:flex;align-items:center;gap:var(--space-3);padding:0 0 var(--space-3);font-size:var(--text-sm)}.attachment img{width:52px;height:52px;object-fit:cover;border-radius:4px}.attachment small{color:var(--muted);font-size:var(--text-xs)}.attachment button{margin-left:auto}
@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:600px){header{padding:var(--space-3) var(--space-4)}.brand{font-size:18px}.brand svg{width:28px}.header-actions{gap:0}.header-actions button{font-size:var(--text-xs);padding:var(--space-2)}.conversation{padding:var(--space-6) var(--space-4) var(--space-3)}.intro{margin-bottom:var(--space-5)}.composer-shell{padding:var(--space-2) var(--space-3) max(var(--space-2),env(safe-area-inset-bottom))}.message.user .bubble{padding:var(--space-3) var(--space-4)}.message{margin:var(--space-5) 0}.welcome{padding:var(--space-4)}.private-strip{font-size:var(--text-xs);gap:var(--space-2)}.chat-photo{max-height:400px}.composer-note{line-height:1.35}.compose-actions button{padding:var(--space-2) var(--space-3)}}
@media(max-width:350px){.brand svg{display:none}.header-actions button{padding:var(--space-1) var(--space-2)}.private-strip{justify-content:space-between;gap:var(--space-1)}.private-strip span:first-child{letter-spacing:0}.compose-actions>div{gap:0}}
.health-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;margin:20px 0;cursor:pointer}.health-consent input{flex:none;width:22px;height:22px;accent-color:var(--green);margin:0}#access-note{margin-top:12px}.welcome>a{display:inline-block;min-height:44px;padding:8px 0}#welcome:has(#start:disabled) .health-consent{opacity:.7}
#voice{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:700;background:var(--soft);color:var(--green)}
#voice svg{flex:none}#voice-help{margin-top:var(--space-2)}
#live-permission{max-height:40dvh;overflow:auto;margin-bottom:var(--space-3)}#live-permission .health-consent{margin:var(--space-3) 0}
.salomon-salud-band{align-items:center;background:#176747;color:#fff;padding:var(--space-3) var(--space-4);gap:var(--space-4)}
.salomon-salud-band img{display:block;width:128px;height:auto;flex:none}
.salomon-salud-band>div{font-size:var(--text-xs);line-height:1.4;min-width:0}
.salomon-salud-band strong{display:block;letter-spacing:1px}
.salomon-salud-band span{display:block;margin-top:var(--space-1);color:#e2f3e8}
@media(max-width:350px){.salomon-salud-band{gap:var(--space-3)}.salomon-salud-band img{width:112px}}
@media(max-width:420px){.compose-actions{flex-wrap:wrap}.compose-actions>div{flex:1 1 100%;gap:var(--space-2)}.compose-actions #voice{flex:1}.compose-actions #send{margin-left:auto}}
.salud-call.burbuja-escena{position:relative;inset:auto;display:grid;grid-template-columns:110px 1fr;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6);border-radius:12px;background:#102a20;text-align:left;--sans:var(--body);--serif:var(--display);--sans-cnd:var(--body)}
.salud-call .burbuja-escena-orbe{width:100px;height:100px}
.salud-call .burbuja-escena-nucleo{width:68px;height:68px;background:radial-gradient(circle at 32% 26%,#d9ffe5 0%,#53b980 35%,#176747 80%);box-shadow:inset 0 1px 1px #ffffff70,0 8px 30px #17674760}
.salud-call .burbuja-escena-onda{border-color:#94d4ac80}
.salud-call .burbuja-escena-dicho img{display:block;max-width:100%;height:auto}
.salud-call .burbuja-escena-estado{font-family:var(--body);font-size:var(--text-base);line-height:1.45}
.salud-call .burbuja-escena-reloj{color:#bedaca;font-size:var(--text-xs)}
.salud-call-controls{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.salud-call-controls button{color:#f0fff4;border-color:#5a8069;background:#ffffff0d}
.salud-call-controls #salud-hangup{background:#af3029;border-color:#af3029;color:#fff;margin-left:auto;font-weight:700}
.welcome summary{min-height:44px;cursor:pointer;padding:var(--space-2) 0}
@media(max-width:420px){.salud-call.burbuja-escena{grid-template-columns:70px 1fr;padding:var(--space-4);gap:var(--space-3)}.salud-call .burbuja-escena-orbe{width:66px;height:80px}.salud-call .burbuja-escena-nucleo{width:52px;height:52px}.salud-call-controls button{font-size:var(--text-xs);padding:var(--space-2)}}
.salud-call.burbuja-escena{grid-template-columns:160px minmax(0,1fr);animation:none}
.salud-call .burbuja-escena-orbe{width:112px;height:112px;justify-self:center;margin-block:var(--space-5)}
.salud-call .burbuja-escena-lienzo{width:160%;height:160%;left:-30%;top:-30%}
.salud-call[data-espectro] .burbuja-escena-nucleo{animation:none;box-shadow:inset 0 1px 1px #ffffff70,0 8px 30px #17674760}
.salud-call[data-audio-quien="lector"] .burbuja-escena-nucleo{background:radial-gradient(circle at 34% 30%,#ffe48a 0%,#f2c200 48%,#c79c00 100%)}
@media(max-width:420px){.salud-call.burbuja-escena{grid-template-columns:120px minmax(0,1fr)}.salud-call .burbuja-escena-orbe{width:96px;height:96px}.salud-call .burbuja-escena-estado{font-size:var(--text-sm)}}
/* The call occupies its own row, like the principal Salomón strip: scrolling
   the conversation cannot hide it and it never overlays a message or photo. */
.app{grid-template-rows:auto auto auto minmax(0,1fr) auto}
.app>header{grid-row:1}.app>.salomon-salud-band{grid-row:2}
.app>.salud-call{grid-row:3;width:calc(100% - 48px);max-width:772px;margin:var(--space-4) auto 0}
.app>main{grid-row:4}.app>.composer-shell{grid-row:5}
.salud-call-controls button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}
.salud-call-controls svg{flex:none}
.salud-mute-slash{display:none}
#salud-mute[aria-pressed="true"] .salud-mute-slash{display:block}
@media(max-width:600px){
 .app>.salud-call.burbuja-escena{width:100%;max-width:none;margin:0;border-radius:0;padding:var(--space-3) var(--space-4);display:flex;flex-direction:row;gap:var(--space-3);min-height:84px;border-bottom:1px solid #395341}
 .salud-call .burbuja-escena-orbe{width:44px;height:44px;margin:0 var(--space-2) 0 var(--space-1);flex:0 0 44px}
 .salud-call .burbuja-escena-nucleo{width:27px;height:27px}
 .salud-call .burbuja-escena-dicho{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);flex:1;min-width:0}
 .salud-call .burbuja-escena-dicho img{display:none}
 .salud-call .burbuja-escena-estado{margin:0;font-size:var(--text-sm);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .salud-call .burbuja-escena-reloj{margin:0;min-height:16px;font-size:var(--text-xs);letter-spacing:0;text-transform:none;white-space:nowrap;line-height:1.35}
 .salud-call-controls{flex:0 0 auto;flex-wrap:nowrap;gap:var(--space-1)}
 .salud-call-controls button{width:44px;height:44px;min-height:44px;padding:0}
 .salud-call-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:350px){
 .app>.salud-call.burbuja-escena{padding-inline:var(--space-3);gap:var(--space-2)}
 .salud-call .burbuja-escena-orbe{margin:0;width:40px;height:40px;flex-basis:40px}
 .salud-call .burbuja-escena-estado{font-size:var(--text-xs)}
}
.salud-launcher{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-6);gap:var(--space-4)}
.salud-launcher>img{background:#176747;padding:var(--space-2);width:180px;height:auto;border-radius:8px}
#salud-modal{width:min(960px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg);color:var(--ink)}
#salud-modal::backdrop{background:rgba(10,25,17,.62)}
#salud-modal>.app{height:100%;min-height:0;min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}
#salud-modal>.app>*{min-width:0;max-width:100%}
#salud-modal .burbuja-cabeza>div:first-child{min-width:0}
#salud-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px}
.salud-call-controls,.compose-actions>div{position:relative}
.salud-photo-menu{position:absolute;z-index:10;right:0;top:calc(100% + 8px);width:220px;max-width:calc(100vw - 32px);padding:var(--space-2);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #0003;text-align:left}
.salud-photo-menu[data-location="composer"]{top:auto;bottom:calc(100% + 8px);left:0;right:auto}
.salud-photo-menu button,.salud-call-controls .salud-photo-menu button{display:block;width:100%;height:auto;min-height:44px;margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-align:left;color:var(--ink);background:transparent;border:0}
.salud-photo-menu button:hover,.salud-call-controls .salud-photo-menu button:hover{background:var(--soft)}
@media(max-width:600px){
 #salud-modal{width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
 #salud-modal header{gap:var(--space-2)}
 #salud-modal .header-actions{flex:none}
 #salud-modal .header-actions #clear{max-width:84px}
 #salud-modal .header-actions #theme{max-width:64px}
}
@media(max-width:350px){
 #salud-modal header{padding-inline:var(--space-3);gap:var(--space-1)}
 #salud-modal .brand{font-size:16px}
 #salud-modal .header-actions #clear{max-width:74px}
 #salud-modal .header-actions #theme{max-width:52px}
}
/* Principal Salomón parity: single branded header, compact call strip,
   circular call controls and the same photo / send / voice composition. */
:root{--body:"Archivo",Arial,sans-serif;--display:"Source Serif 4",Georgia,serif;--serif:var(--display);--sans:var(--body);--sans-cnd:var(--body)}
/* Computador: tamaño y posición del modal de voz de Market. Móvil: Salomón principal. */
#salud-modal{width:calc(100vw - 32px);max-width:620px;height:min(780px,calc(100dvh - 32px));margin:auto;border-radius:16px;box-shadow:0 20px 80px #0003}
#salud-modal .burbuja-cabeza{padding:13px 14px 12px;background:#176747;border:0;align-items:flex-start}
#salud-modal .burbuja-marca{width:auto;height:30px}
#salud-modal .burbuja-titulo{font:400 .85rem/1.25 var(--display);margin:5px 0 0;color:#fff}
#salud-modal #salud-close{width:34px;height:34px;min-height:34px;padding:5px;color:white;background:transparent}
#salud-modal .app{grid-template-rows:auto auto auto minmax(0,1fr) auto}
#salud-modal .app>.salud-call.burbuja-escena{display:flex;flex-direction:row;align-items:center;width:100%;max-width:none;margin:0;padding:12px 14px;gap:10px;min-height:76px;border-radius:0;border-bottom:1px solid #ffffff12}
#salud-modal .salud-call .burbuja-escena-orbe{width:44px;height:44px;margin:0 6px 0 2px;flex:0 0 44px}
#salud-modal .salud-call .burbuja-escena-nucleo{width:27px;height:27px}
#salud-modal .salud-call .burbuja-escena-dicho{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
#salud-modal .salud-call .burbuja-escena-dicho img{display:none}
#salud-modal .salud-call .burbuja-escena-estado{font-size:12px;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#salud-modal .salud-call .burbuja-escena-reloj{font-size:12px;letter-spacing:0;text-transform:none;margin:0;min-height:17px;line-height:1.4}
#salud-modal .salud-call-controls{margin:0;gap:4px;flex-wrap:nowrap;flex:0 0 auto}
#salud-modal .salud-call-controls>button{width:36px;height:36px;min-height:36px;margin:0;padding:0;border-radius:50%;background:linear-gradient(#ffffff1c,#ffffff0b);border:1px solid #ffffff21;color:#f4f1ea;box-shadow:inset 0 1px #ffffff29}
#salud-modal .salud-call-controls>button svg{width:18px;height:18px}
#salud-modal .salud-call-controls>#salud-hangup{background:linear-gradient(#f0350f,#b81904);box-shadow:inset 0 1px #ffffff4d,0 4px 12px #d81e0538}
#salud-modal .salud-call-controls>#salud-mute[aria-pressed="true"]{color:#f2c200;background:#f2c2002e;border-color:#f2c2008c}
#salud-modal .salud-call-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#salud-modal .conversation{padding:14px;max-width:none}
#salud-modal .message{margin:12px 0}
#salud-modal .message.assistant p{font:400 .94rem/1.5 var(--display)}
#salud-modal .message .speaker{font:600 12px/1.4 var(--body)}
#salud-modal .examples{display:flex;flex-direction:column;gap:7px;margin:14px 0}
#salud-modal .examples button{text-align:left;font:400 .9rem/1.4 var(--display);padding:9px 11px}
#salud-modal .composer-shell{padding:8px 12px max(10px,env(safe-area-inset-bottom))}
.salud-session-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 0 8px;font:400 12px/1.5 var(--body);color:var(--muted)}
.salud-session-note button{border:0;min-height:28px;padding:0;font-size:12px;text-decoration:underline}
.salud-session-note #theme{margin-left:auto}
#salud-modal #composer{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px;border-radius:8px}
#salud-modal #message{order:1;flex:1 1 140px;width:0;min-width:0;min-height:40px;height:44px;padding:8px 2px;resize:none;font:400 16px/1.5 var(--display)}
#salud-modal .compose-actions,#salud-modal .compose-actions>div{display:contents}
#salud-modal #photo{order:2;min-width:34px;width:34px;min-height:40px;padding:6px;border:0}
#salud-modal #send{order:3;min-width:34px;width:34px;min-height:36px;height:36px;padding:6px;margin:0;display:inline-flex;align-items:center;justify-content:center}
#salud-modal #voice{order:4;flex:1 0 100%;width:100%;margin-top:4px;min-height:44px;border:1px solid var(--line);background:var(--paper)}
#salud-modal.en-llamada #photo,#salud-modal.en-llamada #voice,#salud-modal.en-llamada #voice-help{display:none}
#salud-modal .composer-note{font-size:12px;text-align:left}
#salud-modal .salud-photo-menu{width:208px}
@media(max-width:700px){
 #salud-modal{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
 #salud-modal .salud-call-controls>button{width:40px;height:40px;min-height:40px}
}
@media(max-width:350px){
 #salud-modal .app>.salud-call.burbuja-escena{padding-inline:10px;gap:6px}
 #salud-modal .salud-call .burbuja-escena-orbe{width:40px;height:40px;flex-basis:40px;margin:0 0 0 2px}
 #salud-modal .salud-call-controls{gap:3px}
 #salud-modal .salud-call-controls>button{width:38px;height:38px;min-height:38px}
}
/* Market page shell, not Market's floating voice dialog. The same conversation
   and live strip stay mounted when changing between typing, photos and voice. */
:root{--body:"Source Sans 3",Arial,sans-serif;--sans:var(--body);--sans-cnd:var(--body)}
html,body{height:100%;overflow:hidden}
.salud-site-header{height:64px;padding:0 32px;background:var(--paper);gap:16px}
.salud-capitalia{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:1.4px;min-height:44px}
.salud-capitalia small{display:block;letter-spacing:0;font-size:12px;font-weight:400;color:var(--muted)}
.salud-site-actions{display:flex;align-items:center;gap:20px}
.salud-site-actions #theme{border:0;padding:8px;font-size:12px;min-height:44px}
.salud-section-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--green)}
.salud-red-dot{display:inline-block;width:7px;height:7px;flex:none;background:#c93028;border-radius:50%;vertical-align:middle}
.salud-page-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);height:calc(100dvh - 64px);min-height:0}
.salud-sidebar{padding:40px 24px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.salud-sidebar h1{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:36px;color:var(--green)}
.salud-brand-seal{display:inline-flex;background:#176747;border-radius:6px;padding:8px 12px;width:fit-content}
.salud-brand-seal img{display:block}
.salud-sidebar>p{font-size:14px;line-height:1.65;color:var(--muted);margin:24px 0}
.salud-nav-chat{display:flex;align-items:center;gap:10px;border-radius:8px;background:var(--soft);padding:12px;font-size:14px;text-decoration:none;color:var(--ink)}
.salud-sidebar-foot{margin-top:auto;padding-top:32px;color:var(--muted);font-size:13px}
#salud-modal.salud-chat-view{display:block;position:relative;inset:auto;width:100%;max-width:none;height:100%;max-height:none;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:var(--bg)}
#salud-modal .app{grid-template-rows:auto auto minmax(0,1fr) auto}
#salud-modal .app>header{grid-row:1}
#salud-modal .app>.salud-call{grid-row:2}
#salud-modal .app>main{grid-row:3}
#salud-modal .app>.composer-shell{grid-row:4}
#salud-modal .burbuja-cabeza{background:var(--bg);padding:24px 48px 16px;border:0}
#salud-modal .burbuja-cabeza>div{display:flex;align-items:center;gap:12px}
#salud-modal .burbuja-marca{height:28px}
#salud-modal .burbuja-titulo{font:400 12px/1.5 var(--body);color:var(--muted);margin:0;max-width:210px}
#salud-modal .app>.salud-call.burbuja-escena{width:calc(100% - 96px);max-width:700px;margin:0 auto;border-radius:12px;border:0}
#salud-modal .conversation{max-width:748px;padding:24px}
#salud-modal .message{margin:0 0 24px}
#salud-modal .message .speaker{font-size:12px;margin-bottom:8px;letter-spacing:.7px}
#salud-modal .message.assistant .bubble{padding:14px 18px;border:1px solid var(--line);border-radius:0 16px 16px;background:var(--paper)}
#salud-modal .message.user{max-width:580px;margin-left:auto}
#salud-modal .message.user .bubble{padding:14px 18px;border-radius:16px 0 16px 16px}
#salud-modal .message .bubble>p{font:400 16px/1.65 var(--body);margin-bottom:12px}
#salud-modal .message .bubble>p:last-child{margin-bottom:0}
.paragraph-references{font:400 13px/1.5 var(--body);color:var(--muted);margin:-4px 0 14px}
.paragraph-references summary{cursor:pointer;color:var(--green);min-height:44px;display:list-item;padding:10px 0;list-style-position:inside}
.paragraph-references a{display:block;min-height:44px;padding:10px 0;overflow-wrap:anywhere;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.paragraph-references a:focus-visible,.paragraph-references summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#salud-modal .examples{flex-direction:row;gap:8px}
#salud-modal .examples button{font:400 14px/1.5 var(--body);background:transparent}
#salud-modal .composer-shell{background:var(--bg);border-top:0;padding:8px 24px 16px}
#salud-modal .composer-inner{max-width:700px}
#salud-modal #composer{display:block;padding:12px;border-radius:14px;background:var(--paper)}
#salud-modal #message{width:100%;height:64px;min-height:64px;max-height:120px;padding:4px 0 8px;font:400 16px/1.5 var(--body)}
#salud-modal .compose-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px}
#salud-modal .compose-actions>div{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;position:relative;flex:0 1 auto}
#salud-modal #photo{width:auto;min-width:44px;min-height:44px;padding:8px;display:inline-flex;align-items:center;gap:6px}
#salud-modal #photo::after{content:"Foto";font:600 14px var(--body)}
#salud-modal #voice{flex:0 1 auto;width:auto;min-height:44px;margin:0;padding:8px 12px;background:var(--soft);font-size:14px}
#salud-modal #send{width:auto;min-width:44px;height:44px;min-height:44px;padding:8px 12px;gap:6px}
#salud-modal #send::after{content:"Enviar";font:600 14px var(--body)}
#salud-modal.en-llamada #photo,#salud-modal.en-llamada #voice{display:none}
#salud-modal .salud-session-note{justify-content:space-between;font-size:12px;padding:0 0 8px}
#salud-modal .composer-note{font-size:12px;line-height:1.45}
.salud-page-layout .salud-photo-menu{z-index:20}
@media(max-width:1050px){
 .salud-page-layout{grid-template-columns:220px minmax(0,1fr)}
 #salud-modal .burbuja-cabeza{padding:20px 24px 16px}
 #salud-modal .app>.salud-call.burbuja-escena{width:calc(100% - 48px)}
}
@media(max-width:700px){
 .salud-site-header{height:56px;padding:0 12px;gap:8px}
 .salud-site-actions{gap:8px}
 .salud-capitalia{letter-spacing:.4px;gap:6px}
 .salud-capitalia small{font-size:12px;line-height:1.3}
 .salud-page-layout{display:block;height:calc(100dvh - 56px)}
 .salud-sidebar{display:none}
 #salud-modal .burbuja-cabeza{padding:10px 14px}
 #salud-modal .burbuja-cabeza>div{gap:10px}
 #salud-modal .burbuja-titulo{font-size:12px}
 #salud-modal .app>.salud-call.burbuja-escena{width:100%;max-width:none;border-radius:0;margin:0}
 #salud-modal .conversation{padding:20px 14px}
 #salud-modal .composer-shell{padding:8px 12px max(10px,env(safe-area-inset-bottom))}
 #salud-modal #message{height:48px;min-height:48px}
 #salud-modal #composer{padding:8px}
 #salud-modal .message .bubble>p{font-size:16px;line-height:1.55}
}
@media(max-width:400px){
 .salud-site-header{padding:0 8px}
 .salud-site-actions{gap:4px}
 .salud-section-label{letter-spacing:0;gap:4px}
 #salud-modal #send::after{display:none}
 #salud-modal #voice{padding:8px;font-size:13px}
 #salud-modal .compose-actions>div{gap:4px}
}
/* Optional reviewed memory lives inside the chat, never over the voice strip. */
.health-memory{margin:0 0 24px;border:1px solid #a6bcae;border-radius:12px;padding:14px;font-size:14px}
.health-memory>summary{cursor:pointer;font-weight:650;display:list-item}
.health-memory>summary small{display:block;font-weight:400;margin-top:4px}
.health-memory label{display:block;margin:10px 0 6px}
.health-memory input:not([type=checkbox]),.health-memory textarea,.health-memory select{width:100%;box-sizing:border-box;background:transparent;color:inherit;border:1px solid #87998c;border-radius:7px;padding:10px;font:inherit}
.health-memory button{min-height:40px;padding:8px 12px;border:1px solid #87998c;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.health-memory .primary{background:#17563d;color:white}
.memory-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;align-items:center}
.memory-row input,.memory-row select{flex:1 1 180px}
.health-memory pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:240px;overflow:auto}
#memory-archive-list{display:flex;flex-direction:column;gap:8px}
#memory-status{overflow-wrap:anywhere}
.health-memory [hidden]{display:none!important}
.attachment{flex-wrap:wrap;max-height:190px;overflow:auto}
.attachment-images{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.attachment-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.attachment-item img{width:56px;height:56px}
.attachment-item button{font-size:12px;min-height:32px;padding:4px 6px;margin:0}

/* Match the permanent mobile chat shell, not only its empty-state welcome. */
@media(max-width:700px){
 #salud-modal .burbuja-cabeza{
  border-top:3px solid var(--green);background:var(--paper);color:var(--ink);
  padding:12px 16px;
 }
 #salud-modal .burbuja-cabeza>div:first-child{display:flex;align-items:center;gap:12px}
 #salud-modal .burbuja-cabeza .salud-brand-seal,
 #salud-modal .burbuja-cabeza .burbuja-titulo{display:none}
 #salud-modal .salo-mobile-mark{display:block;width:34px;height:40px;flex:none}
 #salud-modal .salo-mobile-name{display:block;font:600 18px/1.3 var(--body)}
 #salud-modal .salo-mobile-name small{display:block;font-size:12px;font-weight:400;margin-top:4px}
 #salud-modal .conversation{padding:16px}
 #salud-modal .salo-welcome{padding:24px 0 16px}
 #salud-modal .salo-welcome-logo{width:48px;height:57px}
 #salud-modal #composer{padding:12px;border-radius:20px;background:var(--paper)}
 #salud-modal #message{height:64px;min-height:64px;font:16px/1.5 var(--body);padding:8px 4px}
 #salud-modal #photo{border:0;padding:8px}
 #salud-modal #voice{border:0;background:transparent;padding:8px 4px;font-size:14px}
 #salud-modal #send{width:44px;min-width:44px;height:44px;padding:8px;border-radius:12px}
 #salud-modal #send:after{display:none}
 #salud-modal .compose-actions{gap:8px}
 #salud-modal .compose-actions>div{gap:8px}
}
