@layer components{.logo{color:var(--color-ink);margin:0;text-decoration:none;display:inline-block}.logo__mark{display:block;position:relative}.logo__name{width:auto;height:var(--logo-height);display:block}.logo__shine{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/brand/pastalavista-nombre-forma.svg) 50%/100% 100% no-repeat;mask:url(/brand/pastalavista-nombre-forma.svg) 50%/100% 100% no-repeat}.logo__shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:22%;position:absolute;inset:-10% auto -10% 0;transform:translate(-200%)skew(13.5deg)}.logo__glint{pointer-events:none;position:absolute;inset:-10.4348% -4.24779%;overflow:hidden;-webkit-mask:url(/brand/pastalavista-nombre-contorno.svg) 50%/100% 100% no-repeat;mask:url(/brand/pastalavista-nombre-contorno.svg) 50%/100% 100% no-repeat}.logo__glint:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:20.2773%;position:absolute;inset:-10% auto -10% 3.91517%;transform:translate(-200%)skew(13.5deg)}.logo:hover .logo__shine:after,.logo:hover .logo__glint:after{animation:logo-shine calc(var(--duration-slow)*1.25) var(--ease-linear)}@media (prefers-reduced-motion:reduce){.logo:hover .logo__shine:after,.logo:hover .logo__glint:after{animation:none}}.logo__sign{font-size:calc(var(--logo-height)*.17);pointer-events:none;display:none;position:absolute;top:-8%;right:-10%;transform:rotate(10deg)}.logo__plate{padding:var(--space-1) var(--space-2);border:3px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--gradient-member);box-shadow:var(--shadow-hard-sm);color:var(--color-ink);font-family:var(--font-logo);line-height:var(--leading-none);letter-spacing:.1em;text-transform:uppercase}:root[data-plan=basic] .logo__sign,.logo--member .logo__sign{display:flex}.logo--nombre.logo--nav{--logo-height:3.25rem}@media (min-width:56rem){.logo--nombre.logo--nav{--logo-height:6.5rem}}.logo--nombre.logo--cover{--logo-height:clamp(5.5rem, min(4rem + 9vw, 18dvh), 13rem)}.logo--cartel{border-radius:var(--radius-md);background:var(--color-coliflor);transform:rotate(calc(var(--tilt-1) * -1))}.logo__stitch{padding:0 var(--space-2);border:2px dashed var(--color-zapallo-tinta);border-radius:var(--radius-sm);font-family:var(--font-logo);line-height:var(--leading-tight);display:block}.logo__la{color:var(--color-morron)}.logo--cartel.logo--cover{padding:var(--space-2) var(--space-3);border:4px solid var(--color-ink);box-shadow:var(--shadow-hard)}.logo--cartel.logo--cover .logo__stitch{font-size:var(--text-logo)}.logo--cartel.logo--nav{padding:var(--space-1) var(--space-2);border:3px solid var(--color-ink);box-shadow:var(--shadow-hard-sm)}.logo--cartel.logo--nav .logo__stitch{font-size:var(--text-lg)}@keyframes logo-shine{0%{transform:translate(-120%)skew(13.5deg)}5%{transform:translate(-75.4%)skew(11.4deg)}10%{transform:translate(-38%)skew(9.6deg)}15%{transform:translate(-6.9%)skew(8.1deg)}20%{transform:translate(19.1%)skew(6.9deg)}25%{transform:translate(40.9%)skew(5.8deg)}30%{transform:translate(59.5%)skew(5deg)}35%{transform:translate(76%)skew(4.2deg)}40%{transform:translate(91.4%)skew(3.4deg)}45%{transform:translate(106.7%)skew(2.7deg)}50%{transform:translate(122.9%)skew(1.9deg)}55%{transform:translate(141%)skew(1.1deg)}60%{transform:translate(162.1%)skew(.1deg)}65%{transform:translate(187.2%)skew(-3.1deg)}70%{transform:translate(217.3%)skew(-7.1deg)}75%{transform:translate(253.4%)skew(-11.8deg)}80%{transform:translate(296.5%)skew(-17.5deg)}85%{transform:translate(347.8%)skew(-24.3deg)}90%{transform:translate(408.1%)skew(-32.3deg)}95%{transform:translate(478.5%)skew(-41.6deg)}to{transform:translate(560%)skew(-52.3deg)}}}
@layer components{.poster-chalkboard{box-sizing:border-box;width:100%;max-width:690px;padding:var(--space-2) var(--space-5) var(--space-3);border:calc(var(--border-heavy) + 2px) solid var(--color-zapallo-tinta);border-radius:var(--radius-md);background:var(--color-ink);box-shadow:var(--shadow-hard);outline:3px solid var(--color-ink);transform:rotate(calc(var(--tilt-1) * -.75));flex-direction:column;align-items:center;display:inline-flex}.poster-chalkboard__text{color:var(--color-coliflor);font-family:var(--font-hand);font-size:calc(var(--text-4xl)*1.3);font-weight:700;line-height:var(--leading-none);text-align:center;transform:rotate(-2deg)}.poster-chalkboard__underline{width:86%;height:.6rem;margin-top:var(--space-1);fill:none;stroke:var(--color-zapallo);stroke-linecap:round;stroke-width:4px;display:block}@media (min-width:56rem){.poster-chalkboard{padding:var(--space-3) var(--space-6) var(--space-4);border-width:calc(var(--border-heavy) + 3px);box-shadow:var(--shadow-hard-lg)}}}
@layer components{.poster-hanging{--poster-hanging-cord:var(--space-4);--poster-hanging-nail:.4375rem;padding-top:var(--poster-hanging-cord);flex-direction:column;align-items:center;display:inline-flex;position:relative}.poster-hanging--sway{transform-origin:50% 0;animation:poster-hanging-sway var(--duration-sway) var(--ease-in-out) infinite}@media (prefers-reduced-motion:reduce){.poster-hanging--sway{animation:none}}.poster-hanging__cord{width:4px;height:calc(var(--poster-hanging-cord) + var(--space-2));border-radius:var(--radius-pill);background:var(--color-ink);transform-origin:50% 100%;position:absolute;top:0}.poster-hanging__cord--left{left:22%;transform:rotate(8deg)}.poster-hanging__cord--right{right:22%;transform:rotate(-8deg)}.poster-hanging__board{padding:var(--space-2) var(--space-5) var(--space-3);border:4px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-acelga);box-shadow:var(--shadow-hard);position:relative}.poster-hanging__nail{top:calc(var(--poster-hanging-nail)/-2 - 2px);z-index:1;width:var(--poster-hanging-nail);height:var(--poster-hanging-nail);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-coliflor);position:absolute}.poster-hanging__nail--left{left:calc(22% - var(--poster-hanging-nail)/2 + 2px)}.poster-hanging__nail--right{right:calc(22% - var(--poster-hanging-nail)/2 + 2px)}.poster-hanging__text{color:var(--color-coliflor);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;line-height:var(--leading-none);letter-spacing:-.02em;white-space:nowrap;text-shadow:var(--relief-sm)}@media (min-width:56rem){.poster-hanging{--poster-hanging-cord:var(--space-6);--poster-hanging-nail:.625rem}.poster-hanging__board{padding:var(--space-3) var(--space-6) var(--space-4);border-width:var(--border-heavy);box-shadow:var(--shadow-hard-lg)}}@keyframes poster-hanging-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}}
@layer components{.poster-ribbon{font-family:var(--font-display);font-size:var(--text-ribbon);font-weight:800;line-height:var(--leading-none);display:inline-block}.poster-ribbon__art{width:calc(var(--poster-ribbon-width)*1em);height:calc(var(--poster-ribbon-height)*1em);filter:drop-shadow(var(--shadow-hard-sm));display:block;position:relative}@media (min-width:56rem){.poster-ribbon__art{filter:drop-shadow(var(--shadow-hard))}}.poster-ribbon__shape{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.poster-ribbon__tail{fill:var(--color-acelga-oscura);stroke:var(--color-ink);stroke-linejoin:round;stroke-width:13px}.poster-ribbon__fold{fill:var(--color-ink);stroke:var(--color-ink);stroke-linejoin:round;stroke-width:13px}.poster-ribbon__band-ink{fill:none;stroke:var(--color-ink)}.poster-ribbon__band{fill:none;stroke:var(--color-acelga)}.poster-ribbon__end{stroke:var(--color-ink);stroke-linecap:square;stroke-width:13px}.poster-ribbon__rule{fill:none;opacity:.7;stroke:var(--color-coliflor);stroke-width:5px}.poster-ribbon__letters{position:absolute;inset:0}.poster-ribbon__letter{top:calc(var(--poster-ribbon-y)*1em);left:calc(var(--poster-ribbon-x)*1em);color:var(--color-coliflor);white-space:pre;text-shadow:var(--shadow-hard-sm);transform:translate(-50%, -50%) rotate(var(--poster-ribbon-angle));position:absolute}}
@layer components{.top-bar{margin-top:calc(var(--space-7)*-1 - var(--space-2));justify-items:center;display:grid}@media (min-width:56rem){.top-bar{margin-top:calc(var(--space-8)*-1 - var(--space-4))}}@media (min-width:64rem){.top-bar{margin-bottom:calc(var(--space-3)*-1)}}.top-bar__title{max-width:100%}::view-transition-old(top-bar-title){object-fit:fill;height:100%}::view-transition-new(top-bar-title){object-fit:fill;height:100%}}
@layer components{.nav-bar{z-index:4;grid-template-columns:var(--nav-bar-slot) minmax(0, 1fr) var(--nav-bar-slot);gap:var(--space-3);box-sizing:border-box;width:100vw;margin-top:calc(var(--retro-poster-top,0px)*-1);padding:var(--space-1) var(--space-3);transition:translate var(--duration-fast) var(--ease-out);--nav-bar-slot:48px;--nav-bar-height:calc(3.25rem + var(--space-1) * 2 + 4px);border-bottom:4px solid #0000;align-items:center;margin-inline:calc(50% - 50vw);display:grid;position:sticky;top:0}.nav-bar__slot{display:flex}.nav-bar__logo{justify-self:center}.nav-bar__end{justify-self:end;align-items:center;display:flex}.nav-bar--overlay{margin-bottom:calc(var(--nav-bar-height)*-1)}.nav-bar--up{border-bottom-color:var(--color-ink);background:var(--color-poster)}.nav-bar--down{translate:0 -100%}@media (prefers-reduced-motion:reduce){.nav-bar{transition:none}}@media (min-width:56rem){.nav-bar{--nav-bar-slot:15rem;--nav-bar-height:calc(6.5rem + var(--space-6) + var(--space-2) + var(--space-4) + 4px);padding:calc(var(--space-6) + var(--space-2)) var(--space-9) var(--space-4)}}@media (min-width:64rem){.nav-bar--no-back-desk .nav-bar__slot{visibility:hidden}.nav-bar--static-desk{background:0 0;border-bottom-color:#0000;position:relative;translate:none}}@media print{.nav-bar{display:none}}}
