:root{
  --paper:#f4e7cc; --foam:#fff9ee; --card:#fdf4e1;
  --gold:#e6a51e; --amber:#c9781a; --caramel:#8a4b1c; --brown:#5a3216; --stout:#241108;
  --ink:#2e1c0e; --ink-soft:#6b533c; --line:#d8c39a; --hop:#7d9b3f;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:'Bitter',Georgia,serif;color:var(--ink);background-color:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%235a3216%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.10%22%3E%0A%3Cpath%20d%3D%22M38%2046%20h44%20v66%20a10%2010%200%200%201%20-10%2010%20h-24%20a10%2010%200%200%201%20-10%20-10%20z%22%2F%3E%0A%3Cpath%20d%3D%22M82%2058%20h16%20a12%2012%200%200%201%2012%2012%20v16%20a12%2012%200%200%201%20-12%2012%20h-16%22%2F%3E%0A%3Cpath%20d%3D%22M46%2040%20v-8%20M58%2040%20v-10%20M70%2040%20v-8%22%2F%3E%0A%3Cpath%20d%3D%22M232%2030%20c-14%206%20-20%2020%20-18%2040%20c-1%2018%206%2030%2018%2040%20c12%20-10%2019%20-22%2018%20-40%20c2%20-20%20-4%20-34%20-18%20-40%20z%22%2F%3E%0A%3Cpath%20d%3D%22M232%2036%20v78%20M214%2058%20c8%204%2012%204%2018%200%20c6%204%2010%204%2018%200%20M212%2082%20c8%204%2014%204%2020%200%20c6%204%2012%204%2020%200%22%2F%3E%0A%3Cpath%20d%3D%22M150%20214%20v56%22%2F%3E%0A%3Cpath%20d%3D%22M150%20224%20l-14%20-8%20M150%20224%20l14%20-8%20M150%20238%20l-16%20-9%20M150%20238%20l16%20-9%20M150%20252%20l-16%20-9%20M150%20252%20l16%20-9%20M150%20214%20l-10%20-14%20M150%20214%20l10%20-14%22%2F%3E%0A%3Cpath%20d%3D%22M40%20210%20h22%20v14%20l8%2012%20v52%20a8%208%200%200%201%20-8%208%20h-22%20a8%208%200%200%201%20-8%20-8%20v-52%20l8%20-12%20z%22%2F%3E%0A%3Cpath%20d%3D%22M46%20198%20h10%20v12%20h-10%20z%22%2F%3E%0A%3Ccircle%20cx%3D%22256%22%20cy%3D%22228%22%20r%3D%2218%22%2F%3E%0A%3Cpath%20d%3D%22M256%20210%20v-0%20M241%20219%20l4%205%20M241%20237%20l4%20-5%20M256%20246%20v0%20M271%20219%20l-4%205%20M271%20237%20l-4%20-5%22%2F%3E%0A%3Cpath%20d%3D%22M150%2040%20a7%207%200%200%201%207%207%20v46%20a12%2012%200%200%201%20-24%200%20v-46%20a7%207%200%200%201%207%20-7%20z%22%20transform%3D%22rotate%2818%20150%2070%29%22%2F%3E%0A%3Cpath%20d%3D%22M150%2040%20v-18%22%20transform%3D%22rotate%2818%20150%2070%29%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");background-size:300px 300px;line-height:1.6;}
a{color:var(--caramel);}
h1,h2,h3{font-family:'Fredoka',-apple-system,'Segoe UI',sans-serif;font-weight:600;letter-spacing:.2px;}
.topnav{position:sticky;top:0;z-index:40;background:var(--stout);border-bottom:3px solid var(--gold);}
.topnav-in{max-width:1000px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.tn-brand{display:flex;align-items:center;gap:9px;font-family:'Fredoka',sans-serif;font-weight:700;font-size:1.02rem;color:var(--foam);text-decoration:none;}
.tn-mark{font-size:1.15rem;}
.tn-links{display:flex;gap:17px;flex-wrap:wrap;font-family:'Fredoka',sans-serif;font-size:.92rem;font-weight:500;}
.tn-links a{color:#e8d4b0;text-decoration:none;padding-bottom:2px;}
.tn-links a:hover{color:#fff;}
.tn-links a.active{color:var(--gold);border-bottom:2px solid var(--gold);}
.wrap{max-width:1000px;margin:0 auto;padding:30px 20px 70px;}
.back{display:inline-block;margin:26px 0 0;font-family:'Fredoka',sans-serif;font-weight:500;color:var(--caramel);text-decoration:none;}
.back:hover{text-decoration:underline;}
.brew-hero{max-width:1000px;margin:0 auto;padding:38px 20px 8px;display:flex;gap:26px;flex-wrap:wrap;align-items:center;}
.brew-hero img{width:200px;height:200px;object-fit:cover;border-radius:14px;border:5px solid var(--foam);box-shadow:0 10px 24px -12px rgba(36,17,8,.5);transform:rotate(-2deg);}
.brew-hero .ht{flex:1;min-width:260px;}
.brew-hero .eyebrow{font-family:'Fredoka',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);font-size:.8rem;margin:0 0 6px;}
.brew-hero h1{font-size:clamp(1.9rem,4vw,2.9rem);margin:0 0 10px;color:var(--brown);}
.brew-hero p{margin:0;color:var(--ink-soft);font-size:1.05rem;max-width:62ch;}
.lote-grid{max-width:1000px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;}
.lote-card{position:relative;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:18px 18px 16px;text-decoration:none;color:inherit;
  box-shadow:0 8px 18px -14px rgba(36,17,8,.55);transition:transform .14s,box-shadow .14s,border-color .14s;}
.lote-card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 16px 30px -16px rgba(36,17,8,.6);border-color:var(--gold);}
.lote-card .num{font-family:'Fredoka',sans-serif;font-weight:700;font-size:.8rem;color:var(--amber);letter-spacing:.08em;}
.lote-card h3{margin:.15rem 0 .5rem;font-size:1.12rem;color:var(--brown);line-height:1.2;}
.lote-card .style{font-size:.88rem;color:var(--ink-soft);font-style:italic;}
.lote-card .mini{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 10px;font-family:'Fredoka',sans-serif;font-size:.78rem;color:var(--caramel);}
.lote-card .mini b{color:var(--brown);}
.srm-dot{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;border:2px solid var(--foam);box-shadow:0 0 0 1px var(--line);}
.lote-card .nofile{margin-top:12px;font-size:.8rem;color:var(--ink-soft);font-style:italic;}
.lote-card.etq-call{background:linear-gradient(180deg,var(--foam),var(--card));border-color:var(--brass);}
.etq-thumbs{display:flex;gap:5px;margin-top:12px;}
.etq-thumbs img{flex:1 1 0;min-width:0;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--line);}
.etq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:18px;}
.etq-item{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);
  border:2px solid var(--line);border-radius:12px;padding:12px;transition:transform .14s,border-color .14s,box-shadow .14s;}
