:root{--color-harina:#fbf8f2;--color-miga:#fff;--color-masa:#efe8dc;--color-centeno:#1f1a18;--color-ceniza:#5a4f4a;--color-corteza:#4a2a22;--color-corteza-oscura:#1f1d1c;--color-tostado:#4a2a22;--color-trigo:#e0a03c;--color-trigo-oscuro:#c86a2b;--color-marcador:#efe8dc;--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--panela:#e9dccf;--arandanos:#dad3ec;--aji:#d9e3d0;--leche-cafe:#f3d9cf;--natural:#e4e1dc;--mesa:#f6dfc8;--kraft:#d9d3c6;--crema:#f4eadf;--ground:var(--color-harina);--ground-2:var(--color-masa);--ink:var(--color-centeno);--soft:var(--color-ceniza);--accent:var(--color-corteza);--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--nav-h:72px;--margin:clamp(16px, 2.6vw, 40px);--radius:24px;--ease:cubic-bezier(.2, .7, .2, 1)}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body.yoconta{font-size:var(--step-body);background-image:none;line-height:1.6}.yoconta main{overflow-wrap:anywhere}.yoconta :is(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:1}.yoconta h3{letter-spacing:-.01em;font-weight:600;line-height:1.2}.yoconta :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.yoconta ::selection{background:var(--kraft)}.wrap{padding-inline:var(--margin)}.soft{color:var(--soft)}.boton{cursor:pointer;min-height:48px;font:inherit;background:var(--accent);color:#fff;transition:background-color .25s var(--ease), color .25s var(--ease), transform .2s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6em;padding:0 1.5rem;font-weight:500;text-decoration:none;display:inline-flex}.boton:hover{background:var(--ink)}.boton:active{transform:scale(.97)}.boton .flecha{transition:transform .25s var(--ease)}.boton:hover .flecha{transform:translate(4px)}.boton-suave{background:var(--ground-2);color:var(--ink)}.boton-suave:hover{background:var(--ink);color:var(--ground)}.boton-redondo{width:48px;padding:0}.bar{z-index:40;height:var(--nav-h);background:var(--ground);padding-inline:var(--margin);justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.bar .logo{align-items:center;min-width:0;min-height:44px;display:flex}.bar .logo img{object-fit:contain;filter:brightness(1.12)contrast(1.5);mix-blend-mode:multiply;width:auto;max-width:100%;height:44px}.bar .logo .nombre-tienda{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.75rem;font-weight:800;line-height:1.05}.nav{gap:clamp(16px,2.4vw,36px);margin:0;padding:0;list-style:none;display:flex}.nav a{white-space:nowrap;text-underline-offset:8px;transition:text-decoration-color .25s var(--ease), text-underline-offset .25s var(--ease), color .2s;padding:10px 2px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}.nav a:hover,.nav a[aria-current=page]{color:var(--accent);text-underline-offset:5px;text-decoration-color:currentColor}.carrito-boton .carrito-icono{display:none}.carrito-boton .cuenta{background:var(--ground);min-width:26px;height:26px;color:var(--ink);font-size:var(--step-small);border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}.carrito-boton .cuenta.hidden,.menu-boton{display:none}.seccion{padding-block:clamp(96px,12vw,180px)}.head{font-size:var(--step-head)}.statement{font-family:var(--font-display);font-weight:600;font-size:var(--step-lead);letter-spacing:-.01em;max-width:30ch;line-height:1.25}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.filters{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.filters a{background:var(--ground-2);min-height:44px;color:var(--ink);transition:background-color .2s, color .2s, transform .2s var(--ease);border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.filters a:hover{background:var(--kraft)}.filters a:active{transform:scale(.96)}.filters a[aria-current=page]{background:var(--ink);color:var(--ground)}.catalog{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:40px 12px;margin-top:40px;display:grid}.catalog.trio{grid-template-columns:repeat(3,1fr)}.item{position:relative}.item.big{grid-area:span 2/span 2}.item .pic{aspect-ratio:4/5;border-radius:var(--radius);background:var(--t);place-items:center;display:grid;position:relative;overflow:hidden}.item.big .pic{aspect-ratio:auto;height:calc(100% - 128px);min-height:360px}.item .pic img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:80%;transition:transform .7s var(--ease)}.item .pic .sin-foto{font-family:var(--font-display);color:var(--accent);opacity:.35;font-size:4rem;font-weight:800}.item:hover .pic img{transform:rotate(-5deg)scale(1.07)}.item .info{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.item .name{font-family:var(--font-display);font-size:var(--step-body);line-height:1.25}.item .name a{text-decoration:none}.item .name a:after{content:"";position:absolute;inset:0}.item .fact{color:var(--soft);font-size:var(--step-small);margin-top:4px}.item .price{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.item .agregar{margin-top:14px;position:relative}.item .agotado{color:var(--soft);font-size:var(--step-small);margin-top:14px;display:inline-flex}.ficha{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);padding-top:clamp(24px,4vw,56px);display:grid}.ficha-pic{aspect-ratio:1;border-radius:var(--radius);background:var(--t);place-items:center;display:grid;position:relative}.ficha-pic img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:80%}.ficha-info{justify-items:start;gap:16px;max-width:44ch;display:grid}.ficha-info h1{font-size:var(--step-head)}.ficha-precio{font-size:var(--step-lead);font-variant-numeric:tabular-nums;font-weight:500}.price .desde,.ficha-precio .desde{opacity:.7;font-size:.75em;font-weight:400}.cantidad{background:var(--ground-2);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.cantidad button{cursor:pointer;width:44px;height:44px;font:inherit;background:0 0;border:0;border-radius:999px;transition:background-color .2s,color .2s}.cantidad button:hover{background:var(--ink);color:var(--ground)}.cantidad input{text-align:center;width:3ch;height:44px;font:inherit;appearance:textfield;background:0 0;border:0;font-weight:500}.cantidad input::-webkit-inner-spin-button{appearance:none}.why{background:var(--mesa)}.why-grid{gap:40px var(--margin);grid-template-columns:1fr 1fr;align-items:center;display:grid}.why-pic img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:100%}.why-text{justify-items:start;gap:32px;max-width:40rem;display:grid}.why-list{gap:22px;margin:0;display:grid}.why-list dt{font-family:var(--font-display);font-weight:600;font-size:var(--step-lead);letter-spacing:-.01em;line-height:1.2}.why-list dd{max-width:46ch;margin:4px 0 0}.page-open{padding-top:clamp(40px,5vw,72px)}.about-top{gap:40px var(--margin);grid-template-columns:5fr 7fr;align-items:end;display:grid}.about-top .body{max-width:52ch}.page-open h1{grid-column:1/-1;font-size:clamp(2.5rem,1rem + 5.6vw,6.75rem);line-height:.95}.editor-fondo{z-index:2;background:var(--color-miga);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 20px #1f1a1829}.editor-fondo-color{cursor:pointer;width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ground-2);border-radius:50%;place-items:center;display:grid;overflow:hidden}.editor-fondo-color:focus-within{outline:3px solid var(--accent);outline-offset:2px}.editor-fondo-color input{cursor:pointer;background:0 0;border:0;width:160%;height:160%;padding:0}.editor-fondo-auto{min-height:40px;font:inherit;font-size:var(--step-small);color:var(--ink);cursor:pointer;transition:background-color .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:0 14px}.editor-fondo-auto:hover:not(:disabled){background:var(--ground-2)}.editor-fondo-auto:disabled{color:var(--soft);opacity:.6;cursor:default}.editor-barra{inset-inline:16px;z-index:60;background:var(--ink);max-width:920px;color:var(--color-miga);font-size:var(--step-small);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-inline:auto;padding:12px 12px 12px 22px;display:flex;position:fixed;bottom:16px;box-shadow:0 16px 40px #1f1a1847}.editor-barra p{flex:320px}.editor-barra b{color:var(--color-trigo);margin-right:.5em}.editor-barra-acciones{align-items:center;gap:18px;display:flex}.editor-barra a{color:inherit}.editor-barra .boton{background:var(--color-miga);min-height:42px;color:var(--ink)}.editor-barra .boton:hover:not(:disabled){background:var(--color-masa)}.editor-barra-enlace{min-height:42px;font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.editor-barra button:disabled{opacity:.45;cursor:default}body:has(.editor-barra){padding-bottom:120px}@media (width>=861px){.page-open .about-top>div{grid-column:2}}.plates{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:64px;display:grid}.plate{margin:0}.plate .pic{aspect-ratio:4/5;border-radius:var(--radius);background:var(--t);overflow:hidden}.plate .pic img{object-fit:cover;filter:grayscale()contrast(1.15);mix-blend-mode:multiply;width:100%;height:100%;transition:transform 1.2s var(--ease), filter .6s}.plate:hover .pic img{filter:grayscale(0)contrast();transform:scale(1.06)}.plate figcaption{margin-top:12px}.plate figcaption b{font-family:var(--font-display);font-weight:600;display:block}.plate figcaption span{color:var(--soft);font-size:var(--step-small)}.story{--tint:var(--aji);background:var(--tint);transition:background-color .9s var(--ease)}.story-grid{gap:var(--margin);grid-template-columns:1fr 1fr;display:grid}.story-visual{top:var(--nav-h);height:calc(100svh - var(--nav-h));place-items:center;padding:40px 0;display:grid;position:sticky}.frame{aspect-ratio:4/5;border-radius:var(--radius);background:var(--ground);width:min(100%,560px);position:relative;overflow:hidden}.frame .shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease), transform 1.4s var(--ease);position:absolute;inset:0;transform:scale(1.08)}.frame video.shot{height:125%}.frame .shot.contain{object-fit:contain;background:#fff;padding:8%}.frame .shot.on{opacity:1;transform:scale(1)}.js .frame .shot.on{animation:14s ease-in-out infinite alternate deriva}.js .frame.quieto .shot.on{animation-play-state:paused}.frame-pausa{background:var(--ground);display:none;position:absolute;top:12px;right:12px}.js .frame-pausa{display:inline-flex}.frame-pausa .icono-seguir,.frame-pausa[aria-pressed=true] .icono-pausa{display:none}.frame-pausa[aria-pressed=true] .icono-seguir{display:block}@keyframes deriva{to{transform:scale(1.06)translate(-1.5%,-1%)}}.frame-note{font-size:var(--step-small);position:absolute;bottom:14px;left:16px;right:16px}.frame-note span{background:var(--ground);border-radius:999px;padding:4px 10px}.chapters{padding-block:18svh 22svh}.chapter{flex-direction:column;justify-content:center;gap:20px;max-width:34rem;min-height:72svh;display:flex}.chapter :is(h2,h3){font-size:var(--step-head);letter-spacing:-.03em;font-weight:800;line-height:1}.chapter p{font-size:var(--step-lead);line-height:1.4}.nombre{background:var(--aji)}.name-split{overflow-wrap:normal;text-align:center;grid-template-columns:min-content auto;justify-content:center;align-items:start;gap:0 clamp(6px,.8vw,14px);margin:clamp(32px,4vw,56px) 0;display:grid}.name-split dt{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);font-size:clamp(5rem,1rem + 15vw,16rem);font-weight:800;line-height:.9}.name-split dd{max-width:34ch;margin:16px auto 0}.name-split>div:first-child dd{padding-right:16px}.nombre .statement{text-align:right;margin-left:auto}.roots-grid{gap:40px var(--margin);grid-template-columns:5fr 7fr;align-items:center;display:grid}.roots-pic{margin:0}.roots-pic img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);width:100%}.roots-pic figcaption{font-size:var(--step-small);margin-top:12px}.crece{grid-template-columns:repeat(12,1fr);align-items:end;gap:10px;display:grid}.crece-head{grid-area:1/1/auto/8;align-self:start}.stage-tile{border-radius:var(--radius);place-items:center;display:grid;overflow:hidden}.stage-tile img{object-fit:cover;width:100%;height:100%}.stage-tile img.cut{object-fit:contain;mix-blend-mode:multiply;width:78%;height:78%}.g1{grid-column:1/4}.g1 .stage-tile{background:var(--aji);height:30vh}.g2{grid-column:4/8}.g2 .stage-tile{background:var(--leche-cafe);height:44vh}.g3{grid-area:1/8/3/13}.g3 .stage-tile{background:var(--mesa);height:60vh}.g1,.g2{grid-row:2}.crece h3{font-size:var(--step-body);margin-top:16px}.crece p{color:var(--soft);max-width:36ch;margin-top:6px}.pie{background:var(--accent);color:var(--crema)}.pie :focus-visible{outline-color:var(--crema)}.foot{padding:28px var(--margin);grid-template-columns:auto 1.3fr 1fr auto 1.2fr;align-items:center;gap:16px clamp(16px,3vw,48px);display:grid}.ft{flex-direction:column;gap:6px;display:flex}.ft-5 img{width:clamp(110px,10vw,150px);height:auto}.ft p.big{font-family:var(--font-display);font-weight:600;font-size:var(--step-body);letter-spacing:-.01em;line-height:1.25}.ft ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ft a{text-decoration:none}.ft a:hover{text-underline-offset:4px;text-decoration:underline}.credits{max-width:65ch;padding:16px var(--margin) 32px;font-size:var(--step-small);opacity:.75;margin:0}.credits a{text-underline-offset:3px;text-decoration:underline}.js [data-reveal]>*{opacity:0;transform:translateY(26px)}.js [data-reveal].in>*{opacity:1;transition:opacity .7s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:none}.yoconta .tarjeta{border-radius:var(--radius);box-shadow:none;border-color:#0000}@media (width<=860px){:root{--nav-h:64px}.nav{top:var(--nav-h);background:var(--ground);padding:8px var(--margin) 20px;flex-direction:column;gap:0;display:none;position:absolute;left:0;right:0}.nav.open{display:flex}.nav a{padding:14px 0;font-size:1.25rem;display:block}.menu-boton{display:inline-flex}.bar .logo img{height:36px}.bar{gap:12px}.bar .logo .nombre-tienda{font-size:1.25rem;line-height:1.05;display:block}.about-top,.story-grid,.why-grid,.roots-grid,.name-split,.ficha{grid-template-columns:1fr}.plates{grid-template-columns:1fr 1fr;gap:8px;margin-top:40px}.story-visual{z-index:2;background:var(--tint);height:46svh;transition:background-color .9s var(--ease);padding:16px 0}.frame{width:auto;height:100%}.chapters{z-index:3;padding-block:4svh 10svh;position:relative}.chapter{border-radius:var(--radius);background:var(--ground);min-height:0;margin-bottom:38svh;padding:24px}.crece{grid-template-columns:1fr;gap:28px}.crece-head,.g1,.g2,.g3{grid-area:auto/1}.g1 .stage-tile{height:34vw}.g2 .stage-tile{height:46vw}.g3 .stage-tile{height:62vw}.catalog,.catalog.trio{grid-template-columns:1fr 1fr;gap:32px 8px}.catalog.trio .item:first-child{grid-column:1/-1}.name-split>div+div{margin-top:24px}.roots-pic{order:1}.why-pic{justify-self:center;width:min(100%,420px)}.item.big .pic{aspect-ratio:1;height:auto;min-height:0}.item .info{flex-direction:column;gap:2px}.item .agregar{width:100%}.foot{padding:24px var(--margin);grid-template-columns:1fr 1fr;align-items:start}.ft-5,.ft-1,.ft-4{grid-column:1/3}.ft ul{gap:0;margin-block:-10px}.ft ul a{padding-block:10px;display:block}}@media (width<=380px){.carrito-boton{gap:.4em;padding-inline:14px}.carrito-boton .carrito-icono{display:block}.carrito-boton .carrito-texto{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boton:active,.boton:hover .flecha,.filters a:active,.item:hover .pic img,.plate:hover .pic img,.frame .shot{transform:none}.js .frame .shot.on{animation:none;transform:none}.js .frame-pausa{display:none}.js [data-reveal]>*,.js [data-reveal].in>*{opacity:1;transition:none;transform:none}}
