/* MDI · interfaz progresiva. Una conversación y una lectura, con más aire en escritorio. */
.shell{display:block;max-width:1320px;margin:0 auto;padding:40px 30px 96px}.conversation{width:100%}.start-view{max-width:980px;margin:0 auto}.active-view{max-width:1200px;margin:0 auto}.brand{gap:11px}.brand-copy{display:flex;flex-direction:column;gap:1px;line-height:1.15}.brand-copy strong{font-size:13px;font-weight:750}.brand-copy small{font-size:10px;color:var(--muted)}
.question-card{position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}
.decision-panel{margin-top:18px;width:100%}.decision-sticky{position:relative;top:auto;background:transparent;color:var(--ink);border-radius:0;padding:0;box-shadow:none}.reading-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.reading-head .eyebrow{margin:0}.status-pill{margin:0;background:#e8eeeb;color:#42514b;border:1px solid #d9e3de}.status-NO_FIT{background:#f7e7e4!important;color:#82352f!important;border-color:#ecd0cb!important}.status-CONDITIONAL{background:#f7f0dd!important;color:#725714!important;border-color:#eadcad!important}.status-FIT{background:#e3efe9!important;color:#285343!important;border-color:#cae0d5!important}.status-PROVISIONAL,.status-PENDING{background:#eef1ef!important;color:#52605a!important;border-color:#dde3e0!important}.decision-sticky>h2{font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.03em;margin:0 0 9px}.decision-sticky>p:not(.eyebrow){color:#56625d;line-height:1.55;margin:0 0 18px;max-width:760px}
.professional-overview{border:1px solid #d9e4df;background:#eef4f1;border-radius:17px;padding:17px;margin:0 0 14px}.professional-overview .professional-kicker{color:var(--ink)!important}.professional-overview strong{color:#53675f}.professional-overview span{color:var(--ink)}.professional-overview small{color:var(--muted)}
#keySections{display:grid;gap:12px}.section-card{border:1px solid #e2dfd9;background:rgba(255,255,255,.72);border-radius:18px;padding:18px 20px;box-shadow:0 8px 24px rgba(28,38,34,.035);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.section-card h3{font-size:16px;margin:0 0 10px;letter-spacing:-.01em}.section-active{background:#fff;border:1px solid #9ab6aa;box-shadow:0 14px 38px rgba(23,61,53,.08);position:relative;overflow:hidden}.section-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1f5a49}.section-active h3{color:#173d35;font-size:18px}.section-active h3:after{content:" · ahora";font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#678078;font-weight:800}.section-completed{background:#edf5f0;border-color:#d4e5db;box-shadow:none}.section-completed h3{color:#315a4b}.section-completed h3:after{content:" ✓";color:#36735c;font-weight:900}.section-completed .section-message{color:#63716b!important}.section-message{font-size:13px!important;color:#65706b!important;margin:0 0 12px!important;line-height:1.5}.fact-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:9px 0;border-top:1px solid #efede8;color:#5d6863;font-size:13px}.section-completed .fact-row{border-color:#dce9e1}.fact-row:first-of-type{border-top:0}.fact-row strong{color:var(--ink);text-align:right;font-size:14px}.fact-copy{min-width:0}.fact-copy span,.fact-copy small{display:block}.fact-copy small{font-size:11px;line-height:1.35;color:#88918d;margin-top:3px}.fact-emphasis{margin:8px 0 2px;padding:13px 14px;border:0;border-radius:13px;background:#eaf1ed;color:var(--ink)}.fact-emphasis span{font-weight:800}.fact-emphasis strong{font-size:19px;color:#173d35}
.detail-block{border:1px solid #e2dfd9;background:rgba(255,255,255,.62);border-radius:17px;padding:0;margin-top:12px;overflow:hidden}.detail-block summary{cursor:pointer;font-size:14px;font-weight:780;padding:16px 18px;list-style:none}.detail-block summary::-webkit-details-marker{display:none}.detail-block summary:after{content:"+";float:right;color:#6b7771}.detail-block[open] summary:after{content:"–"}.detail-block>div{color:#59655f;font-size:13px;line-height:1.5;padding:0 18px 18px}.professional-detail{margin-top:12px;background:#f5f7f6}
.cost-group{border-top:1px solid #e8e6e1;margin-top:13px}.cost-group summary{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 0 12px;cursor:pointer;list-style:none}.cost-group summary::-webkit-details-marker{display:none}.cost-group summary span{display:block;min-width:0}.cost-group summary strong,.cost-group summary small{display:block}.cost-group summary strong{font-size:14px;color:var(--ink)}.cost-group summary small{font-size:11px;color:#7c8782;line-height:1.4;margin-top:3px;max-width:590px}.cost-group summary b{white-space:nowrap;color:#173d35;font-size:14px}.cost-items{padding:2px 0 4px}.cost-item{padding:14px 0;border-top:1px solid #efede8}.cost-item-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.cost-item-head>div:first-child strong,.cost-item-head>div:first-child small{display:block}.cost-item-head>div:first-child strong{font-size:13px}.cost-item-head>div:first-child small{font-size:11px;color:#89928e;margin-top:3px}.cost-current{text-align:right}.cost-current b,.cost-current em{display:block}.cost-current b{font-size:13px}.cost-current em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7b8781;margin-top:3px}.cost-real .cost-current em{color:#28604c}.cost-pending .cost-current em{color:#8b5c16}.cost-edit{margin-top:10px;padding:11px 12px;border-radius:12px;background:#f4f6f5}.cost-edit label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#65716b;margin-bottom:7px}.cost-edit>div{display:flex;gap:7px;flex-wrap:wrap}.cost-edit input{flex:1 1 140px;min-width:0;border:1px solid #d8ddd9;border-radius:10px;background:white;padding:10px 11px;font-size:14px}.cost-edit button{border:0;border-radius:10px;background:#1b493e;color:white;padding:10px 12px;font-size:11px;font-weight:750}.cost-edit .cost-reset{background:transparent;color:#5d6963;border:1px solid #d4dad7}
#environmentDetails[open]{background:#f8faf9}.environment-intro{display:grid;gap:3px;padding:2px 0 14px}.environment-intro strong{color:var(--ink);font-size:14px}.environment-intro span{font-size:12px}.environment-intro small{font-size:10px;color:#818b86}.environment-score{display:grid;grid-template-columns:1fr auto;gap:2px 14px;background:#eaf1ed;border-radius:13px;padding:13px 14px;margin-bottom:14px}.environment-score span{font-size:12px;font-weight:700;color:var(--ink)}.environment-score strong{grid-row:1/3;grid-column:2;font-size:22px;color:#173d35}.environment-score small{font-size:10px;color:#65716b}.environment-block{border-top:1px solid #e6e9e7;padding:14px 0}.environment-block h4,.environment-links h4{font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px;color:#5d6963}.service-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eef0ef}.service-row:first-of-type{border-top:0}.service-row div strong,.service-row div small{display:block}.service-row div strong{font-size:12px;color:var(--ink)}.service-row div small{font-size:10px;color:#808a85;margin-top:2px}.service-row b{white-space:nowrap;font-size:12px;color:#173d35}.environment-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}.environment-metrics span{background:white;border:1px solid #e3e8e5;border-radius:10px;padding:9px;font-size:10px;color:#6e7974}.environment-metrics strong{display:block;color:var(--ink);font-size:13px;margin-top:3px}.environment-block p{font-size:12px;margin:0 0 8px}.environment-block>small{font-size:10px;color:#7c8782}.environment-links{border-top:1px solid #e6e9e7;padding-top:14px}.environment-links a{display:block;color:#1d5547;font-size:11px;margin:7px 0}.environment-warning{font-size:10px!important;color:#8a6416;margin-top:12px}
.study-side{width:100%;margin-top:14px;border:1px solid #cfd9d4;background:#edf3f0;color:#173d35;border-radius:13px;padding:13px;font-weight:800}.captured-data{margin:14px 0 0;padding:0;border:0;background:transparent}.captured-data details{border-top:1px solid #e4e1db;padding-top:12px}.captured-data summary{cursor:pointer;color:#6b7671;font-size:11px}.captured-grid{margin-top:10px}.captured-item{background:white}
@media(max-width:900px){.shell{max-width:760px;padding:24px 16px 72px}.start-view,.active-view{max-width:none}.decision-panel{margin-top:14px}}
@media(max-width:620px){.shell{padding:14px 12px calc(58px + env(safe-area-inset-bottom))}.brand-copy strong{font-size:11px}.brand-copy small{display:none}.question-card,.done-card{padding:22px 16px}.decision-sticky>h2{font-size:23px}.section-card{padding:16px 14px;border-radius:16px}.section-active h3{font-size:17px}.fact-row{gap:10px}.fact-row strong{font-size:13px}.cost-group summary{gap:10px}.cost-group summary b{font-size:12px}.cost-item-head{gap:10px}.cost-edit>div{display:grid;grid-template-columns:1fr}.cost-edit button{width:100%}.environment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-head{align-items:flex-start}.captured-data{display:none!important}}
@media(max-width:390px){.brand-copy strong{font-size:10px}.decision-sticky>h2{font-size:22px}.cost-group summary{display:block}.cost-group summary b{display:block;margin-top:6px}.service-row{align-items:flex-start}}
