/* Tipografía y detalles de la demo dental aprobada. Conserva el recorrido. */
@font-face{font-family:Instrument;src:url('/instrument.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html{background:#34394b}
body{padding:16px clamp(12px,1.25vw,28px)}
#inmo-story{width:100%;max-width:none}
#inmo-story{--navy:#3a4054;--deep:#34394b;--peri:#7079ff;--lime:#dcfca3;--text:#f5f5fb;--muted:#c9cddd;font-family:Instrument,'Helvetica Neue',Arial,sans-serif;font-synthesis:none;border-radius:18px}
#inmo-story .bar{background:#353a4d}
#inmo-story .footer{background:#353a4d}
#inmo-story .brand img{display:block;object-fit:contain}
#inmo-story .stage{background:radial-gradient(ellipse at 65% 0,#929aff1c,transparent 65%),#3a4054}
#inmo-story h2{font-family:Instrument,'Helvetica Neue',Arial,sans-serif;font-weight:450;line-height:1.08;letter-spacing:-.048em;font-size:clamp(35px,4.3vw,57px)}
#inmo-story h2 em{font-style:normal;font-weight:450}
#inmo-story .night h2,#inmo-story .conversation-scene h2,#inmo-story .balance h2{font-size:clamp(34px,4vw,51px)}
#inmo-story .subtitle{font-size:14px;line-height:1.65}
#inmo-story .kicker{font-size:11px;font-weight:550;letter-spacing:.16em;color:#b9b9ca}
#inmo-story :is(.clock,.sector-major strong,.sector-small strong,.impact-result,.leak-total>strong,.final-counts b){font-family:Instrument,sans-serif;font-weight:350;letter-spacing:-.055em}
#inmo-story .sector-major strong{font-size:clamp(48px,6.3vw,76px)}
#inmo-story .sector-bridge{font-family:Instrument,sans-serif;font-size:25px;font-weight:430;line-height:1.4;letter-spacing:-.025em}
#inmo-story .sector-bridge em{font-style:normal}
#inmo-story .round-btn{border-radius:6px;min-height:44px;font-size:12px;font-weight:550}
#inmo-story .pill,#inmo-story .sim{border-radius:5px}
#inmo-story :is(.sector-major,.sector-small,.leak-group,.impact-board,.recover-pool,.data-extract,.callout,.case-summary){background:#f5f5f9;border-radius:16px;color:#3a3a4d}
#inmo-story .notification,#inmo-story .float-message{border-radius:15px}
#inmo-story .leak-group h3{font-weight:550;font-size:17px}
#inmo-story .callout h3{font-family:Instrument,sans-serif;font-size:24px;font-weight:450;letter-spacing:-.04em}
#inmo-story .chapter{font-size:10px}
#inmo-story .bottom-context{font-size:11px;line-height:1.5}
@media(max-width:620px){#inmo-story{border-radius:0}#inmo-story h2,#inmo-story .scene-heading h2,#inmo-story .night h2,#inmo-story .conversation-scene h2,#inmo-story .balance h2{font-size:36px}#inmo-story .subtitle{font-size:13px}#inmo-story .brand img{width:91px;height:30px}#inmo-story .sector-bridge{font-size:23px}#inmo-story .chapter{font-size:9px}}
@media(min-width:1200px){
  #inmo-story .scene{padding:36px clamp(36px,3vw,72px)}
  #inmo-story .scene-heading{gap:48px}
  #inmo-story .scene-heading .subtitle{max-width:440px;font-size:15px}
  #inmo-story .chapters{grid-template-columns:repeat(10,minmax(0,1fr))}
  #inmo-story .pipeline{gap:16px;min-height:310px}
  #inmo-story .ghl-ui .lead{padding:18px}
  #inmo-story .ghl-ui .lead .lead-name{font-size:15px}
  #inmo-story .ghl-ui .lead :is(.lead-desc,.reason,.status){font-size:12px}
  #inmo-story .calendar-layout{grid-template-columns:minmax(0,1fr) minmax(300px,28%);gap:28px}
  #inmo-story .conversation-scene{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);gap:clamp(32px,4vw,90px)}
  #inmo-story #phone-slot{justify-self:center}
  #inmo-story .chat-side{max-width:480px;width:100%;justify-self:center}
  #inmo-story .notification{max-width:460px;width:90%}
  #inmo-story .notification-space{max-width:680px;width:100%;justify-self:center}
  #inmo-story .leak-group .dot-grid{grid-template-columns:repeat(11,16px);gap:8px;min-height:112px}
  #inmo-story .recover-pool :is(.dot-grid,.recovery-target){grid-template-columns:repeat(10,18px);gap:8px}
  #inmo-story .sector-bridge{max-width:1000px}
}
@media(max-width:620px){body{padding:0}}