:root{--fondo:#f4f1ea;--tarjeta:#fff;--texto:#1d2420;--suave:#5c665f;--borde:#d6d2c6;--acento:#1f6f5c;--acento-fondo:#e4f0eb;--error:#b3261e;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--fondo:#141816;--tarjeta:#1d2320;--texto:#e8ece9;--suave:#a3ada6;--borde:#39423d;--acento:#6cc4a8;--acento-fondo:#1f3a31;--error:#ff8a80}}*{box-sizing:border-box}body{background:var(--fondo);place-items:center;min-height:100vh;margin:0;padding:24px 16px;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;width:100%;max-width:420px;padding:28px 24px}h1{margin:0 0 4px;font-size:1.6rem;line-height:1.2}.intro{color:var(--suave);margin:0 0 24px}label{margin-bottom:6px;font-weight:600;display:block}.campo{border:1px solid var(--borde);background:var(--fondo);border-radius:10px;align-items:center;margin-bottom:18px;display:flex}.campo:focus-within{border-color:var(--acento);outline:2px solid var(--acento-fondo)}.campo input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:12px 14px;font-size:1.15rem}.prefijo,.sufijo{color:var(--suave);padding:0 14px}.prefijo{padding-right:0}.sufijo{padding-left:0}.error{min-height:1.5em;color:var(--error);margin:-8px 0 8px;font-size:.95rem}.resultado{background:var(--acento-fondo);border-radius:12px;margin-bottom:20px;padding:18px 20px}.resultado p{margin:0}.etiqueta{color:var(--suave);font-size:.9rem}.precio{color:var(--acento);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700;line-height:1.2}.detalle{margin-top:4px}.ayuda{color:var(--suave);font-size:.95rem}.ayuda summary{cursor:pointer;color:var(--texto)}