:root{color-scheme:dark;--bg:#0a0d12;--bg-soft:#121822;--text:#f2f5f9;--muted:#9aa6b4;--border:#ffffff1a;--accent:#ff6a1f;--accent-2:#ffb020;--accent-text:#160a03;--glass:#ffffff0b;--shadow:0 10px 40px #00000073}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(900px 500px at 85% -5%, #ff6a1f29, transparent 60%), radial-gradient(700px 500px at -10% 8%, #466eff1f, transparent 60%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--accent-2)}[hidden]{display:none!important}.wrap{max-width:1040px;margin:0 auto;padding:0 1rem}@keyframes subir{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0d12b3;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:3.6rem;display:flex}.logo{letter-spacing:-.02em;color:var(--text);font-size:1.25rem;font-weight:900;text-decoration:none}.logo span{color:var(--accent)}.site-header nav{gap:.3rem;display:flex}.site-header nav a{color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s}.site-header nav a:hover{color:var(--text);background:var(--glass)}main{padding:1.5rem 0 3rem}h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.7rem,4.6vw,2.7rem);line-height:1.15}h2{letter-spacing:-.01em;margin:2rem 0 .75rem;scroll-margin-top:5rem;font-size:1.4rem}h3{margin:1.5rem 0 .5rem;font-size:1.1rem}.lead{color:var(--muted);max-width:40rem;font-size:1.1rem}.breadcrumb{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.breadcrumb a{color:var(--muted)}.updated{color:var(--muted);font-size:.9rem}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:1rem;padding:.5rem 0 1rem;display:grid}.eyebrow{color:var(--accent-2);background:#ffb0201a;border:1px solid #ffb02040;border-radius:999px;margin:0 0 .9rem;padding:.3rem .8rem;font-size:.85rem;font-weight:700;display:inline-block}.hero h1 span{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.hero-cta .btn{margin-top:0}.stage{isolation:isolate;perspective:900px;cursor:grab;user-select:none;touch-action:pan-y;place-items:center;height:320px;display:grid;position:relative}.stage:active{cursor:grabbing}.stage:before{content:"";z-index:-1;background:radial-gradient(circle,#ff6a1f59,#0000 65%);border-radius:50%;width:300px;height:300px;position:absolute}.stage:after{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(#0009,#0000 70%);border-radius:50%;width:190px;height:26px;position:absolute;bottom:18px}.hint{color:var(--muted);font-size:.8rem;position:absolute;bottom:-4px}.plate3d{width:210px;height:210px;transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(-14deg)rotateY(28deg)}.plate3d .capa{transform:translateZ(var(--z));background:radial-gradient(circle,#0a0d12 0 7%,#0000 7.5%),radial-gradient(circle at 35% 30%,#59636f,#232a33 70%);border-radius:50%;position:absolute;inset:0}.plate3d .face{color:#fff;background:radial-gradient(circle,#0a0d12 0 7%,#0000 7.5%),radial-gradient(circle,#0000 0 62%,#ffffff47 62.5% 64%,#0000 64.5%),radial-gradient(circle at 35% 30%,#ff8a3c,#d9480f 70%,#9a3412);border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:17%;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #0000002e}.plate3d .face b{letter-spacing:-.04em;text-shadow:0 2px #00000059;font-size:3.2rem;font-weight:900;line-height:1}.plate3d .face small{letter-spacing:.3em;opacity:.9;font-size:.8rem;font-weight:800}.plate3d .front{transform:translateZ(14px)}.plate3d .back{transform:translateZ(-14px)rotateY(180deg)}@media (width<=760px){.hero{grid-template-columns:1fr}.stage{order:-1;height:260px}.plate3d{width:170px;height:170px}.plate3d .face b{font-size:2.6rem}}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.card{background:var(--glass);border:1px solid var(--border);color:var(--text);animation:.5s both subir;animation-delay:calc(var(--i,0) * 70ms);border-radius:18px;padding:1.1rem 1.2rem;text-decoration:none;transition:transform .15s ease-out,border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.card .ico{margin-bottom:.4rem;font-size:1.7rem;display:block}.card strong{margin-bottom:.2rem;font-size:1.05rem;display:block}.card .desc{color:var(--muted);font-size:.95rem}a.card:before{content:"";background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), #ff6a1f40, transparent 60%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}a.card:hover{box-shadow:var(--shadow);border-color:#ff6a1f99}a.card:hover:before{opacity:1}.card.soon{opacity:.55}.card .tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-top:.6rem;padding:.1rem .6rem;font-size:.75rem;font-style:normal;font-weight:700;display:inline-block}.calc{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff06);border-radius:22px;margin:1.5rem 0;padding:1.4rem;position:relative}.calc:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ff6a1f99,#0000 40%,#ffb02059);border-radius:22px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.calc-fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.calc label{font-size:.95rem;font-weight:600;display:block}.calc input,.calc select{width:100%;color:var(--text);border:1px solid var(--border);background:#00000059;border-radius:12px;margin-top:.4rem;padding:.8rem .9rem;font-size:1.15rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.calc input:focus,.calc select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff6a1f40}.calc select option{color:var(--text);background:#121822}.btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--accent-text);cursor:pointer;border:0;border-radius:12px;margin-top:1rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 8px 24px #ff6a1f59}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff6a1f73}.btn:active{transform:scale(.98)}.btn-sec{background:var(--glass);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-sec:hover{border-color:var(--accent);box-shadow:none}.calc-error{color:#ff6b6b;margin:.75rem 0 0;font-weight:700}.calc-note{color:var(--muted);font-size:.95rem}.result{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem;animation:.35s both subir}.result-label{color:var(--muted);margin:0;font-weight:600}.result-main{letter-spacing:-.03em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.1rem 0 .75rem;font-size:clamp(2.6rem,9vw,3.6rem);font-weight:900;line-height:1.05}.result-main .r-unit{letter-spacing:0;-webkit-text-fill-color:var(--muted);font-size:1.2rem;font-weight:600}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;margin:.5rem 0 1rem}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .75rem}.table-wrap th{color:var(--muted);font-size:.9rem}.table-wrap tbody tr:hover td{background:#ffffff08}.plates-set{border:1px solid var(--border);border-radius:14px;margin:1rem 0 0;padding:.75rem 1rem 1rem}.plates-set legend{padding:0 .4rem;font-size:.95rem;font-weight:600}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.calc .chip{border:1px solid var(--border);cursor:pointer;background:#0000004d;border-radius:999px;align-items:center;margin:0;padding:.4rem .85rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.calc .chip:has(input:checked){border-color:var(--accent);background:#ff6a1f29}.calc .chip input[type=checkbox]{width:auto;accent-color:var(--accent);margin:0 .45rem 0 0;padding:0}.plates-list{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.plates-list li{border:1px solid var(--border);background:#0000004d;border-radius:10px;padding:.4rem .9rem;font-weight:800}.bar-viz{align-items:center;height:150px;margin:1rem 0;display:flex;overflow:hidden}.bar-shaft{background:linear-gradient(#e6ebf0,#7d8792 50%,#4b535c);border-radius:6px 0 0 6px;flex:1;min-width:40px;height:12px}.bar-plates{align-items:center;gap:3px;padding-left:3px;display:flex}.bar-plate{background:linear-gradient(90deg, #ffffff59, #fff0 40%, #00000059), var(--pc,var(--accent));border:1px solid #00000073;border-radius:5px;width:18px;box-shadow:0 4px 10px #00000080}.bar-tip{background:linear-gradient(#e6ebf0,#7d8792 50%,#4b535c);border-radius:0 4px 4px 0;width:22px;height:18px}.bar-plate[data-u=kg][data-w="25"]{--pc:#e02424}.bar-plate[data-u=kg][data-w="20"]{--pc:#2563eb}.bar-plate[data-u=kg][data-w="15"]{--pc:#eab308}.bar-plate[data-u=kg][data-w="10"]{--pc:#16a34a}.bar-plate[data-u=kg][data-w="5"]{--pc:#e5e7eb}.bar-plate[data-u=kg][data-w="2.5"]{--pc:#6b7280}.bar-plate[data-u=kg][data-w="1.25"]{--pc:#9ca3af}.bar-plate[data-u=lb][data-w="45"]{--pc:#2563eb}.bar-plate[data-u=lb][data-w="35"]{--pc:#eab308}.bar-plate[data-u=lb][data-w="25"]{--pc:#16a34a}.bar-plate[data-u=lb][data-w="10"]{--pc:#e5e7eb}.bar-plate[data-u=lb][data-w="5"]{--pc:#e02424}.bar-plate[data-u=lb][data-w="2.5"]{--pc:#9ca3af}.acc{background:var(--glass);border:1px solid var(--border);border-radius:14px;margin:.6rem 0;overflow:hidden}.acc>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;list-style:none;display:flex}.acc>summary::-webkit-details-marker{display:none}.acc>summary h2{margin:0;font-size:1.05rem}.acc>summary:after{content:"+";color:var(--accent);font-size:1.5rem;line-height:1;transition:transform .2s}.acc[open]>summary:after{transform:rotate(45deg)}.acc[open]{border-color:#ff6a1f59}.acc-body{color:#d3dae2;padding:0 1.1rem 1rem}.acc-body>:first-child{margin-top:0}details:not(.acc){border-bottom:1px solid var(--border);padding:.7rem 0}details:not(.acc):last-of-type{border-bottom:0}details:not(.acc) summary{cursor:pointer;font-weight:600}details:not(.acc) p{margin:.5rem 0 0}.site-footer{border-top:1px solid var(--border);color:var(--muted);background:#00000040;padding:1.5rem 0;font-size:.9rem}.site-footer p{margin:.4rem 0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}