/* Ampliación del ordenador: elementos propios del panel. El resto usa los estilos de case-install.css. */
.expansion-choices{display:grid;gap:.5rem;margin:.75rem 0}
.expansion-choices--keyboard{margin:0}
.expansion-choice{font:inherit;text-align:left;padding:.7rem .9rem;border-radius:.6rem;border:1px solid var(--line,#c9d6df);background:var(--surface,#fff);color:inherit;cursor:pointer}
.expansion-choice:hover:not(:disabled),.expansion-choice:focus-visible{border-color:#ff9b28;outline:none;box-shadow:0 0 0 2px #ffb24866}
.expansion-choice:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}
.expansion-page .insertion-status[data-kind="error"]{color:#b4441c}
.expansion-page .insertion-status[data-kind="ok"]{color:#2c7a43}
.expansion-page .case-completion p+p{margin-top:.5rem}
.expansion-page .about-figure{margin:1rem 0}
.expansion-page .about-figure img,.expansion-page .about-diagram{display:block;width:100%;height:auto;border-radius:.6rem;background:#eef2f5}
.expansion-page .about-diagram text{font:600 26px system-ui,sans-serif;fill:#22303a}
.expansion-page .about-figure figcaption{font-size:.9rem;margin-top:.4rem;color:var(--muted,#53626d)}


.expansion-plan-detail{margin:12px 0;padding:12px}
.expansion-plan-detail .expansion-choices{margin-bottom:0}
.expansion-plan-detail .expansion-choice{display:grid;gap:5px;background:#f5f8fa;color:#000;border-color:#9eb6c4}
.expansion-choice__photo{display:block;width:100%;height:70px;object-fit:contain;background:#172329;border-radius:5px}
.expansion-plan-detail .expansion-choice:disabled{opacity:.65}

.expansion-bluetooth-photo{position:relative}
.expansion-bluetooth-mark{position:absolute;right:.4%;top:1%;width:6.8%;height:22%;border:2px solid #ffb248;border-radius:5px;box-sizing:border-box;pointer-events:none;animation:expansion-bluetooth-pulse 1.5s ease-in-out infinite}
@keyframes expansion-bluetooth-pulse{0%,100%{opacity:.4}50%{opacity:1;box-shadow:0 0 9px #ffb248}}
@media(prefers-reduced-motion:reduce){.expansion-bluetooth-mark{animation:none}}

/* Esquema de la unidad actual: sin fotografías de otra unidad. */
.expansion-sata-unit{font-size:14px;font-weight:700;margin-bottom:12px}
.expansion-sata-drawing{position:relative;height:78px;border:2px solid #7b8c98;border-radius:8px 8px 3px 3px;background:linear-gradient(#e5eaee,#b1bdc5);margin-bottom:12px}
.expansion-sata-drawing[data-drive="ssd"]{height:38px;background:linear-gradient(#46525d,#26323d)}
.expansion-sata-ports,.expansion-sata-labels{display:grid;grid-template-columns:15fr 7fr;gap:14px;padding:0 15px}
.expansion-sata-ports{position:absolute;bottom:-3px;left:0;right:0}
.expansion-sata-port{display:flex;gap:2px;height:21px;padding:5px 4px 3px;background:#172027;border:2px solid #6f8798;box-sizing:border-box}
.expansion-sata-port i{display:block;flex:1;background:#d8b86d}
.expansion-sata-port--power{border-color:#ffb248;outline:2px solid #ffb24866;outline-offset:3px;animation:expansion-sata-power-pulse 1.5s ease-in-out infinite}
.expansion-sata-port--power:before,.expansion-sata-port--data:after{content:"";height:9px;width:3px;background:#172027;position:absolute;bottom:3px}
.expansion-sata-port--power:before{left:18px}.expansion-sata-port--data:after{right:18px}
.expansion-sata-labels{font-size:12px;line-height:1.5;padding:0 8px}.expansion-sata-labels strong,.expansion-sata-labels span{display:block}.expansion-sata-labels span{color:var(--muted,#53626d)}
.expansion-sata-note{font-size:14px;line-height:1.5;margin:12px 0 0}
@keyframes expansion-sata-power-pulse{0%,100%{outline-color:#ffb24833}50%{outline-color:#ffb248}}
@media(prefers-reduced-motion:reduce){.expansion-sata-port--power{animation:none}}

/* Respuesta junto a la opción pulsada, dentro de la zona visible del panel. */
.expansion-plan-detail .expansion-choice-feedback,.expansion-choice-feedback{margin:0;padding:12px;background:#fff4e5;color:#503710;border-left:3px solid #d88c21;border-radius:6px;font-size:14px;line-height:1.5;text-align:left}

.expansion-plan-detail .expansion-choice.is-explained{border-color:#d88c21;background:#fff4e5}

.expansion-page .done__title{margin:0;font-size:17px;font-weight:700;color:var(--ok-ink)}

.storage-hover-card{pointer-events:none;align-items:center}
.storage-hover-card .ws-card__icon{display:grid;place-items:center}
.storage-hover-card .ws-card__icon svg{width:24px;height:24px}
.storage-hover-card .ws-card__title{margin:0}

.expansion-fan-photo img{display:block;width:min(155px,100%);height:auto;margin:0 auto}