.etq-item:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 26px -16px rgba(36,17,8,.55);}
.etq-frame{display:block;background:var(--foam);border:1px solid var(--line);border-radius:6px;padding:6px;}
.etq-frame img{display:block;width:100%;height:150px;object-fit:contain;}
.etq-cap{margin-top:9px;font-size:.86rem;line-height:1.35;}
.etq-cap b{color:var(--brown);font-family:'Fredoka',sans-serif;}
.etq-st{display:block;color:var(--ink-soft);font-style:italic;font-size:.8rem;}
.ficha-hero{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;border-bottom:3px solid var(--gold);padding-bottom:14px;}
.ficha-hero .lnum{font-family:'Fredoka',sans-serif;font-weight:700;font-size:2.6rem;color:var(--gold);line-height:1;}
.ficha-hero h1{font-size:clamp(1.5rem,3.4vw,2.2rem);margin:0;color:var(--brown);}
.ficha-hero .style{width:100%;color:var(--ink-soft);font-style:italic;font-size:1.05rem;margin-top:2px;}
.stat-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px;}
.chip{background:var(--foam);border:2px solid var(--line);border-radius:10px;padding:8px 13px;min-width:74px;text-align:center;}
.chip .k{display:block;font-family:'Fredoka',sans-serif;font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:var(--amber);}
.chip .v{font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.02rem;color:var(--brown);}
.chip.srm .v{display:inline-flex;align-items:center;gap:7px;}
.chip.srm i{width:15px;height:15px;border-radius:50%;box-shadow:0 0 0 1px var(--line);}
.recipe-note{margin:20px 0 0;font-size:1rem;}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px;}
@media(max-width:680px){.cols{grid-template-columns:1fr;} .brew-hero img{width:150px;height:150px;}}
.panel h2{font-size:1.1rem;color:var(--caramel);margin:0 0 10px;border-bottom:1px dashed var(--line);padding-bottom:5px;}
.ing-list{list-style:none;margin:0 0 16px;padding:0;}
.ing-list li{padding:6px 0;border-bottom:1px solid var(--line);font-size:.95rem;}
.ing-list li:last-child{border-bottom:none;}
.ing-list .q{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--brown);}
.ing-list .meta{color:var(--ink-soft);font-size:.82rem;}
.cuaderno{margin:30px 0 0;background:var(--foam);border:2px solid var(--line);border-radius:12px;padding:18px 20px;}
.cuaderno h2{font-size:1.12rem;color:var(--caramel);margin:0 0 8px;}
.cuaderno p{margin:.28rem 0;font-size:.95rem;}
.cuaderno p.bl{padding-left:1.1em;text-indent:-1.1em;}
.cuaderno p.bl::before{content:"–  ";color:var(--amber);font-weight:700;}
.cuaderno p.ch{margin:.9rem 0 .2rem;font-family:'Fredoka',sans-serif;font-weight:600;font-size:.82rem;
  text-transform:uppercase;letter-spacing:.05em;color:var(--caramel);}
.cuaderno p.ch:first-of-type{margin-top:0;}
.cuaderno .src{margin-top:12px;font-size:.78rem;color:var(--ink-soft);font-family:'Fredoka',sans-serif;}
.datos{display:grid;grid-template-columns:max-content 1fr;gap:2px 16px;margin:6px 0 0;font-size:.92rem;}
.datos dt{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--caramel);}
.datos dd{margin:0;color:var(--ink);}
.agua-tab{width:100%;border-collapse:collapse;margin-top:14px;font-size:.9rem;}
.agua-tab th,.agua-tab td{border:1px solid var(--line);padding:6px 10px;text-align:left;}
.agua-tab th{background:var(--foam);font-family:'Fredoka',sans-serif;color:var(--caramel);}
.agua-tab .wrapx{overflow-x:auto;}
.etiqueta{margin:26px 0 0;text-align:center;}
.etiqueta img{max-width:320px;width:100%;border:6px solid var(--foam);box-shadow:0 12px 26px -14px rgba(36,17,8,.55);transform:rotate(1.4deg);border-radius:4px;}
.etiqueta figcaption{margin-top:8px;font-size:.8rem;color:var(--ink-soft);font-family:'Fredoka',sans-serif;}
.stub{margin-top:24px;font-size:1.02rem;color:var(--ink-soft);}
footer.bfoot{border-top:1px solid var(--line);margin-top:10px;}
.bfoot-in{max-width:1000px;margin:0 auto;padding:20px;font-family:'Fredoka',sans-serif;font-size:.82rem;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}