@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Figtree:wght@400;500;600;700&family=Permanent+Marker&display=swap";:root{--papel: #ffffff;--tinta: #000000;--niebla: #f3f3f6;--linea: #e2e2e8;--gris: #6b6b78;--rosa: #ff3d8b;--rosa-suave: #ffe6f0;--azul: #2f6bff;--azul-suave: #e7eeff;--vivo: #ff2d2d;--ok: #12a150;--ok-suave: #e3f6eb;--mal: #d92d3a;--mal-suave: #fde8ea;--papel-velo: rgb(255 255 255 / 92%);--texto-suave: #333;--titulo: "Bricolage Grotesque", system-ui, sans-serif;--marca: "Permanent Marker", "Bricolage Grotesque", system-ui, sans-serif;--texto: "Figtree", system-ui, sans-serif;--r-chico: 10px;--r-medio: 16px;--r-grande: 28px;color-scheme:light}:root[data-tema=oscuro]{--papel: #0f0f13;--tinta: #f2f2f5;--niebla: #1c1c23;--linea: #2e2e38;--gris: #a3a3b1;--rosa: #ff4f98;--rosa-suave: #3b1427;--azul: #6b95ff;--azul-suave: #172350;--ok: #34d17b;--ok-suave: #0f2c1c;--mal: #ff5c68;--mal-suave: #3a151a;--papel-velo: rgb(15 15 19 / 92%);--texto-suave: #d4d4dc;color-scheme:dark}:root[data-tema=oscuro] .marca img{content:url(/marca/logo-blanco.png)}.preferencias{display:inline-flex;align-items:center;gap:6px}.preferencias button{border:none;background:transparent;color:inherit;cursor:pointer;border-radius:99px;font-weight:700;font-size:.85rem;line-height:1}.preferencias .pref-tema{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;background:var(--niebla)}.pref-idioma{display:inline-flex;gap:2px;background:var(--niebla);border-radius:99px;padding:3px}.pref-idioma button{padding:7px 10px}.preferencias .pref-idioma button.activa,.preferencias .pref-idioma button.activa:hover{background:var(--tinta);color:var(--papel)}.preferencias button:hover:not(.activa){background:var(--linea)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.55 var(--texto);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--azul);outline-offset:2px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.moneda{display:inline-flex;gap:4px;background:var(--niebla);border-radius:99px;padding:4px;margin-bottom:20px}.moneda button{border:none;background:transparent;border-radius:99px;padding:8px 18px;font-weight:700;cursor:pointer}.moneda button.activa{background:var(--tinta);color:var(--papel)}.marca{display:inline-flex;align-items:center;gap:8px}.marca img{height:1.35em;width:auto;display:block}
