@layer components{.retro-poster{isolation:isolate;background:var(--color-poster);min-height:100dvh;color:var(--color-ink);position:relative;overflow:clip}.retro-poster__backdrop{z-index:-3;width:100%;height:100%;position:absolute;inset:0}.retro-poster__rays{animation:retro-poster-spin var(--duration-rays) var(--ease-linear) var(--loop)}.retro-poster__rays--center{transform-origin:500px 520px}.retro-poster__rays--low{transform-origin:500px 1150px}.retro-poster--acelga .retro-poster__rays{fill:var(--color-acelga);opacity:.92}.retro-poster--zapallo .retro-poster__rays{fill:var(--color-zapallo);opacity:.5}.retro-poster--quiet .retro-poster__rays{opacity:.14}.retro-poster__paper{z-index:-2;background-image:radial-gradient(circle at 20% 30%, var(--color-papel-sombra) 0 1px, transparent 1.5px), radial-gradient(circle at 70% 60%, var(--color-ink) 0 .8px, transparent 1.3px), radial-gradient(ellipse at center, transparent 55%, var(--color-papel-sombra) 140%);opacity:.35;background-size:23px 29px,37px 31px,100% 100%;position:absolute;inset:0}.retro-poster__frame{inset:var(--space-3);z-index:-1;border:var(--border-heavy) solid var(--color-ink);border-radius:var(--radius-lg);outline:var(--border-thick) dashed var(--color-coliflor);outline-offset:calc(var(--space-2) * -1 - var(--border-heavy));position:absolute}.retro-poster__star{z-index:-1;aspect-ratio:1;width:clamp(1.75rem,1rem + 2.5vw,3.75rem);fill:var(--color-morron);stroke:var(--color-ink);stroke-width:8px;stroke-linejoin:round;position:absolute}.retro-poster__star--top-left{top:var(--space-5);left:var(--space-5)}.retro-poster__star--top-right{top:var(--space-5);right:var(--space-5)}.retro-poster__star--bottom-left{bottom:var(--space-5);left:var(--space-5)}.retro-poster__star--bottom-right{right:var(--space-5);bottom:var(--space-5)}.retro-poster__content{min-height:100dvh;padding:var(--space-7) var(--space-5);position:relative}@media not (min-width:40rem){.retro-poster__content{padding:var(--space-6) var(--space-4)}}@keyframes retro-poster-spin{to{transform:rotate(360deg)}}}
@layer components{.retro-sign{padding:var(--space-3);border:var(--border-heavy) solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-lg);display:flex;position:relative;overflow:hidden}.retro-sign--button{background:var(--color-morron);max-width:100%;min-height:clamp(7rem,4rem + 9dvh,10.5rem);font:inherit;cursor:pointer;transition:transform var(--duration-instant) var(--ease-out)}.retro-sign--button:hover{transform:translate(-2px,-2px)}.retro-sign--button:active{transform:translate(var(--press-distance), var(--press-distance));box-shadow:var(--shadow-hard-pressed)}.retro-sign--button:focus-visible{outline:4px solid var(--color-focus);outline-offset:var(--space-2)}.retro-sign--plaque{background:var(--color-coliflor);transform:rotate(calc(var(--tilt-1) * -.75))}.retro-sign__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)}.retro-sign__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}.retro-sign--plaque .retro-sign__stitch{border-color:var(--color-remolacha)}.retro-sign__text{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);margin:0}.retro-sign--button .retro-sign__text{color:var(--color-coliflor)}.retro-sign--plaque .retro-sign__text{color:var(--color-remolacha);text-shadow:var(--relief-sm)}.retro-sign--md{min-height:64px;padding:var(--space-2);box-shadow:var(--shadow-hard);border-width:4px}.retro-sign--md .retro-sign__stitch{padding:var(--space-1) var(--space-5);border-width:2px}.retro-sign--md .retro-sign__text{font-size:var(--text-2xl);text-shadow:var(--relief-sm)}.retro-sign--plaque.retro-sign--md .retro-sign__text{font-size:var(--text-4xl)}@media not (min-width:40rem){.retro-sign--plaque{padding:var(--space-2)}.retro-sign--plaque .retro-sign__stitch{padding:var(--space-2) var(--space-3)}}}