.impact-device{display:grid;gap:24px;padding:clamp(16px,3vw,36px);border:1px solid #d8cec5;border-radius:36px;background:linear-gradient(145deg,#fffdf7,#e8e0d7);box-shadow:inset 0 2px 0 #fff,0 6px 0 #d3c7bc,0 24px 60px -28px #40222b50}.impact-keyboard{min-width:0}.impact-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.impact-key{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px 16px;border:1px solid #d2c5bf;border-radius:24px;background:linear-gradient(145deg,#fff,#f7ebe6);box-shadow:inset 0 3px 3px #fff,0 5px 0 #d1c4be,0 9px 14px -10px #30151e66;transition:border-color .2s,box-shadow .2s}.impact-key-pantalon{background:linear-gradient(145deg,#f9f4ff,#e9dcf0)}.impact-key-abrigo{background:linear-gradient(145deg,#fff6e6,#f1dfc5)}.impact-key-calzado{background:linear-gradient(145deg,#ffeff1,#f4d5dc)}.impact-key.is-selected{border-color:var(--color-carmin);box-shadow:inset 0 3px 3px #fff,0 5px 0 #c9879d,0 0 0 1px #d6004f}.impact-garment{display:grid;place-items:center;height:72px;width:72px;margin-bottom:12px;color:var(--color-carmin);filter:drop-shadow(0 5px 0 #d6004f12)}.impact-stepper{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin-top:18px}.impact-display{min-width:0;order:0}.impact-screen{height:100%;display:flex;flex-direction:column;padding:clamp(20px,3vw,36px);border:5px solid #403337;border-radius:26px;color:white;background:radial-gradient(ellipse at top right,#42202f,transparent 70%),#191317;box-shadow:inset 0 3px 16px #0009,0 2px 0 #fff}.impact-screen-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #ffffff20;font-size:11px;letter-spacing:.12em;color:#f3bacf}.impact-water{display:flex;align-items:flex-start;gap:16px;min-width:0}.impact-water>div{min-width:0}.impact-water-value{font-size:clamp(2.25rem,5vw,4.4rem);overflow-wrap:anywhere}.impact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.impact-metric{min-width:0;display:flex;flex-direction:column;gap:14px;border-top:2px solid #e8627e66;padding-top:14px}.impact-metric p{overflow-wrap:anywhere}@media(min-width:1024px){.impact-device{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch}.impact-display{order:0}}@media(max-width:639px){.impact-device{margin-inline:-8px;border-radius:28px;gap:24px;padding:14px}.impact-keys{gap:12px}.impact-key{padding:16px 7px 12px;border-radius:20px}.impact-garment{width:56px;height:56px}.impact-stepper{gap:2px}.impact-stepper button{width:44px;height:44px}.impact-screen{padding:18px 14px;border-width:3px}.impact-water{flex-direction:column;gap:10px}.impact-metrics{grid-template-columns:1fr}.impact-metric{flex-direction:row;gap:12px}.impact-metric>span{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.impact-calculator button:active{transform:none}}.impact-live-strip{position:sticky;top:12px;z-index:10;display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:12px 16px;border:1px solid #f3bacf;border-radius:14px;color:white;background:#28171f;box-shadow:0 4px 12px #0002;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}@media(min-width:1024px){.impact-live-strip{display:none}}.impact-photo{grid-column:1/-1}.impact-key{box-shadow:inset 0 2px 2px #fff,0 3px 0 #d1c4be}