@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url("./media/space-grotesk-latin-500-normal-GESQWJQV.woff2") format("woff2"),url("./media/space-grotesk-latin-500-normal-HV4TE4RA.woff") format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url("./media/space-grotesk-latin-700-normal-I3MXRIUZ.woff2") format("woff2"),url("./media/space-grotesk-latin-700-normal-6Z7GHSI6.woff") format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url("./media/atkinson-hyperlegible-latin-400-normal-SPAYGEOD.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-400-normal-4XQA3ZPE.woff") format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url("./media/atkinson-hyperlegible-latin-700-normal-FHYJOTYL.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-700-normal-WK24QXLQ.woff") format("woff")}:root{--fondo: #f2f1f7;--superficie: #fbfaff;--tinta: #241f3a;--tinta-suave: #5a5474;--linea: #d3cfe3;--cierto: #4b3bd6;--nose: #8a5a1e;--rotulo: "Space Grotesk", system-ui, sans-serif;--texto: "Atkinson Hyperlegible", system-ui, sans-serif;--espina: 1.75rem}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--rotulo);margin:0;letter-spacing:-.015em}h1{font-size:2rem;font-weight:700;line-height:1.15}h2{font-size:1.0625rem;font-weight:700;line-height:1.3}p{margin:0;max-width:62ch}a{color:var(--cierto)}.marca{font-family:var(--rotulo);font-weight:500;letter-spacing:-.02em;color:var(--tinta)}.marca b{font-weight:700;color:var(--cierto)}button,input{font:inherit;color:inherit}input{width:100%;background:var(--superficie);border:1px solid var(--linea);border-radius:2px;padding:.625rem .75rem}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cierto);outline-offset:2px}.campo{display:block;margin-bottom:1rem}.campo>span{display:block;font-size:.875rem;color:var(--tinta-suave);margin-bottom:.3125rem}.boton{background:var(--tinta);color:var(--superficie);border:1px solid var(--tinta);border-radius:2px;padding:.625rem 1.5rem;font-family:var(--rotulo);font-weight:500;cursor:pointer}.boton:hover:not(:disabled){background:var(--cierto);border-color:var(--cierto)}.boton:disabled{opacity:.45;cursor:default}.boton-plano{background:none;border:none;border-bottom:1px solid var(--linea);color:var(--tinta-suave);padding:.125rem 0;cursor:pointer}.boton-plano:hover{color:var(--tinta);border-bottom-color:var(--tinta)}.espina{position:relative;margin:2.5rem 0 0;padding-left:var(--espina)}.espina:before{content:"";position:absolute;left:5px;top:.5rem;bottom:.5rem;width:1px;background:var(--linea)}.nodo{position:relative;padding-bottom:2.25rem}.nodo:last-child{padding-bottom:0}.nodo:before{content:"";position:absolute;left:calc(-1 * var(--espina));top:.5rem;width:11px;height:11px;border-radius:50%;background:var(--fondo);border:2px solid var(--cierto)}.nodo.confirmado:before{background:var(--cierto)}.nodo.nose:before{border-color:var(--nose);background:var(--fondo)}.nodo.pendiente:before{border-color:var(--linea);background:var(--fondo)}.nodo h2{margin-bottom:.25rem}.nodo p+p{margin-top:.5rem}.detalle{color:var(--tinta-suave);font-size:.9375rem}.detalle.nose{color:var(--nose)}.orden{font-family:var(--rotulo);font-size:.875rem;background:var(--superficie);border:1px solid var(--linea);border-radius:2px;padding:.125rem .4375rem;white-space:nowrap}.piezas{list-style:none;margin:.875rem 0 0;padding:0;max-width:62ch}.piezas li{display:grid;grid-template-columns:13.5rem 1fr;gap:.25rem 1.25rem;padding:.625rem 0;border-top:1px solid var(--linea)}.piezas li:last-child{border-bottom:1px solid var(--linea)}.piezas .nombre{font-family:var(--rotulo);font-weight:500}.piezas .dice{color:var(--tinta-suave);font-size:.9375rem}.piezas .dice.nose{color:var(--nose)}@media(max-width:34rem){.piezas li{grid-template-columns:1fr;gap:.125rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
