.computer-showcase{padding:58px max(20px,calc((100vw - 1240px)/2)) 64px;background:#f0eee7;color:#173c2c;overflow:hidden}
.computer-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px;position:relative;z-index:1}
.computer-heading h1{font-size:clamp(42px,6vw,80px);line-height:1;letter-spacing:-.06em;margin:14px 0 0}
.computer-heading h1 span{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(22px,3vw,38px);letter-spacing:-.025em;margin-top:12px}
.computer-stage{position:relative;padding:55px 7% 35px;border-radius:10px;background:radial-gradient(ellipse at 50% 20%,#fffcf8 0%,#e1ddd4 70%);isolation:isolate}
.scene-orbit{position:absolute;width:70%;height:65%;border:1px solid #a6a295;border-radius:50%;left:15%;top:8%;transform:rotate(-15deg);z-index:-1;opacity:.45}
.computer-mockup{width:min(100%,1000px);margin:0 auto;position:relative}
.monitor-body{position:relative;padding:19px 14px 0;background:linear-gradient(135deg,#46494b,#121415 60%,#353838);border:1px solid #717677;border-radius:22px 22px 15px 15px;box-shadow:0 30px 50px -15px #1d22233d,0 2px 2px #fff4 inset;overflow:hidden}
.monitor-camera{position:absolute;top:8px;left:calc(50% - 2px);width:5px;height:5px;border-radius:50%;background:#354252;box-shadow:0 0 0 2px #141616}
.monitor-screen{aspect-ratio:8/5;background:#151817;overflow:hidden;border:1px solid #000;border-radius:3px}
.monitor-screen video{display:block;width:100%;height:100%;object-fit:contain}
.monitor-chin{height:47px;margin:13px -14px 0;display:grid;place-items:center;background:linear-gradient(100deg,#babdbb,#e0e3e0 48%,#afb4b1);border-top:1px solid #646b66;color:#535a55;font-size:22px}
.monitor-stand{position:relative;height:75px;width:17%;margin:auto;background:linear-gradient(90deg,#929996,#d9ddda 45%,#a6adaa);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);z-index:-1}
.monitor-foot{height:15px;width:29%;margin:-2px auto 0;background:linear-gradient(#e2e5e2,#969e99);border-radius:50% 50% 6px 6px;box-shadow:0 15px 17px #18221b35}
.computer-mockup figcaption{text-align:center;font-size:10px;letter-spacing:.03em;margin-top:33px;color:#59655d}
.computer-caption{max-width:650px;font-size:16px;line-height:1.9;margin:30px auto 22px;text-align:center}
.computer-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.computer-story-link{font-size:12px;border-bottom:1px solid;padding:8px 0}
.computer-showcase--aura .computer-stage{background:radial-gradient(ellipse at 35% 10%,#f8f3fb,#d9d0e2)}
.computer-showcase--miga .computer-stage{background:radial-gradient(ellipse at 40% 10%,#eacdb1,#bb836c)}
.computer-showcase--umbral{background:#191e1b;color:#d4f1bc}.computer-showcase--umbral .computer-stage{background:radial-gradient(ellipse at 50% 20%,#525e32,#222a24)}.computer-showcase--umbral .scene-orbit{border-color:#c6ff3d}.computer-showcase--umbral figcaption{color:#d4f1bc}.computer-showcase--umbral .web-button:hover{background:#354532}
.computer-showcase--pliegue .computer-stage{background:radial-gradient(ellipse at 20% 5%,#f4d8c5,#b9c7e2)}
.computer-showcase--estrato .computer-stage{background:radial-gradient(ellipse at 50% 10%,#f3e8d2,#c3ad90)}
.demo-end{display:flex;justify-content:space-between;gap:20px;background:#f7f5ef;color:#173c2c;padding:25px 5%;font-size:12px}.demo-end a{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:4px}
@media(max-width:700px){.computer-showcase{padding:35px 20px 40px}.computer-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px;gap:22px}.computer-stage{padding:30px 4% 22px}.monitor-body{padding:12px 6px 0;border-radius:12px 12px 9px 9px}.monitor-camera{top:4px;width:3px;height:3px;left:calc(50% - 1px)}.monitor-chin{height:25px;margin:7px -6px 0;font-size:15px}.monitor-stand{height:40px}.monitor-foot{height:9px;width:35%}.computer-mockup figcaption{font-size:9px;margin-top:24px}.computer-caption{font-size:14px;text-align:left}.computer-actions{justify-content:flex-start;gap:16px}.demo-end{font-size:10px;flex-direction:column}}
