/* Version 2: original wordmarks, remembered dark mode and continuous CSS 3D morph. */
:root{color-scheme:light;--body-w:360px;--body-h:240px;--depth:56px;--radius:15px;--morph:0;--tape-opacity:1;--screen-opacity:0;--base-opacity:0;--hinge:2deg;--phone-opacity:0;--phone-x:90px;--phone-y:25px;--phone-z:-35px;--phone-scale:.55;--phone-angle:-35deg;--card-opacity:1;--fit:1;--shift:0px;--soft-orbit:rgba(71,62,49,.12)}
.brand img{filter:none;object-fit:contain}.brand .brand-isotipo{filter:brightness(0)}.brand-wordmark{display:flex;align-items:center}.brand-wordmark img{width:142px;height:auto;display:block}.brand-wordmark .logo-on-dark{display:none}.label-top>img{width:68px;height:18px;object-fit:contain}.label-top{height:29px}.label-top>span:last-child{font-size:6px}.lab-bottom>a{display:flex;align-items:center;gap:12px}.lab-bottom>a img{display:block;width:160px;height:auto;object-fit:contain}.back-bottom{display:flex;align-items:center;gap:12px}.back .back-bottom img{width:57px;height:15px;margin:0}.chapter-aside{right:195px}
.theme-toggle{position:fixed;right:24px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:0 15px;height:43px;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 3px 20px #0000000c;font-size:10px}.theme-toggle:hover{border-color:var(--accent)}#theme-icon{font-size:20px;line-height:1;width:18px;text-align:center}.theme-toggle:focus-visible{outline-offset:4px}.no-script{padding-right:170px}
html[data-theme=dark]{color-scheme:dark;--paper:#191c1b;--ink:#eeeae1;--muted:#b0b5aa;--accent:#f1a782;--line:rgba(236,233,220,.20);--soft-orbit:rgba(216,218,198,.13)}
html[data-theme=dark] .brand .brand-isotipo{filter:none}html[data-theme=dark] .logo-on-light{display:none}html[data-theme=dark] .brand-wordmark .logo-on-dark{display:block}html[data-theme=dark] .scene-halo{background:radial-gradient(ellipse,rgba(222,119,73,.13),transparent 68%)}html[data-theme=dark] .stage-grain{opacity:.07}html[data-theme=dark] .floor-shadow{background:radial-gradient(ellipse,#0009,transparent 68%)}html[data-theme=dark] .lab{background:#101412}html[data-theme=dark] .scene-cross{color:#8e998c}.orbit,.orbit-two{border-color:var(--soft-orbit)}
.assembly{transform:translateX(var(--shift)) translateY(var(--lift)) scale(calc(var(--object-scale) * var(--fit))) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz))}.memory-card{opacity:var(--card-opacity)}
.cassette{inset:auto;left:50%;top:50%;width:var(--body-w);height:var(--body-h);margin-left:calc(var(--body-w) / -2);margin-top:calc(var(--body-h) / -2)}
.front,.back{width:var(--body-w);height:var(--body-h);border-radius:var(--radius)}.front{transform:translateZ(calc(var(--depth) / 2))}.back{transform:rotateY(180deg) translateZ(calc(var(--depth) / 2))}.front:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#edf0f1,#929aa3 80%,#dce0e3);border-radius:inherit;opacity:var(--morph)}.front>.screw,.front>.tape-label,.front>.tape-base{opacity:var(--tape-opacity)}.tape-label{position:relative}.side{width:var(--depth);height:calc(var(--body-h) - 20px);left:calc((var(--body-w) - var(--depth)) / 2);background:linear-gradient(90deg,var(--shell-dark),var(--shell))}.left{transform:rotateY(-90deg) translateZ(calc(var(--body-w) / 2))}.right{transform:rotateY(90deg) translateZ(calc(var(--body-w) / 2))}.side:after,.edge:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#9da5ad,#d5d9de);opacity:var(--morph);border-radius:inherit}.right span{opacity:var(--tape-opacity)}.edge{width:calc(var(--body-w) - 24px);height:var(--depth);top:calc((var(--body-h) - var(--depth)) / 2)}.top{transform:rotateX(90deg) translateZ(calc(var(--body-h) / 2))}.top i{opacity:var(--tape-opacity)}.bottom{transform:rotateX(-90deg) translateZ(calc(var(--body-h) / 2))}
.laptop-display{position:absolute;inset:6px;border-radius:7px;background:#111b18;color:#f0eade;z-index:4;opacity:var(--screen-opacity);border:5px solid #151719;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #f2efde22}.laptop-toolbar{height:29px;flex:none;padding:4px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.laptop-toolbar img{object-fit:contain}.laptop-toolbar>span{font:5px monospace;letter-spacing:.5px}.desktop-content{position:relative;padding:14px 15px;flex:1;overflow:hidden}.desktop-content>p{font:5px monospace;letter-spacing:1.4px;margin:0 0 8px;color:#d1b49a}.desktop-content>strong{font-size:34px;letter-spacing:-1.8px;line-height:.95;font-weight:400;position:relative;z-index:2}.desktop-content>strong em{font-family:Georgia,serif;font-weight:400;color:#e7b393}.desktop-sun{position:absolute;width:115px;height:115px;border-radius:50%;background:linear-gradient(150deg,#e3a373,#bd5c44 65%,#583642);right:26px;top:17px;box-shadow:0 0 40px #d37b3533}.desktop-sun:after{content:"";position:absolute;inset:53% -20% -20%;background:repeating-linear-gradient(0deg,#111b18 0 4px,transparent 4px 6px)}.desktop-bottom{position:absolute;bottom:15px;left:15px;font:4px monospace;letter-spacing:1px;color:#b1b4a4}.desktop-dock{align-self:center;display:flex;gap:6px;padding:4px 7px;border:1px solid #ffffff25;border-radius:7px;background:#eae7d514;margin-bottom:7px;position:relative;z-index:2}.desktop-dock i{display:grid;place-items:center;width:16px;height:16px;background:#dd9c74;color:#252b22;border-radius:4px;font-size:10px;font-style:normal}.desktop-dock i:nth-child(2){background:#b0bd9f}.desktop-dock i:nth-child(3){background:#bcb0c3}.desktop-dock i:nth-child(4){background:#ddc9a1}.desktop-dock i:nth-child(5){background:#99b5b3}
.laptop-lid{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#dde1e4,#a6aeb6);border-radius:inherit;opacity:var(--morph)}.back .laptop-lid img{width:50px;height:46px;object-fit:contain;margin:0;filter:brightness(.55);opacity:.65}
.laptop-base{position:absolute;left:50%;top:50%;width:calc(var(--body-w) + 18px);height:210px;margin-left:calc((var(--body-w) + 18px) / -2);transform-origin:50% 0;transform:translate3d(0,calc(var(--body-h) / 2 - 3px),0) rotateX(var(--hinge));border:1px solid #979fa6;border-radius:4px 4px 12px 12px;background:linear-gradient(180deg,#b7bec4,#e1e4e7 65%,#b0b7bd);opacity:var(--base-opacity);box-shadow:0 5px 0 #8b939b,0 7px 1px #525d66}.keyboard{height:95px;margin:14px 20px 0;border:5px solid #5f666c;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 19px,#9ba3aa 19px 22px),repeating-linear-gradient(0deg,#24292d 0 14px,#9ba3aa 14px 18px);box-shadow:inset 0 0 0 1px #899198}.trackpad{width:113px;height:57px;border:1px solid #919ba3;background:linear-gradient(#cad0d5,#d7dce0);border-radius:5px;margin:15px auto}.base-notch{position:absolute;bottom:-1px;width:75px;height:4px;left:50%;margin-left:-37.5px;background:#8f989f;border-radius:0 0 4px 4px}
.phone{position:absolute;width:106px;height:214px;left:50%;top:50%;margin:-107px 0 0 -53px;transform-style:preserve-3d;transform:translate3d(var(--phone-x),var(--phone-y),var(--phone-z)) rotateY(var(--phone-angle)) rotateZ(5deg) scale(var(--phone-scale));opacity:var(--phone-opacity)}.phone-front,.phone-back{position:absolute;inset:0;border-radius:21px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 0 1px #c5cbd1;background:linear-gradient(135deg,#dfe3e7,#757c84);padding:4px}.phone-front{transform:translateZ(7px)}.phone-glass{position:absolute;inset:4px;border:3px solid #111814;border-radius:17px;overflow:hidden;background:#202d24;color:#f4eddf}.phone-island{position:absolute;top:5px;left:50%;width:27px;height:7px;border-radius:8px;background:#070c09;transform:translateX(-50%);z-index:3}.phone-status{position:absolute;inset:7px 6px auto;display:flex;justify-content:space-between;font:4px Arial,sans-serif;z-index:2}.phone-logo{position:absolute;top:28px;left:11px;object-fit:contain;z-index:2}.phone-orb{width:120px;height:120px;border-radius:50%;background:linear-gradient(150deg,#f0b37e,#b65b43 66%,#4e3c46);position:absolute;right:-31px;top:49px;box-shadow:0 0 20px #d9894422}.phone-orb:after{content:"";position:absolute;inset:65% 0 0;background:repeating-linear-gradient(0deg,#202d24 0 3px,transparent 3px 5px)}.phone-glass>strong{font-size:20px;font-weight:400;letter-spacing:-1px;line-height:.95;position:absolute;top:76px;left:10px;z-index:2}.phone-glass>strong em{font-family:Georgia,serif;font-weight:400;color:#f3c19b}.phone-home{position:absolute;bottom:18px;left:10px;right:10px;border-top:1px solid #ffffff55;padding-top:7px;display:flex;align-items:center;gap:7px}.phone-home img{object-fit:contain}.phone-home span{font:3px monospace;letter-spacing:.5px}.home-indicator{position:absolute;bottom:5px;left:50%;width:32px;height:2px;border-radius:2px;background:#eceadd;transform:translateX(-50%)}.phone-back{transform:rotateY(180deg) translateZ(7px);display:grid;place-items:center}.phone-back>img{filter:brightness(.4);opacity:.5}.phone-cameras{position:absolute;top:9px;left:9px;width:34px;height:35px;border-radius:10px;background:#9da6ae;box-shadow:0 0 0 1px #dce1e6}.phone-cameras i{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#1c3040 5%,#080e12 35%,#1b232a 65%,#737e88 70%);border-radius:50%;left:4px;top:4px}.phone-cameras i:nth-child(2){left:18px;top:12px}.phone-cameras i:nth-child(3){top:19px}.phone-side{position:absolute;width:14px;height:184px;top:15px;left:46px;background:linear-gradient(90deg,#959da7,#d5dce4);border-radius:4px}.phone-left{transform:rotateY(-90deg) translateZ(53px)}.phone-right{transform:rotateY(90deg) translateZ(53px)}.phone-right:after{content:"";position:absolute;width:3px;height:23px;top:42px;left:5px;background:#6d7781;border-radius:2px}.phone-edge{position:absolute;width:76px;height:14px;left:15px;top:100px;background:#adb6bf;border-radius:4px}.phone-top{transform:rotateX(90deg) translateZ(107px)}.phone-bottom{transform:rotateX(-90deg) translateZ(107px)}
@supports not (transform-style:preserve-3d){.laptop-base,.phone{display:none}}
@media(max-width:700px){.brand-wordmark img{width:115px}.brand{gap:10px}.theme-toggle{bottom:15px;right:16px;width:40px;height:40px;border-radius:50%;padding:0;justify-content:center}.theme-toggle #theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.chapter-nav{gap:12px;right:68px}.chapter-nav i{display:none}.chapter-nav a{gap:6px}.lab-bottom>a img{width:125px}.lab-bottom>a span{font-size:18px;margin-left:0}.no-script{padding-right:65px}}
@media(max-height:480px) and (orientation:landscape){.theme-toggle{right:14px;bottom:10px;width:34px;height:34px;border-radius:50%;padding:0;justify-content:center}.theme-toggle #theme-label{display:none}.chapter-nav i{display:none}.scene-tools{right:60px;gap:10px}.brand-wordmark img{width:105px}}