@layer components{.icon{flex-shrink:0;display:block}.icon--xs{width:12px;height:12px}.icon--sm{width:18px;height:18px}.icon--md{width:22px;height:22px}.icon--spin{animation:icon-spin var(--duration-spin) var(--ease-linear) var(--loop)}@keyframes icon-spin{to{transform:rotate(1turn)}}}
@layer components{.button{color:var(--color-ink);font:inherit;cursor:pointer;transition:transform var(--duration-instant) var(--ease-out);font-weight:800;text-decoration:none}.button--primary{max-width:100%;min-height:clamp(4.5rem,2rem + 6dvh,6.5rem);padding:var(--space-2);border:var(--border-heavy) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-morron);box-shadow:var(--shadow-hard);display:flex;position:relative;overflow:hidden}.button--primary:hover{transform:translate(-2px,-2px)}.button--primary:focus-visible{outline:4px solid var(--color-focus);outline-offset:var(--space-2)}.button--primary .button__text{color:var(--color-coliflor);font-family:var(--font-display);font-size:var(--text-sign);line-height:var(--leading-none);letter-spacing:-.02em;text-align:center;text-wrap:balance;text-shadow:var(--relief);translate:calc(var(--space-1)*-1) calc(var(--space-1)*-1);margin:0}.button__band{inset-inline:calc(var(--space-6)*-1);border-block:var(--border-heavy) solid var(--color-ink);background:var(--color-zapallo);height:38%;position:absolute;top:34%;transform:rotate(-7deg)}.button__stitch{padding:var(--space-3) var(--space-5);border:var(--border-thick) dashed var(--color-coliflor);border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.button--primary.button--md,.button--primary.button--sm{min-height:58px;padding:var(--space-1);box-shadow:var(--shadow-hard);border-width:4px}.button--primary.button--md .button__stitch,.button--primary.button--sm .button__stitch{padding:var(--space-1) var(--space-5);border-width:2px}.button--primary.button--md .button__text,.button--primary.button--sm .button__text{font-size:var(--text-lg);text-shadow:var(--relief-sm);translate:calc(var(--space-1)/-2) calc(var(--space-1)/-2)}@media (min-width:56rem){.button--primary.button--md,.button--primary.button--sm{min-height:64px;padding:var(--space-2)}.button--primary.button--md .button__text,.button--primary.button--sm .button__text{font-size:var(--text-2xl)}}.button--primary.button--sm{border-radius:var(--radius-md);min-height:56px;box-shadow:var(--shadow-hard);border-width:3px}.button--primary.button--sm .button__stitch{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.button--primary.button--sm .button__text{font-size:var(--text-lg);white-space:nowrap}@media (min-width:56rem){.button--primary.button--sm{min-height:56px;padding:var(--space-1)}.button--primary.button--sm .button__text{font-size:var(--text-lg)}}.button--secondary,.button--accent{justify-content:center;align-items:center;gap:var(--space-2);min-height:56px;padding-inline:var(--space-5);border:3px solid var(--color-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);font-size:var(--text-base);display:inline-flex}@media not (min-width:56rem){.button--secondary,.button--accent{gap:var(--space-1);padding-inline:var(--space-3)}}.button--secondary{background:var(--color-coliflor)}.button--secondary:not(.button--compact,.button--icon-only,.button--round,.button--soft,.button--morron){background:var(--color-remolacha);color:var(--color-coliflor)}.button--secondary.button--soft{background:var(--color-zapallo-suave)}.button--secondary.button--morron{background:var(--color-morron-suave);color:var(--color-morron-oscuro)}.button--accent{background:var(--color-zapallo)}.button--accent.button--oro{background:var(--gradient-member);color:var(--color-ink)}.button--accent.button--acelga{background:var(--color-acelga);color:var(--color-coliflor)}.button--accent.button--morron{background:var(--color-morron);color:var(--color-coliflor)}.button--secondary.button--sm,.button--accent.button--sm{min-height:48px;padding-inline:var(--space-4);box-shadow:var(--shadow-hard)}.button--secondary.button--lg,.button--accent.button--lg{min-height:64px;font-size:var(--text-lg)}.button--beam{--button-beam-width:3px;--button-beam-from:var(--color-zapallo);--button-beam-to:var(--color-morron);position:relative}.button__beam{inset:calc(var(--button-beam-width)*-1);padding:var(--button-beam-width);border-radius:inherit;pointer-events:none;position:absolute;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.button__beam-light{aspect-ratio:1;background:conic-gradient(transparent 0deg 270deg, var(--button-beam-from) 300deg, var(--button-beam-to) 350deg, transparent 360deg);width:200vmax;animation:button-beam var(--duration-hop) var(--ease-linear) var(--loop);position:absolute;top:50%;left:50%;translate:-50% -50%}.button--primary.button--beam{--button-beam-width:var(--border-thick);--button-beam-to:var(--color-zapallo-oscuro)}.button--primary .button__beam{border-radius:calc(var(--radius-lg) - var(--border-heavy));inset:0}.button--primary .button__stitch{gap:var(--space-2);color:var(--color-coliflor)}@media (prefers-reduced-motion:reduce){.button__beam{display:none}}.button--jump{animation:button-hop var(--duration-hop) var(--ease-out) var(--duration-slow) var(--loop)}@media (prefers-reduced-motion:reduce){.button--jump{animation:none}}@media not (min-width:56rem){.button--no-jump-mobile{animation:none}}@media (min-width:56rem){.button--no-jump-desk{animation:none}}.button--icon-only{aspect-ratio:1;padding:0}.button--round{width:var(--touch-target);min-height:0;height:var(--touch-target);border-radius:var(--radius-pill);background:var(--color-zapallo-suave);box-shadow:var(--shadow-hard-sm);padding:0}.button--round.button--acelga{background:var(--color-acelga);color:var(--color-coliflor)}.button--round.button--zapallo{background:var(--color-zapallo)}.button--round.button--remolacha{background:var(--color-remolacha);color:var(--color-coliflor)}.button--round.button--morron{background:var(--color-morron);color:var(--color-coliflor)}.button--primary:active,.button--secondary:active,.button--accent:active{transform:translate(var(--press-distance), var(--press-distance));box-shadow:var(--shadow-hard-pressed)}.button--round:active{transform:translate(calc(var(--press-distance) / 2), calc(var(--press-distance) / 2))}.button--waiting{background:var(--color-remolacha-profunda);box-shadow:none;color:var(--color-zapallo-suave);cursor:progress}.button--primary.button--waiting{background:var(--color-morron);opacity:.5}.button--waiting:active{transform:none}.button--disabled{opacity:.4;cursor:default}.button--disabled:hover,.button--disabled:active{transform:none}.button--text{align-items:center;gap:var(--space-1);min-height:var(--touch-target);color:inherit;text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline;display:inline-flex}.button--text svg{color:var(--color-remolacha)}.button--text.button--on-brand svg{color:inherit}@media not (min-width:56rem){.button--compact{min-width:48px;min-height:48px;box-shadow:var(--shadow-hard);padding:0}.button--compact .button__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@keyframes button-hop{0%,40%,to{translate:none}10%{translate:0 calc(var(--space-3)*-1)}20%{translate:none}28%{translate:0 calc(var(--space-2)*-1)}}@keyframes button-beam{to{transform:rotate(1turn)}}}
@layer components{.heading--display{font-family:var(--font-display);line-height:var(--leading-heading);text-wrap:balance}.heading--size-1{font-size:var(--text-4xl);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.03em}.heading--size-2{font-size:var(--text-3xl);font-weight:700}.heading--size-3{font-size:var(--text-2xl);font-weight:700}.heading--size-4{font-size:var(--text-xl);font-weight:700}.heading--size-5{font-size:var(--text-lg);font-weight:500}.heading--size-6{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.heading--remolacha{color:var(--color-remolacha);line-height:var(--leading-none);text-shadow:var(--relief-sm)}.heading--ticket{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;line-height:var(--leading-none);letter-spacing:.02em;text-align:center;text-transform:uppercase}.heading--label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:800;line-height:var(--leading-none);letter-spacing:.12em;text-transform:uppercase}.heading--hand{color:var(--color-remolacha);font-family:var(--font-hand);font-size:var(--text-hand-lg);font-weight:700;line-height:var(--leading-none)}.heading--note{color:var(--color-ink);font-family:var(--font-hand);font-size:var(--text-hand-lg);font-weight:700;line-height:var(--leading-none)}.heading--plaque{max-width:100%;padding:var(--space-3);border:var(--border-heavy) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-coliflor);box-shadow:var(--shadow-hard-lg);transform:rotate(calc(var(--tilt-1) * -.75));display:flex;position:relative}.heading--plaque .heading__text{color:var(--color-remolacha);font-family:var(--font-display);font-size:var(--text-poster);font-weight:800;line-height:var(--leading-none);letter-spacing:-.02em;text-align:center;text-wrap:balance;text-shadow:var(--relief-sm)}.heading__stitch{padding:var(--space-3) var(--space-5);border:var(--border-thick) dashed var(--color-remolacha);border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.heading--plaque.heading--md{padding:var(--space-2);box-shadow:var(--shadow-hard);border-width:4px}.heading--plaque.heading--md .heading__stitch{padding:var(--space-1) var(--space-5);border-width:2px}.heading--plaque.heading--md .heading__text{font-size:var(--text-4xl)}.heading--ribbon{padding-inline:var(--space-6);font-family:var(--font-display);font-size:var(--text-ribbon);font-weight:800;line-height:var(--leading-tight);transform:rotate(calc(var(--tilt-1) * -.75));position:relative}.heading--ribbon:before,.heading--ribbon:after{content:"";top:var(--space-4);bottom:calc(var(--space-4)*-1);width:var(--space-7);border:4px solid var(--color-ink);background:var(--color-remolacha-profunda);position:absolute}.heading--ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);left:0}.heading--ribbon:after{clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);right:0}.heading--ribbon .heading__text{z-index:1;padding:var(--space-3) var(--space-6);border:4px solid var(--color-ink);background:var(--color-remolacha);box-shadow:var(--shadow-hard-sm);color:var(--color-coliflor);text-align:center;text-wrap:balance;display:block;position:relative}@media not (min-width:40rem){.heading--plaque{padding:var(--space-2)}.heading--plaque .heading__stitch,.heading--plaque.heading--md .heading__stitch{padding:var(--space-2) var(--space-3)}.heading--ribbon{padding-inline:0}.heading--ribbon:before,.heading--ribbon:after{display:none}.heading--ribbon .heading__text{padding-inline:var(--space-4)}}@media (min-width:56rem){.heading--ticket{font-size:var(--text-2xl)}}}
@layer components{.text--body{line-height:var(--leading-body)}.text--intro{color:var(--color-text-muted);font-size:var(--text-lg)}.text--hand{color:var(--color-text-muted);font-family:var(--font-hand);font-size:var(--text-hand);line-height:var(--leading-tight)}.text--small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-body)}.text--caps{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.text--notice{color:var(--color-acelga);font-size:var(--text-sm);font-weight:700}.text--notice:empty{display:none}.text--pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-coliflor);font-size:var(--text-sm);font-weight:700}.text--center{text-align:center;display:block}@media (min-width:56rem){.text--pill{font-size:var(--text-base)}}}
@layer components{.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
@layer components{.plan-lock{display:inline-grid;position:relative}.plan-lock__seal{top:calc(var(--space-3)*-1);right:calc(var(--space-3)*-1);z-index:1;border:3px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-zapallo);width:2.125rem;height:2.125rem;box-shadow:var(--shadow-hard-sm);color:var(--color-ink);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:rotate(8deg)}.plan-lock--shake .plan-lock__seal{animation:plan-lock-shake var(--duration-base) var(--ease-bounce)}@media (prefers-reduced-motion:reduce){.plan-lock--shake .plan-lock__seal{animation:none}}@keyframes plan-lock-shake{35%{transform:rotate(-6deg)scale(1.15)}70%{transform:rotate(12deg)}}}
