@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--cream-50:#FCF8EF;--cream-100:#F7F1E1;--cream-200:#EFE6D1;--cream-300:#E4D7BC;--cream-400:#D2C2A2;--espresso-900:#2A2017;--espresso-800:#3A2E22;--espresso-700:#4C3D2E;--espresso-500:#6E5C48;--espresso-400:#8B7860;--espresso-300:#A8957D;--tomato-700:#8F2E1B;--tomato-600:#A83A24;--tomato-500:#C8472E;--tomato-400:#D96A50;--tomato-200:#EBB3A4;--tomato-100:#F6DED5;--saffron-600:#C5851A;--saffron-500:#E0A126;--saffron-400:#EDBA52;--saffron-200:#F6DFA3;--saffron-100:#FBEFCF;--olive-600:#545E2E;--olive-500:#6E7A3D;--olive-400:#8B976A;--olive-200:#CFD6AE;--olive-100:#E8EBD3;--copper-600:#94512C;--copper-500:#B0683E;--copper-400:#C5895E;--copper-200:#E5C7AE;--copper-100:#F2E2D2;--white:#FFFFFF;--black:#1A130C;--surface-page:var(--cream-100);--surface-raised:var(--cream-50);--surface-sunken:var(--cream-200);--surface-inverse:var(--espresso-900);--surface-overlay:rgba(42,32,23,0.55);--text-strong:var(--espresso-900);--text-body:var(--espresso-700);--text-muted:var(--espresso-500);--text-faint:var(--espresso-400);--text-on-dark:var(--cream-100);--text-on-brand:#FFF6EF;--brand:var(--tomato-500);--brand-hover:var(--tomato-400);--brand-press:var(--tomato-600);--brand-tint:var(--tomato-100);--accent:var(--saffron-500);--accent-tint:var(--saffron-100);--border-soft:var(--cream-300);--border-strong:var(--cream-400);--border-ink:var(--espresso-900);--border-focus:var(--tomato-500);--link:var(--copper-600);--link-hover:var(--tomato-500);--success:var(--olive-500);--success-tint:var(--olive-100);--warning:var(--saffron-500);--warning-tint:var(--saffron-100);--danger:var(--tomato-600);--danger-tint:var(--tomato-100);--info:var(--copper-500);--info-tint:var(--copper-100);--font-serif:"Newsreader","Iowan Old Style",Georgia,"Times New Roman",serif;--font-sans:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5.25rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:1.04;--leading-snug:1.18;--leading-normal:1.4;--leading-relaxed:1.62;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-label:0.14em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-12:7rem;--radius-xs:4px;--radius-sm:7px;--radius-md:11px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--border-width:1.5px;--border-width-ink:2px;--shadow-xs:0 1px 2px rgba(42,32,23,0.08);--shadow-sm:0 2px 6px rgba(42,32,23,0.09),0 1px 2px rgba(42,32,23,0.06);--shadow-md:0 6px 16px rgba(42,32,23,0.11),0 2px 4px rgba(42,32,23,0.07);--shadow-lg:0 16px 36px rgba(42,32,23,0.14),0 4px 10px rgba(42,32,23,0.08);--shadow-xl:0 30px 64px rgba(42,32,23,0.18),0 8px 18px rgba(42,32,23,0.10);--shadow-stamp:4px 4px 0 var(--espresso-900);--shadow-stamp-brand:4px 4px 0 var(--tomato-600);--shadow-inset:inset 0 1px 3px rgba(42,32,23,0.10);--ease-out:cubic-bezier(0.22,0.61,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;--container:1180px;--container-narrow:760px;--header-height:72px}*,:after,:before{box-sizing:border-box;border:0 solid var(--border-soft)}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-body);background-color:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text-strong);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0 0 .4em;text-wrap:balance}p{text-wrap:pretty}code,kbd,pre,samp{font-family:var(--font-mono)}a{color:var(--link);text-decoration-thickness:1.5px;text-underline-offset:2px}a:hover{color:var(--link-hover)}::-moz-selection{background:var(--saffron-200);color:var(--espresso-900)}::selection{background:var(--saffron-200);color:var(--espresso-900)}:focus-visible{outline:var(--border-width-ink) solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}.paper-grain{position:relative}.paper-grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.16  0 0 0 0 0.12  0 0 0 0 0.08  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.surface-warm-wash{background:radial-gradient(1200px 600px at 80% -10%,var(--saffron-100),transparent 60%),radial-gradient(900px 500px at -5% 10%,var(--copper-100),transparent 55%),var(--surface-page)}.receta-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-5)}.receta-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--brand)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:var(--space-0);bottom:var(--space-0)}.left-3{left:var(--space-3)}.right-3{right:var(--space-3)}.z-10{z-index:10}.mb-2{margin-bottom:var(--space-2)}.mt-2{margin-top:var(--space-2)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.contents{display:contents}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-\[0\.55em\]{height:.55em}.h-\[0\.5em\]{height:.5em}.h-\[1\.15em\]{height:1.15em}.h-\[24px\]{height:24px}.h-\[32px\]{height:32px}.h-\[44px\]{height:44px}.h-\[64px\]{height:64px}.min-h-\[80px\]{min-height:80px}.w-\[0\.55em\]{width:.55em}.w-\[0\.5em\]{width:.5em}.w-\[1\.15em\]{width:1.15em}.w-\[24px\]{width:24px}.w-\[32px\]{width:32px}.w-\[44px\]{width:44px}.w-\[64px\]{width:64px}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-\[0\.4em\]{gap:.4em}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-width:var(--border-width)}.border-2{border-width:2px}.border-ink{border-width:var(--border-width-ink)}.border-border-soft{border-color:var(--border-soft)}.border-border-strong{border-color:var(--border-strong)}.border-cream-300{border-color:var(--cream-300)}.border-cream-50{border-color:var(--cream-50)}.border-current{border-color:currentColor}.border-espresso-900{border-color:var(--espresso-900)}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-brand{background-color:var(--brand)}.bg-copper-100{background-color:var(--copper-100)}.bg-copper-500{background-color:var(--copper-500)}.bg-cream-200{background-color:var(--cream-200)}.bg-cream-50{background-color:var(--cream-50)}.bg-current{background-color:currentColor}.bg-danger{background-color:var(--danger)}.bg-danger-tint{background-color:var(--danger-tint)}.bg-espresso-900{background-color:var(--espresso-900)}.bg-info-tint{background-color:var(--info-tint)}.bg-olive-100{background-color:var(--olive-100)}.bg-olive-500{background-color:var(--olive-500)}.bg-saffron-100{background-color:var(--saffron-100)}.bg-saffron-600{background-color:var(--saffron-600)}.bg-success-tint{background-color:var(--success-tint)}.bg-surface-raised{background-color:var(--surface-raised)}.bg-tomato-100{background-color:var(--tomato-100)}.bg-tomato-500{background-color:var(--tomato-500)}.bg-transparent{background-color:transparent}.bg-warning-tint{background-color:var(--warning-tint)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.px-\[0\.6em\]{padding-left:.6em;padding-right:.6em}.px-\[0\.75em\]{padding-left:.75em;padding-right:.75em}.px-\[0\.85rem\]{padding-left:.85rem;padding-right:.85rem}.px-\[1\.2rem\]{padding-left:1.2rem;padding-right:1.2rem}.px-\[1\.6rem\]{padding-left:1.6rem;padding-right:1.6rem}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-\[0\.4em\]{padding-top:.4em;padding-bottom:.4em}.py-\[0\.7rem\]{padding-top:.7rem;padding-bottom:.7rem}.py-\[0\.95rem\]{padding-top:.95rem;padding-bottom:.95rem}.pl-12{padding-left:var(--space-12)}.pr-12{padding-right:var(--space-12)}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xs{font-size:var(--text-2xs)}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:var(--weight-bold)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-\[0\.06em\]{letter-spacing:.06em}.text-copper-600{color:var(--copper-600)}.text-cream-100{color:var(--cream-100)}.text-espresso-700{color:var(--espresso-700)}.text-olive-600{color:var(--olive-600)}.text-saffron-600{color:var(--saffron-600)}.text-text-on-brand{color:var(--text-on-brand)}.text-text-strong{color:var(--text-strong)}.text-tomato-700{color:var(--tomato-700)}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-stamp{--tw-shadow:var(--shadow-stamp);--tw-shadow-colored:var(--shadow-stamp)}.shadow-stamp,.shadow-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--shadow-xs);--tw-shadow-colored:var(--shadow-xs)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c background\2c box-shadow\2c color\]{transition-property:transform,background,box-shadow,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-base{transition-duration:.2s}.ease-out{transition-timing-function:var(--ease-out)}.placeholder\:text-\[\#6B7280\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.placeholder\:text-\[\#6B7280\]::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:-translate-x-px:hover{--tw-translate-x:-1px}.hover\:-translate-x-px:hover,.hover\:-translate-y-\[3px\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-espresso-400:hover{border-color:var(--espresso-400)}.hover\:bg-brand-hover:hover{background-color:var(--brand-hover)}.hover\:bg-cream-100:hover{background-color:var(--cream-100)}.hover\:bg-cream-200:hover{background-color:var(--cream-200)}.hover\:bg-tomato-700:hover{background-color:var(--tomato-700)}.hover\:shadow-\[6px_6px_0_var\(--espresso-900\)\]:hover{--tw-shadow:6px 6px 0 var(--espresso-900);--tw-shadow-colored:6px 6px 0 var(--tw-shadow-color)}.hover\:shadow-\[6px_6px_0_var\(--espresso-900\)\]:hover,.hover\:shadow-lg:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-brand:focus-visible{outline-color:var(--brand)}.active\:translate-x-\[2px\]:active{--tw-translate-x:2px}.active\:translate-x-\[2px\]:active,.active\:translate-y-\[2px\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:translate-y-\[2px\]:active{--tw-translate-y:2px}.active\:translate-y-px:active{--tw-translate-y:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-brand-press:active{background-color:var(--brand-press)}.active\:shadow-\[1px_1px_0_var\(--espresso-900\)\]:active{--tw-shadow:1px 1px 0 var(--espresso-900);--tw-shadow-colored:1px 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\[\&_img\]\:block img{display:block}.\[\&_img\]\:h-full img{height:100%}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:object-cover img{-o-object-fit:cover;object-fit:cover}