.nav{z-index:100;transition:padding var(--dur-base) var(--ease), background var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);padding-block:1.25rem;position:sticky;top:0}.nav .nav-inner{border-radius:var(--r-pill);transition:background var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease), padding var(--dur-base) var(--ease);align-items:center;gap:1.5rem;padding:.4rem .4rem .4rem .25rem;display:flex}.nav.scrolled{padding-block:.55rem}.nav.scrolled .nav-inner{box-shadow:var(--shadow-card);background:#fff;padding:.5rem .9rem .5rem .6rem}.brand{font-family:var(--font-display);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.55rem;padding:.3rem .5rem;font-size:1.4rem;font-weight:800;display:flex}.brand .mark{background:var(--sage);width:38px;height:38px;color:var(--bone);border-radius:14px 14px 16px 12px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 8px 18px -8px #7c8a5acc}.brand b{color:var(--ink)}.brand span{color:var(--clay-ink)}.nav-links{align-items:center;gap:.35rem;margin-left:auto;display:flex}.nav-links a{border-radius:var(--r-pill);color:var(--ink-soft);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);padding:.5rem .85rem;font-weight:600}.nav-links a:hover{color:var(--ink);background:#7c8a5a24}.nav-cart{align-items:center;gap:.4rem;display:inline-flex;position:relative}.nav-cart__icon{width:19px;height:19px}.nav-cart__label{font-weight:600}.nav-cart__count{color:#fff;background:var(--clay-ink);border-radius:var(--r-pill);place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .32rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}@media (width>=721px){.nav-cart__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.nav-cart__count{position:absolute;top:-.4rem;right:-.45rem}}.nav-search{align-items:center;display:inline-flex;position:relative}.nav-search__toggle{border-radius:var(--r-pill);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.nav-search__toggle:hover{color:var(--ink);background:#7c8a5a24}.nav-search__icon{width:19px;height:19px}.nav-search__panel{z-index:200;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(360px,92vw);box-shadow:var(--shadow-card);padding:.6rem;position:absolute;top:calc(100% + .5rem);right:0}.nav-search__form{background:var(--bone-2);border:1px solid var(--line);border-radius:var(--r-pill);transition:border-color var(--dur-fast) var(--ease);align-items:center;gap:.5rem;padding:.3rem .6rem;display:flex}.nav-search__form:focus-within{border-color:var(--sage-ink)}.nav-search__form-icon{width:18px;height:18px;color:var(--ink-soft);flex-shrink:0}.nav-search__input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:.4rem 0}.nav-search__results{max-height:min(60vh,360px);margin:.5rem 0 0;padding:0;list-style:none;overflow-y:auto}.nav-search__result a{border-radius:var(--r-md);color:var(--ink);flex-direction:column;gap:.1rem;padding:.5rem .6rem;display:flex}.nav-search__result.is-active a,.nav-search__result a:hover{background:#7c8a5a24}.nav-search__name{font-weight:600}.nav-search__cat{color:var(--ink-soft);font-size:.78rem}.nav-search__result--ingredient .nav-search__cat{color:var(--sage);border:1px solid #7c8a5a59;border-radius:999px;align-self:flex-start;padding:.05rem .4rem;font-size:.72rem;font-weight:600}.nav-search__empty{color:var(--ink-soft);margin:.4rem 0 0;padding:.5rem .6rem}.lang-switcher{align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:inline-flex}.lang-switcher a{border-radius:var(--r-pill);color:var(--ink-soft);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);padding:.3rem .6rem}.lang-switcher a[aria-current=true]{color:var(--sage-ink);background:#7c8a5a33;box-shadow:inset 0 0 0 1px #7c8a5a73}.lang-switcher .sep{color:var(--line);font-weight:400}.nav-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:44px;height:44px;color:var(--ink);border-radius:14px;place-items:center;display:none;position:relative}.nav-toggle__count{color:#fff;background:var(--clay-ink);border-radius:var(--r-pill);place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;font-size:.7rem;font-weight:800;line-height:1;display:inline-grid;position:absolute;top:-6px;right:-6px}.nav-cart__count[hidden],.nav-toggle__count[hidden]{display:none}.hero{padding-block:clamp(2.5rem,1rem + 6vw,5.5rem) clamp(3rem,2rem + 4vw,5rem);position:relative}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,1rem + 4vw,4.5rem);display:grid}.hero-copy{max-width:40ch}.hero h1{font-size:var(--fs-h1);margin:1.1rem 0 0;font-weight:800}.hero h1 .accent{color:var(--clay-ink);white-space:nowrap;position:relative}.hero h1 .accent:after{content:"";background:var(--sage-soft);z-index:-1;opacity:.7;border-radius:6px;height:.16em;position:absolute;bottom:.06em;left:0;right:0}.hero .lead{font-size:var(--fs-lead);color:var(--ink-soft);max-width:44ch;margin-top:1.3rem}.hero-cta{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.trust{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.8rem;font-size:.95rem;font-weight:600;display:flex}.trust .dot{background:var(--sage-soft);border-radius:50%;width:5px;height:5px}.hero-plate{aspect-ratio:1;justify-self:center;width:100%;max-width:430px;position:relative}.plate{box-shadow:var(--shadow-lift), inset 0 0 0 14px #fff9;animation:plate-morph 18s var(--ease) infinite, floaty-move 8s ease-in-out infinite;background:radial-gradient(120% 120% at 30% 25%,#fff 0%,#f0f3e6 45%,#dfe7c8 100%);border-radius:42% 58% 57% 43%/47% 42% 58% 53%;place-items:center;display:grid;position:absolute;inset:0}.plate .dish-emoji{filter:drop-shadow(0 12px 14px #2f35282e);font-size:clamp(4rem,2rem + 9vw,7rem)}.hero-plate .float-card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);border:1px solid var(--line);align-items:center;gap:.6rem;padding:.7rem .95rem;font-size:.9rem;font-weight:700;display:flex;position:absolute}.float-card .tag-ico{border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.fc-1{animation:6.5s ease-in-out infinite floaty-move;top:6%;left:-6%}.fc-1 .tag-ico{color:var(--clay-deep);background:#cb7a532e}.fc-2{animation:7.5s ease-in-out .6s infinite floaty-move;bottom:8%;right:-8%}.fc-2 .tag-ico{color:var(--sage);background:#7c8a5a33}.fc-2 small{color:var(--ink-soft);font-size:.72rem;font-weight:600;display:block}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-snap-type:x proximity;scrollbar-width:none;background:#ffffff73;margin-block:clamp(1rem,2vw,2rem);padding-block:.55rem;scroll-padding-inline:clamp(1.25rem,6vw,4rem);position:relative;overflow-x:auto;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.marquee::-webkit-scrollbar{display:none}.marquee-track{gap:clamp(1.1rem,.8rem + 1.6vw,2.2rem);width:max-content;margin-inline:auto;padding-inline:clamp(1.25rem,6vw,4rem);display:flex}.chip{white-space:nowrap;font-family:var(--font-display);color:var(--ink);scroll-snap-align:start;min-height:44px;transition:color var(--dur-fast) var(--ease);align-items:center;gap:.55rem;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{color:var(--clay-ink)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes chip-in{0%{opacity:.25;scale:.72}}@keyframes chip-out{to{opacity:.25;scale:.72}}.marquee-track>.chip{animation-name:chip-in,chip-out;animation-duration:0s,0s;animation-timing-function:linear,linear;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:backwards,forwards;animation-timeline:view(inline);animation-range:entry,exit}}}.chip .seed{background:var(--clay);border-radius:50%;width:9px;height:9px}.chip:nth-child(2n) .seed{background:var(--sage)}.featured{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-soft);border:1px solid var(--line);grid-template-columns:.9fr 1.1fr;gap:0;display:grid;overflow:hidden}.featured-media{background:radial-gradient(130% 120% at 70% 20%,#fbe6d6 0%,#f3cfb4 50%,#e7b794 100%);place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.featured-media .blob-mask{aspect-ratio:1;width:78%;animation:plate-morph 16s var(--ease) infinite;background:#fff6;border-radius:46% 54% 60% 40%/52% 44% 56% 48%;position:absolute}.featured-media .dish-emoji{z-index:1;filter:drop-shadow(0 12px 14px #2f352838);font-size:clamp(4rem,2rem + 8vw,6.5rem);position:relative}.featured-media .featured-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured-media .badge{z-index:2;background:var(--ink);color:var(--bone);border-radius:var(--r-pill);letter-spacing:.04em;padding:.4rem .9rem;font-size:.78rem;font-weight:700;position:absolute;top:1.1rem;left:1.1rem}.featured-body{flex-direction:column;gap:1rem;padding:clamp(1.6rem,1rem + 2vw,2.6rem);display:flex}.featured-body h3{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem)}.featured-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.5rem .6rem;font-size:.92rem;font-weight:600;display:flex}.featured-meta .stars{color:var(--clay-ink);letter-spacing:.05em}.featured-author{align-items:center;gap:.6rem;margin-top:.3rem;display:flex}.featured-author .avatar{background:linear-gradient(135deg, var(--sage), var(--sage-soft));width:40px;height:40px;color:var(--bone);font-weight:800;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.featured-author small{color:var(--ink-soft)}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem;display:grid}@media (width<=720px){.recipe-grid.recipe-grid--related,.recipe-grid.recipe-grid--carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;gap:1rem;padding-bottom:.75rem;scroll-padding-inline:1.2rem;display:flex;overflow-x:auto}.recipe-grid.recipe-grid--related::-webkit-scrollbar{display:none}.recipe-grid.recipe-grid--carousel::-webkit-scrollbar{display:none}.recipe-grid.recipe-grid--related>.card,.recipe-grid.recipe-grid--carousel>.card{scroll-snap-align:start;flex:0 0 82%}.recipe-grid.recipe-grid--related>.card:hover,.recipe-grid.recipe-grid--related>.card:focus-within,.recipe-grid.recipe-grid--carousel>.card:hover,.recipe-grid.recipe-grid--carousel>.card:focus-within{transform:none}}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-card);transition:transform .4s var(--ease), box-shadow .4s var(--ease);will-change:transform;flex-direction:column;display:flex;overflow:hidden}.card:hover,.card:focus-within{box-shadow:var(--shadow-lift);transform:translateY(-8px)}.card-media{aspect-ratio:16/10;place-items:center;display:grid;position:relative;overflow:hidden}.card-media .dish-emoji{z-index:1;transition:transform .5s var(--ease);filter:drop-shadow(0 8px 10px #2f35282e);font-size:3.2rem;position:relative}.card:hover .card-media .dish-emoji{transform:scale(1.16)rotate(-4deg)}.card-media .mblob{aspect-ratio:1;width:72%;transition:transform .6s var(--ease);background:#ffffff73;border-radius:48% 52% 55% 45%/50% 48% 52% 50%;position:absolute}.card:hover .card-media .mblob{transform:scale(1.12)rotate(12deg)}.card-media .card-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-media .fav{z-index:2;cursor:pointer;width:34px;height:34px;color:var(--clay);backdrop-filter:blur(4px);transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:#ffffffd9;border:1px solid #2f352899;border-radius:50%;place-items:center;display:grid;position:absolute;top:.7rem;right:.7rem;box-shadow:0 2px 5px #2f352847}.card-media .fav:hover{background:#fff;transform:scale(1.15)}.card-media .fav.active{color:#e04040}.card-media .fav:focus-visible{outline:3px solid var(--sage);outline-offset:2px;box-shadow:0 0 0 6px #2f35288c}.card-media .time-pill{z-index:2;color:var(--bone);border-radius:var(--r-pill);backdrop-filter:blur(4px);background:#2f3528d9;padding:.28rem .7rem;font-size:.78rem;font-weight:700;position:absolute;bottom:.7rem;left:.7rem}.g-postre{background:radial-gradient(120% 120% at 30% 20%,#fbe7d4,#efc7a6)}.g-pan{background:radial-gradient(120% 120% at 30% 20%,#f3ead4,#ddc89c)}.g-ital{background:radial-gradient(120% 120% at 30% 20%,#eef0dc,#cdd6a3)}.g-salud{background:radial-gradient(120% 120% at 30% 20%,#e6f0dc,#bcd2a1)}.g-mex{background:radial-gradient(120% 120% at 30% 20%,#fbe2cf,#e7ab86)}.g-limon{background:radial-gradient(120% 120% at 30% 20%,#f7f1d0,#e3da9c)}.card-body{flex-direction:column;flex:1;gap:.55rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.card-body .cat{align-self:flex-start}.card-body h2,.card-body h3{font-size:var(--fs-h3)}.card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.7rem;display:flex}.rating{align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;display:inline-flex}.rating .num{color:var(--ink)}.rating .count{color:var(--ink-soft);font-size:.82rem;font-weight:600}.card-link{color:var(--sage-ink);transition:gap var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-self:flex-start;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.card:hover .card-link{color:var(--clay-deep);gap:.6rem}.cat-cloud{flex-wrap:wrap;gap:.8rem;display:flex}.cat-cloud a{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-family:var(--font-display);box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);align-items:center;gap:.6rem;padding:.8rem 1.3rem;font-size:1.05rem;font-weight:600;display:inline-flex}.cat-cloud a:hover{background:var(--sage);color:var(--bone);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.cat-cloud a .emo{font-size:1.2rem}@media (width<=600px){.cat-cloud{justify-content:center;gap:.7rem}.cat-cloud a{padding:.95rem 1.6rem;font-size:1.15rem}}.faq-list{flex-direction:column;gap:.9rem;max-width:780px;display:flex}details.faq{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-card);transition:box-shadow .3s var(--ease), border-color .3s var(--ease);overflow:hidden}details.faq[open]{border-color:var(--sage-soft);box-shadow:var(--shadow-soft)}details.faq summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-size:1.1rem;font-weight:600;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary .ico{width:30px;height:30px;color:var(--sage);transition:transform .35s var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:#7c8a5a29;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}details.faq[open] summary .ico{background:var(--sage);color:var(--bone);transform:rotate(135deg)}details.faq .ans{color:var(--ink-soft);padding:0 1.3rem 1.2rem}details.faq .ans p{margin-top:0}.guides{text-align:center}.guides .guides-title{font-size:var(--fs-h2);margin-top:.5rem}.guides-links{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.4rem;display:flex}.cta-final{border-radius:var(--r-xl);background:linear-gradient(135deg, var(--sage) 0%, #6c7a4d 60%, #5c6a40 100%);color:var(--bone);text-align:center;box-shadow:var(--shadow-soft);padding:clamp(2.8rem,1.5rem + 5vw,5rem) clamp(1.5rem,1rem + 3vw,3rem);position:relative;overflow:hidden}.cta-final h2{color:#fcfaf3;font-size:var(--fs-h2);max-width:18ch;margin-inline:auto}.cta-final p{color:#fcfaf3d9;max-width:46ch;font-size:var(--fs-lead);margin:1rem auto 0}.cta-final .btn-primary{background:var(--clay-ink);margin-top:2rem}.cta-final .btn-primary:hover{color:var(--clay-deep);background:#fff}.cta-final .glow{aspect-ratio:1;filter:blur(20px);background:radial-gradient(circle,#a9b38899,#0000 70%);width:380px;position:absolute}.cta-final .glow.g1{top:-140px;left:-80px}.cta-final .glow.g2{background:radial-gradient(circle,#cb7a5373,#0000 70%);bottom:-160px;right:-60px}.cta-random-picker{border:0;flex-wrap:wrap;justify-content:center;gap:.7rem .6rem;max-width:44rem;margin:1.7rem auto 0;padding:0;display:flex}.cta-random-picker legend{width:100%;font-family:var(--font-sans);font-weight:700;font-size:var(--fs-meta);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--bone);background:var(--sage-ink);border-radius:var(--r-sm);margin-bottom:.8rem;padding:.35rem 0}.cta-random-picker .chip{min-width:44px;min-height:44px;font-family:var(--font-sans);color:var(--bone);background:var(--sage-ink);border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:2px solid #0000;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-size:.92rem;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.cta-random-picker .chip:hover{background:var(--sage-ink);color:var(--bone);border-color:var(--bone)}.cta-random-picker .chip:has(input:checked){background:var(--bone);color:var(--sage-ink);border-color:var(--clay-ink)}.cta-random-picker .chip:has(input:checked):hover{background:var(--bone);color:var(--sage-ink);border-color:var(--clay-deep)}.cta-random-picker .chip:has(input:focus-visible){outline:3px solid var(--bone);outline-offset:3px;box-shadow:0 0 0 1px var(--ink)}.footer{border-top:1px solid var(--line);margin-top:clamp(3rem,2rem + 3vw,5rem);padding-block:clamp(3rem,2rem + 2vw,4.5rem) 2rem}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.footer .brand{padding-left:0}.footer-blurb{max-width:34ch;color:var(--ink-soft);margin-top:.8rem}.footer-nav{flex-wrap:wrap;gap:.4rem 1.6rem;display:flex}.footer-nav a{color:var(--ink-soft);transition:color var(--dur-fast) var(--ease);font-weight:600}.footer-nav a:hover{color:var(--clay-deep)}.footer-bottom{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;font-size:.9rem;display:flex}.breadcrumb{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:1rem;font-size:.9rem;display:flex}.breadcrumb a{color:var(--sage-ink);transition:color var(--dur-fast) var(--ease);font-weight:600}.breadcrumb a:hover{color:var(--clay-deep)}.breadcrumb .sep{color:var(--line)}@media (width<=900px){.hero-grid{text-align:left;grid-template-columns:1fr}.hero-copy{max-width:none}.hero-plate{max-width:360px;margin-top:1rem}.featured{grid-template-columns:1fr}.featured-media{min-height:240px}}@media (width<=1024px){.nav-links{border-radius:var(--r-lg);box-shadow:var(--shadow-soft);border:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:.2rem;padding:.8rem;display:none;position:absolute;top:calc(100% + .5rem);left:1.2rem;right:1.2rem}.nav-links.open{display:flex}.nav-links a{padding:.7rem 1rem}.nav-toggle{display:grid}.nav-inner>.lang-switcher{margin-left:auto}}@media (width<=720px){.nav .nav-inner{gap:.6rem}.nav-search,.lang-switcher,.nav-toggle{flex-shrink:0}}@media (width<=480px){.nav>.wrap{width:min(100% - 1.2rem, var(--maxw))}.nav.scrolled .nav-inner{padding:.5rem .6rem .5rem .4rem}.nav .brand{gap:.4rem;padding-inline:.25rem}.nav .brand .mark{width:34px;height:34px}.nav .lang-switcher a[aria-current=true],.nav .lang-switcher .sep{display:none}}@media (width<=356px){.nav .brand>span:not(.mark){display:none}}.card-media .fav.fav-active svg{fill:var(--clay);stroke:var(--clay)}.skip-link{z-index:200;background:var(--ink);color:var(--bone);font-weight:700;font-family:var(--font-display);border-radius:0 0 12px;padding:.7rem 1.1rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--sage);outline-offset:3px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.reveal,.reveal-hero{opacity:1;transform:none}}