/* Quinnoa runtime UI bundle. Generated during deployment; edit source fragments, not this file. */


/* ===== assets/css/food-v4.css ===== */
/*
 * FOOD v4 — distinct editorial identity
 * Content-first now, commerce-ready later. Intentionally avoids the visual
 * language of the future marketplace: fewer rounded cards, no forest-green
 * blocks, stronger utility/editorial hierarchy and mobile-first sizing.
 */

:root {
  --food-bg: #f7f6f2;
  --food-paper: #ffffff;
  --food-paper-warm: #f1eee7;
  --food-ink: #1d1b1c;
  --food-muted: #706b6d;
  --food-line: #d9d4cf;
  --food-line-dark: #bbb4af;
  --food-brand: #56344c;
  --food-brand-deep: #3d2235;
  --food-tomato: #df6248;
  --food-sage: #91a486;
  --food-sun: #e4bd62;
  --food-radius: 12px;
  --food-max: 1220px;
  --food-shadow: 0 16px 42px rgba(42, 31, 37, .08);
}

* { box-sizing: border-box; }
html { overflow-x: clip; background: var(--food-bg); }
body {
  margin: 0;
  overflow-x: clip;
  background: var(--food-bg);
  color: var(--food-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
a, button, input { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 3px solid rgba(223, 98, 72, .28);
  outline-offset: 3px;
}
::selection { background: #eadde5; color: var(--food-brand-deep); }
.container { width: min(calc(100% - 48px), var(--food-max)); margin-inline: auto; }

/* Header */
.site-topline { display: none !important; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(217, 212, 207, .9);
  background: rgba(247, 246, 242, .94);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.header-main {
  min-height: 76px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
}
.site-branding, .site-branding a { min-width: 0; }
.site-branding a { display: inline-block; text-decoration: none; }
.site-title {
  margin: 0;
  color: var(--food-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 31px;
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.07em;
}
.site-title::after { content: "."; color: var(--food-tomato); }
.site-tagline {
  margin-top: 5px;
  color: var(--food-muted);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.primary-nav { justify-self: center; min-width: 0; }
.primary-nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.primary-nav a {
  display: inline-block;
  padding: 9px 0 7px;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #373335;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  transition: color .18s ease, border-color .18s ease;
}
.primary-nav a:hover { color: var(--food-brand); border-color: var(--food-tomato); background: transparent; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.header-search, .menu-toggle {
  color: var(--food-ink);
  border: 1px solid var(--food-line);
  background: var(--food-paper);
  box-shadow: none;
}
.header-search {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  text-decoration: none;
}
.header-search svg { width: 17px; height: 17px; }
.menu-toggle {
  display: none;
  min-height: 40px;
  padding: 0 12px;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
}
.menu-toggle-icon { width: 17px; display: grid; gap: 4px; }
.menu-toggle-icon span { width: 100%; height: 1.5px; display: block; background: currentColor; border-radius: 4px; }

/* Fullscreen mobile menu */
.mobile-menu-overlay { display: none; }
.mobile-menu-shell, .mobile-menu-top, .mobile-menu-content, .mobile-primary-nav,
.mobile-menu-explore, .mobile-food-links, .mobile-menu-search { min-width: 0; max-width: 100%; }
.mobile-menu-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: transparent; color: white; cursor: pointer; }
.mobile-menu-close svg { width: 18px; height: 18px; display: block; margin: auto; }

/* Homepage hero */
.home-hero { padding: 58px 0 38px; border-bottom: 1px solid var(--food-line); }
.home-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(310px, .72fr);
  gap: clamp(34px, 6vw, 88px);
  align-items: end;
}
.hero-main { min-width: 0; padding: 42px 0 26px; }
.hero-kicker, .section-label, .mobile-menu-eyebrow, .mobile-menu-explore-title {
  display: block;
  color: var(--food-tomato);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.hero-main h1 {
  max-width: 12ch;
  margin: 16px 0 22px;
  color: var(--food-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(48px, 7.2vw, 92px);
  font-weight: 850;
  line-height: .92;
  letter-spacing: -.07em;
}
.hero-main > p {
  max-width: 670px;
  margin: 0 0 28px;
  color: #5f5a5c;
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.58;
}
.hero-search {
  width: min(100%, 720px);
  min-width: 0;
  min-height: 60px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--food-line-dark);
  border-radius: 7px;
  background: var(--food-paper);
}
.hero-search input[type="search"] {
  width: 100%;
  min-width: 0;
  padding: 0 18px;
  border: 0;
  background: transparent;
  color: var(--food-ink);
  font-size: 14px;
  outline: 0;
}
.hero-search button {
  min-width: 138px;
  padding: 0 20px;
  border: 0;
  border-left: 1px solid var(--food-line-dark);
  border-radius: 0;
  background: var(--food-brand);
  color: white;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}
.hero-prompts { display: flex; flex-wrap: wrap; gap: 7px 14px; margin-top: 13px; color: var(--food-muted); font-size: 11px; }
.hero-prompts > span { font-weight: 800; }
.hero-prompts a { color: var(--food-brand); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hero-question {
  position: relative;
  min-width: 0;
  padding: 30px 30px 28px;
  overflow: hidden;
  background: var(--food-sun);
  color: #251e16;
}
.hero-question::after {
  content: "?";
  position: absolute;
  right: -12px;
  bottom: -66px;
  color: rgba(86, 52, 76, .12);
  font-size: 250px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}
.hero-question-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; position: relative; z-index: 1; }
.hero-question-top span:first-child { font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.hero-question-number { color: var(--food-brand); font-size: 12px; font-weight: 900; }
.hero-question h2 {
  position: relative;
  z-index: 1;
  margin: 54px 0 14px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 850;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.hero-question p { position: relative; z-index: 1; margin: 0 0 24px; font-size: 13px; line-height: 1.55; }
.hero-question a { position: relative; z-index: 1; font-size: 12px; font-weight: 900; text-decoration: none; border-bottom: 1px solid currentColor; }

/* Reusable section intro */
.section { padding: 72px 0; }
.section-intro, .section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 430px);
  gap: 30px;
  align-items: end;
  margin-bottom: 34px;
}
.section-intro h2, .section-head h2 {
  max-width: 760px;
  margin: 8px 0 0;
  color: var(--food-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(32px, 4.2vw, 54px);
  font-weight: 820;
  line-height: .98;
  letter-spacing: -.055em;
}
.section-intro > p, .section-head > p, .section-head div + p { margin: 0; color: var(--food-muted); font-size: 14px; line-height: 1.65; }
.eyebrow { color: var(--food-tomato); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }

/* Food index — intentionally flat, not marketplace cards */
.food-index { padding-top: 68px; }
.food-index-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--food-ink);
  border-left: 1px solid var(--food-line);
}
.food-index-item {
  min-width: 0;
  min-height: 148px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr;
  gap: 18px 13px;
  padding: 20px 18px 18px;
  border-right: 1px solid var(--food-line);
  border-bottom: 1px solid var(--food-line);
  background: transparent;
  color: var(--food-ink);
  text-decoration: none;
  transition: background .18s ease, color .18s ease;
}
.food-index-item:hover { background: var(--food-paper); }
.food-index-icon {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--food-paper);
  font-size: 23px;
  box-shadow: 0 0 0 1px var(--food-line);
}
.food-index-name {
  min-width: 0;
  align-self: center;
  font-size: 15px;
  font-weight: 820;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.food-index-arrow { align-self: center; color: var(--food-tomato); font-weight: 900; }
.food-index-note { grid-column: 1 / -1; align-self: end; color: var(--food-muted); font-size: 11px; line-height: 1.42; }

/* Needs / intent area — light editorial list instead of dark card block */
.needs-section { padding: 40px 0 78px; }
.needs-layout {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.45fr);
  gap: clamp(38px, 7vw, 96px);
  padding-top: 46px;
  border-top: 5px solid var(--food-brand);
}
.needs-intro { position: sticky; top: 110px; align-self: start; }
.needs-intro h2 {
  margin: 10px 0 18px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 850;
  line-height: .98;
  letter-spacing: -.055em;
}
.needs-intro p { margin: 0; color: var(--food-muted); font-size: 14px; line-height: 1.65; }
.needs-list { border-top: 1px solid var(--food-ink); }
.need-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(150px, .55fr) minmax(0, 1fr) 32px;
  gap: 18px;
  align-items: center;
  padding: 24px 0;
  border-bottom: 1px solid var(--food-line);
  color: inherit;
  text-decoration: none;
}
.need-row:hover .need-title { color: var(--food-brand); }
.need-number { color: var(--food-tomato); font-size: 11px; font-weight: 900; }
.need-title { min-width: 0; font-size: clamp(19px, 2vw, 25px); font-weight: 820; line-height: 1.05; letter-spacing: -.025em; }
.need-copy { min-width: 0; color: var(--food-muted); font-size: 13px; line-height: 1.5; }
.need-arrow { justify-self: end; font-size: 20px; }

/* Popular questions */
.question-section { padding-top: 62px; }
.question-list { border-top: 1px solid var(--food-ink); }
.question-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid var(--food-line);
  color: inherit;
  text-decoration: none;
}
.question-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--food-paper); box-shadow: 0 0 0 1px var(--food-line); font-size: 20px; }
.question-copy { min-width: 0; }
.question-copy strong { display: block; font-size: 17px; font-weight: 800; line-height: 1.22; }
.question-copy span { display: block; margin-top: 4px; color: var(--food-muted); font-size: 12px; line-height: 1.45; }
.question-arrow { color: var(--food-brand); font-size: 20px; }

/* Ads are present but visually quiet while empty */
.ad-slot {
  min-height: 104px;
  margin: 28px auto;
  border: 1px dashed #c9c3be;
  border-radius: 4px;
  background: rgba(255,255,255,.35);
  color: #918b88;
  font-size: 9px;
  letter-spacing: .14em;
}

/* Article cards */
.latest-guides { padding-top: 70px; }
.section-link { align-self: end; color: var(--food-brand); font-size: 12px; font-weight: 850; }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.post-card {
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.post-card:hover { transform: none; box-shadow: none; }
.post-card > a { display: block; text-decoration: none; }
.card-media { aspect-ratio: 16 / 10; overflow: hidden; border-radius: 8px; background: #ded8d2; }
.card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.post-card:hover .card-media img { transform: scale(1.025); }
.card-placeholder {
  width: 100%; height: 100%;
  background:
    radial-gradient(circle at 22% 25%, var(--food-sun) 0 8%, transparent 8.5%),
    radial-gradient(circle at 73% 58%, var(--food-tomato) 0 13%, transparent 13.5%),
    linear-gradient(135deg, #d8dfd4, #8fa486);
}
.card-body { padding: 16px 0 0; }
.card-kicker { color: var(--food-tomato); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.card-title {
  margin: 8px 0 9px;
  color: var(--food-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(20px, 2.1vw, 27px);
  font-weight: 820;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.card-excerpt { margin: 0; color: var(--food-muted); font-size: 13px; line-height: 1.5; }
.card-meta { display: flex; gap: 7px; margin-top: 14px; color: #817b7d; font-size: 10px; }
.card-meta span:first-child { color: var(--food-brand); font-weight: 850; }

/* Archives */
.archive-wrap { padding: 54px 0 80px; }
.archive-header { max-width: 880px; margin-bottom: 42px; }
.archive-header h1 {
  margin: 10px 0 14px;
  color: var(--food-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(44px, 7vw, 82px);
  font-weight: 850;
  line-height: .94;
  letter-spacing: -.06em;
}
.archive-header p { max-width: 700px; color: var(--food-muted); font-size: 17px; }
.pagination { margin-top: 44px; }
.page-numbers { border: 1px solid var(--food-line); border-radius: 4px; background: white; }
.page-numbers.current { border-color: var(--food-brand); background: var(--food-brand); color: white; }

/* Article reading experience */
.breadcrumbs { color: #807a7c; font-size: 11px; padding: 24px 0 6px; }
.article-shell { width: min(calc(100% - 48px), 900px); }
.article-header { padding: 44px 0 30px; text-align: left; }
.article-header .post-category { color: var(--food-tomato); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.article-header h1 {
  max-width: 860px;
  margin: 13px 0 20px;
  color: var(--food-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(44px, 6.8vw, 78px);
  font-weight: 850;
  line-height: .96;
  letter-spacing: -.06em;
}
.article-deck { max-width: 760px; margin: 0 0 18px; color: #625d5f; font-size: clamp(18px, 2vw, 22px); line-height: 1.5; }
.article-meta { justify-content: flex-start; color: var(--food-muted); font-size: 11px; }
.article-hero { width: min(calc(100% - 48px), 1120px); margin: 18px auto 36px; border-radius: 8px; }
.answer-box { margin: 28px 0 40px; padding: 23px 24px; border: 0; border-left: 4px solid var(--food-tomato); border-radius: 0; background: #f0e9ed; }
.answer-box strong { color: var(--food-brand); font-size: 10px; }
.answer-box p { font-size: 17px; line-height: 1.55; }
.entry-content { color: #292628; font-family: Georgia, "Times New Roman", serif; font-size: 20px; line-height: 1.78; }
.entry-content > * { max-width: 740px; }
.entry-content h2, .entry-content h3 { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: var(--food-ink); font-weight: 820; letter-spacing: -.04em; }
.entry-content h2 { font-size: clamp(30px, 4vw, 42px); }
.entry-content h3 { font-size: clamp(24px, 3vw, 31px); }
.entry-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.entry-content th { background: #eeeae5; }
.related { padding: 52px 0 78px; border-top: 1px solid var(--food-line); }

/* Search */
.search-panel { max-width: 760px; }
.search-panel form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.search-panel input { min-width: 0; border: 1px solid var(--food-line-dark); border-radius: 5px; background: white; }
.search-panel button { border-radius: 5px; background: var(--food-brand); }

/* Footer */
.site-footer { margin-top: 48px; background: #242123; color: #f8f5f2; }
.footer-main { padding: 66px 0 46px; grid-template-columns: 1.4fr 1fr 1fr; gap: 48px; }
.footer-brand { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 48px; font-weight: 900; letter-spacing: -.07em; }
.footer-brand::after { color: var(--food-tomato); }
.footer-copy { max-width: 430px; color: #bdb7b9; font-size: 13px; line-height: 1.65; }
.site-footer .widget-title { color: #ddd7d9; font-size: 9px; letter-spacing: .16em; }
.site-footer ul { list-style: none; padding: 0; margin: 12px 0 0; }
.site-footer li + li { margin-top: 7px; }
.site-footer a { color: #f4eff1; font-size: 12px; text-decoration-color: #625a5e; }
.footer-bottom { border-top: 1px solid #474145; padding: 18px 0 28px; color: #aaa3a6; font-size: 10px; }

/* Hide legacy homepage blocks if stale markup appears from cache. */
.hero-visual, .intent-section .intent-grid { min-width: 0; }

@media (max-width: 1080px) {
  .primary-nav ul { gap: 2px 10px; }
  .primary-nav a { font-size: 11px; }
  .food-index-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
  .header-main { min-height: 70px; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; }
  .primary-nav { display: none !important; }
  .header-actions { justify-self: end; }
  .menu-toggle { display: inline-flex; }
  .site-tagline { display: none; }

  .mobile-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100%;
    max-width: 100vw;
    height: 100dvh;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    background: var(--food-brand-deep);
    color: white;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease, transform .28s cubic-bezier(.2,.8,.2,1);
  }
  .mobile-menu-overlay.is-open { visibility: visible; opacity: 1; transform: translateX(0); pointer-events: auto; }
  .mobile-menu-shell { width: 100%; min-height: 100dvh; }
  .mobile-menu-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: max(18px, env(safe-area-inset-top)) 20px 18px;
    border-bottom: 1px solid rgba(255,255,255,.16);
  }
  .mobile-brand { min-width: 0; color: white; text-decoration: none; }
  .mobile-brand strong { display: block; font-size: 27px; font-weight: 900; line-height: .95; letter-spacing: -.06em; }
  .mobile-brand strong::after { content: "."; color: var(--food-tomato); }
  .mobile-brand span { display: block; margin-top: 5px; color: #c9bdc5; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
  .mobile-menu-content { width: min(100%, 720px); margin: 0 auto; padding: 34px 20px max(42px, env(safe-area-inset-bottom)); }
  .mobile-menu-eyebrow { color: #e6a99a; margin-bottom: 14px; }
  .mobile-primary-nav ul { display: block !important; margin: 0; padding: 0; list-style: none; }
  .mobile-primary-nav li { margin: 0; padding: 0; }
  .mobile-primary-nav a {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 14px;
    border-bottom: 1px solid rgba(255,255,255,.18);
    color: white;
    font-size: clamp(25px, 7vw, 38px);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.045em;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  .mobile-primary-nav a::after { content: "↗"; flex: 0 0 auto; margin-left: 18px; color: #d5a8c4; font-size: 14px; font-weight: 400; }
  .mobile-menu-explore { margin-top: 34px; }
  .mobile-menu-explore-title { color: #bdb1b8; }
  .mobile-food-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
  .mobile-food-links a { min-width: 0; padding: 13px 12px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); color: #f4edf1; font-size: 12px; font-weight: 750; text-decoration: none; overflow-wrap: anywhere; }
  .mobile-menu-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0; margin-top: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 6px; }
  .mobile-menu-search input { width: 100%; min-width: 0; height: 52px; padding: 0 14px; border: 0; background: rgba(255,255,255,.08); color: white; outline: 0; }
  .mobile-menu-search input::placeholder { color: #c2b6bd; }
  .mobile-menu-search button { min-width: 92px; border: 0; border-left: 1px solid rgba(255,255,255,.24); background: white; color: var(--food-brand-deep); font-size: 11px; font-weight: 900; }
  .mobile-menu-note { margin: 20px 0 0; color: #bfb3ba; font-size: 11px; line-height: 1.55; }
  .admin-bar .mobile-menu-overlay { top: 32px; height: calc(100dvh - 32px); }

  .home-hero { padding-top: 32px; }
  .home-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .hero-main { padding: 24px 0 0; }
  .hero-main h1 { max-width: 11ch; }
  .hero-question { min-height: 330px; }
  .hero-question h2 { max-width: 16ch; }
  .food-index-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .needs-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .needs-intro { position: static; }
  .need-row { grid-template-columns: 36px minmax(140px, .6fr) minmax(0, 1fr) 24px; gap: 12px; }
}

@media (max-width: 782px) {
  .admin-bar .mobile-menu-overlay { top: 46px; height: calc(100dvh - 46px); }
}

@media (max-width: 680px) {
  .container { width: min(calc(100% - 32px), var(--food-max)); }
  .header-main { width: calc(100% - 28px); }
  .site-title { font-size: 29px; }
  .header-search { width: 38px; height: 38px; }
  .menu-toggle { width: 42px; min-height: 38px; justify-content: center; padding: 0; border-radius: 50%; }
  .menu-toggle-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

  .home-hero { padding: 22px 0 30px; }
  .hero-main { padding-top: 18px; }
  .hero-main h1 { margin-top: 13px; font-size: clamp(46px, 13.4vw, 62px); line-height: .94; }
  .hero-main > p { font-size: 16px; line-height: 1.55; }
  .hero-search { grid-template-columns: minmax(0, 1fr); border-radius: 6px; }
  .hero-search input[type="search"] { height: 54px; }
  .hero-search button { min-width: 0; height: 46px; border-left: 0; border-top: 1px solid var(--food-line-dark); }
  .hero-prompts { line-height: 1.5; }
  .hero-question { min-height: 295px; padding: 24px 22px; }
  .hero-question h2 { margin-top: 48px; font-size: 29px; }

  .section { padding: 54px 0; }
  .section-intro, .section-head { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-bottom: 26px; }
  .section-intro h2, .section-head h2 { font-size: 36px; }
  .food-index { padding-top: 50px; }
  .food-index-grid { grid-template-columns: minmax(0, 1fr); }
  .food-index-item { min-height: 96px; grid-template-columns: 45px minmax(0, 1fr) 22px; grid-template-rows: auto auto; gap: 6px 13px; padding: 15px 12px; }
  .food-index-icon { grid-row: 1 / 3; align-self: center; }
  .food-index-name { font-size: 15px; }
  .food-index-note { grid-column: 2 / 3; align-self: start; }
  .food-index-arrow { grid-column: 3; grid-row: 1 / 3; align-self: center; }

  .needs-section { padding: 26px 0 58px; }
  .needs-layout { padding-top: 34px; }
  .needs-intro h2 { font-size: 39px; }
  .need-row { grid-template-columns: 31px minmax(0, 1fr) 22px; padding: 19px 0; }
  .need-title { font-size: 20px; }
  .need-copy { grid-column: 2 / 4; margin-top: -5px; padding-right: 10px; }
  .need-arrow { grid-column: 3; grid-row: 1; }

  .question-row { grid-template-columns: 44px minmax(0, 1fr) 18px; gap: 12px; padding: 17px 0; }
  .question-icon { width: 38px; height: 38px; font-size: 18px; }
  .question-copy strong { font-size: 15px; }
  .question-copy span { font-size: 11px; }

  .card-grid { grid-template-columns: minmax(0, 1fr); gap: 38px; }
  .card-title { font-size: 24px; }

  .article-shell { width: calc(100% - 32px); }
  .article-header { padding-top: 30px; }
  .article-header h1 { font-size: clamp(42px, 12vw, 58px); }
  .article-hero { width: calc(100% - 32px); border-radius: 6px; }
  .entry-content { font-size: 18px; line-height: 1.72; }
  .answer-box { padding: 20px 18px; }
  .search-panel form { grid-template-columns: minmax(0, 1fr); }
  .search-panel button { min-height: 44px; }
  .footer-main { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-top: 52px; }
  .footer-bottom { flex-direction: column; }
}

@media (max-width: 430px) {
  .mobile-menu-top { padding-left: 16px; padding-right: 16px; }
  .mobile-menu-content { padding-left: 16px; padding-right: 16px; }
  .mobile-menu-close { flex-basis: 42px; width: 42px; height: 42px; }
  .mobile-food-links { grid-template-columns: minmax(0, 1fr); }
  .mobile-menu-search { grid-template-columns: minmax(0, 1fr); }
  .mobile-menu-search input { height: 50px; }
  .mobile-menu-search button { min-width: 0; min-height: 44px; border-left: 0; border-top: 1px solid rgba(255,255,255,.24); }
  .hero-question::after { right: -30px; }
}


/* ===== assets/css/food-v5.css ===== */
/*
 * FOOD v5 — professional illustrated editorial layer.
 * Loaded after v4 so the stable responsive foundation remains available.
 */

:root {
  --food-bg: #f3f2ee;
  --food-paper: #fffefa;
  --food-paper-warm: #e9e5dc;
  --food-ink: #17232a;
  --food-muted: #667076;
  --food-line: #d7d7d1;
  --food-line-dark: #afb3b1;
  --food-brand: #245466;
  --food-brand-deep: #143440;
  --food-tomato: #c85642;
  --food-sage: #a8b796;
  --food-sun: #e6cf7a;
  --food-radius: 14px;
  --food-max: 1240px;
  --food-shadow: 0 20px 55px rgba(23, 35, 42, .09);
  --font-ui: "Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", Helvetica, Arial, sans-serif;
}

html, body { background: var(--food-bg); }
body {
  color: var(--food-ink);
  font-family: var(--font-ui);
  font-weight: 450;
  letter-spacing: -.008em;
}
button, input, textarea, select { font: inherit; }
.site-title,
.hero-main h1,
.section-intro h2,
.section-head h2,
.needs-intro h2,
.archive-header h1,
.article-header h1,
.card-title,
.footer-brand { font-family: var(--font-ui); }

/* Header: calmer, more publication-like */
.site-header {
  border-bottom-color: rgba(23, 35, 42, .12);
  background: rgba(243, 242, 238, .95);
}
.header-main { min-height: 72px; }
.site-title {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.055em;
}
.site-title::after { color: var(--food-tomato); }
.site-tagline {
  color: #737c80;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .15em;
}
.primary-nav a {
  color: #34434a;
  font-size: 12px;
  font-weight: 650;
}
.primary-nav a:hover { color: var(--food-brand); border-color: var(--food-tomato); }
.header-search, .menu-toggle { background: rgba(255, 254, 250, .72); border-color: rgba(23, 35, 42, .16); }

/* Homepage hero */
.home-hero-v5 { padding: 52px 0 54px; border-bottom: 0; }
.home-hero-grid-v5 {
  grid-template-columns: minmax(0, 1.14fr) minmax(340px, .86fr);
  align-items: stretch;
  gap: clamp(38px, 6vw, 82px);
}
.hero-main-v5 { padding: clamp(36px, 5vw, 66px) 0 24px; align-self: center; }
.hero-kicker, .section-label, .eyebrow,
.mobile-menu-eyebrow, .mobile-menu-explore-title {
  color: var(--food-tomato);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .16em;
}
.hero-main-v5 h1 {
  max-width: 11ch;
  margin: 15px 0 24px;
  font-size: clamp(49px, 6.7vw, 88px);
  font-weight: 730;
  line-height: .94;
  letter-spacing: -.052em;
}
.hero-main-v5 > p {
  max-width: 690px;
  margin-bottom: 30px;
  color: #526169;
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.62;
}
.hero-search-v5 {
  min-height: 58px;
  border-radius: 0;
  border: 1px solid #aab1b0;
  box-shadow: 0 8px 28px rgba(23, 35, 42, .04);
}
.hero-search-v5 input[type="search"] { padding-inline: 19px; font-size: 14px; }
.hero-search-v5 button {
  min-width: 112px;
  background: var(--food-brand-deep);
  font-weight: 700;
  letter-spacing: .01em;
}
.hero-topic-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-top: 16px;
  color: #768086;
  font-size: 11px;
}
.hero-topic-links > span { font-weight: 700; color: #49575e; }
.hero-topic-links a {
  color: var(--food-brand);
  text-decoration: none;
  border-bottom: 1px solid rgba(36, 84, 102, .32);
}

/* Dynamic featured story */
.home-feature-card {
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(250px, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(23, 35, 42, .14);
  background: var(--food-paper);
  color: inherit;
  text-decoration: none;
  box-shadow: var(--food-shadow);
}
a.home-feature-card { transition: transform .2s ease, box-shadow .2s ease; }
a.home-feature-card:hover { transform: translateY(-3px); box-shadow: 0 24px 65px rgba(23,35,42,.13); }
.home-feature-media { min-width: 0; overflow: hidden; background: #dce5df; }
.home-feature-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
a.home-feature-card:hover .home-feature-media img { transform: scale(1.025); }
.home-feature-illustration, .discover-illustration {
  width: 100%; height: 100%; min-height: 250px;
  display: grid; place-items: center;
  background: var(--family-soft, #dfe5e1);
  color: var(--family-accent, var(--food-brand));
}
.home-feature-illustration .food-family-svg { width: 54%; max-width: 190px; }
.home-feature-body { padding: 25px 27px 27px; }
.home-feature-body > strong {
  display: block;
  margin: 13px 0 10px;
  font-size: clamp(24px, 2.35vw, 34px);
  font-weight: 700;
  line-height: 1.07;
  letter-spacing: -.035em;
}
.home-feature-body p { margin: 0 0 19px; color: var(--food-muted); font-size: 13px; line-height: 1.55; }
.feature-read { display: flex; justify-content: space-between; gap: 20px; padding-top: 16px; border-top: 1px solid var(--food-line); color: var(--food-brand); font-size: 11px; font-weight: 720; text-transform: uppercase; letter-spacing: .09em; }
.content-dimensions { display: flex; flex-wrap: wrap; gap: 6px; }
.content-dimensions span {
  display: inline-flex;
  padding: 5px 8px 4px;
  border: 1px solid rgba(23,35,42,.13);
  background: rgba(255,255,255,.54);
  color: #526169;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
}

/* Section intros */
.section { padding: 76px 0; }
.section-intro-v5, .section-head-v5 { align-items: start; }
.section-intro-v5 h2, .section-head-v5 h2 {
  margin-top: 10px;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
}
.section-intro-v5 > p { max-width: 420px; }

/* Professional category illustrations */
.food-families-section { padding-top: 70px; }
.food-family-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.food-family-card {
  --family-soft: #dde4e0;
  --family-accent: #315e6c;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(23,35,42,.12);
  background: var(--food-paper);
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.food-family-card:hover { transform: translateY(-2px); border-color: rgba(23,35,42,.22); box-shadow: 0 13px 32px rgba(23,35,42,.07); }
.food-family-art {
  aspect-ratio: 1.42 / 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--family-soft);
  color: var(--family-accent);
}
.food-family-art::before {
  content: "";
  width: 118px; height: 118px;
  position: absolute;
  top: 18px; left: 50%;
  transform: translateX(-50%);
  border: 1px solid color-mix(in srgb, var(--family-accent) 24%, transparent);
  border-radius: 50%;
}
.food-family-svg { width: 58%; height: 58%; position: relative; z-index: 1; }
.food-family-content { display: block; padding: 17px 17px 20px; }
.food-family-content strong { display: block; padding-right: 20px; font-size: 15px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em; }
.food-family-content small { display: block; margin-top: 7px; color: var(--food-muted); font-size: 10.5px; line-height: 1.42; }
.food-family-arrow { position: absolute; right: 14px; bottom: 17px; color: var(--family-accent); font-size: 14px; }

.family-carnes { --family-soft: #ead8d2; --family-accent: #945044; }
.family-pescados-mariscos { --family-soft: #d6e6e7; --family-accent: #2e6975; }
.family-jamon-embutidos { --family-soft: #edddd2; --family-accent: #9b553f; }
.family-quesos-lacteos { --family-soft: #eee5bd; --family-accent: #8b6c24; }
.family-aceites { --family-soft: #e1e5ca; --family-accent: #5f703d; }
.family-legumbres { --family-soft: #e5d8c9; --family-accent: #7b5b3c; }
.family-frutas { --family-soft: #ead6d7; --family-accent: #a14c54; }
.family-verduras-hortalizas { --family-soft: #d8e4d6; --family-accent: #4d7151; }
.family-cereales-pan-pasta { --family-soft: #eadfc6; --family-accent: #87682f; }
.family-huevos { --family-soft: #e9e5d9; --family-accent: #736850; }
.family-general { --family-soft: #dce3e1; --family-accent: #315d68; }

/* Independent topic taxonomy */
.topic-directory-section { background: #172f38; color: #f7f5ef; }
.topic-directory-layout {
  display: grid;
  grid-template-columns: minmax(250px, .7fr) minmax(0, 1.45fr);
  gap: clamp(42px, 7vw, 96px);
}
.topic-directory-intro { align-self: start; position: sticky; top: 108px; }
.topic-directory-intro .section-label { color: #e09a87; }
.topic-directory-intro h2 { margin: 10px 0 18px; max-width: 10ch; font-size: clamp(38px, 4.4vw, 58px); font-weight: 690; line-height: .98; letter-spacing: -.045em; }
.topic-directory-intro p { margin: 0; color: #bcc9cc; font-size: 14px; line-height: 1.65; }
.topic-directory-intro em { color: white; font-style: normal; }
.topic-directory-list { border-top: 1px solid rgba(255,255,255,.45); }
.topic-directory-row {
  display: grid;
  grid-template-columns: 34px minmax(140px, .55fr) minmax(0, 1fr) 32px 20px;
  gap: 15px;
  align-items: center;
  padding: 19px 0;
  border-bottom: 1px solid rgba(255,255,255,.16);
  color: inherit;
  text-decoration: none;
}
.topic-directory-number { color: #e09a87; font-size: 10px; font-weight: 700; }
.topic-directory-row strong { font-size: 18px; font-weight: 650; line-height: 1.12; }
.topic-directory-description { color: #aebfc3; font-size: 11.5px; line-height: 1.45; }
.topic-directory-count { color: #dfe7e8; font-size: 10px; text-align: right; }
.topic-directory-arrow { color: #e09a87; }
.topic-directory-row:hover strong { color: #ffd5c9; }

/* Dynamic discovery */
.discover-section { background: #ebe8e0; }
.discover-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 0 38px;
  border-top: 1px solid var(--food-ink);
}
.discover-card {
  min-width: 0;
  display: block;
  position: relative;
  padding: 21px 0;
  border-bottom: 1px solid #c8c7c1;
  color: inherit;
  text-decoration: none;
}
.discover-card:not(.discover-card-lead) { grid-column: 2; }
.discover-card-lead { grid-column: 1; grid-row: 1 / span 4; padding: 0 38px 0 0; border-right: 1px solid #c8c7c1; border-bottom: 0; }
.discover-lead-media { min-height: 310px; margin-bottom: 24px; overflow: hidden; background: #d9e2de; }
.discover-lead-media img { width: 100%; height: 100%; min-height: 310px; max-height: 390px; display: block; object-fit: cover; }
.discover-illustration { min-height: 310px; }
.discover-illustration .food-family-svg { width: 42%; max-width: 180px; }
.discover-card-body { position: relative; padding-right: 34px; }
.discover-card-body > strong { display: block; margin: 10px 0 0; font-size: 19px; font-weight: 680; line-height: 1.12; letter-spacing: -.025em; }
.discover-card-lead .discover-card-body > strong { font-size: clamp(28px, 3vw, 40px); line-height: 1.04; }
.discover-card-body p { margin: 12px 0 0; color: var(--food-muted); font-size: 13px; line-height: 1.55; }
.discover-card-arrow { position: absolute; right: 0; top: 9px; color: var(--food-tomato); }
.discover-card:hover .discover-card-body > strong { color: var(--food-brand); }

/* Article cards: clean publication grid, illustrated fallback instead of blobs */
.card-grid { gap: 26px 18px; }
.post-card { border-radius: 0; border: 0; background: transparent; box-shadow: none; }
.post-card > a { text-decoration: none; color: inherit; }
.card-media { border: 1px solid rgba(23,35,42,.1); background: #dce3e1; }
.card-media img { aspect-ratio: 1.52 / 1; object-fit: cover; }
.card-placeholder.card-placeholder-illustrated { aspect-ratio: 1.52 / 1; display: grid; place-items: center; background: var(--family-soft, #dce3e1); color: var(--family-accent, var(--food-brand)); }
.card-placeholder.card-placeholder-illustrated::before,
.card-placeholder.card-placeholder-illustrated::after { display: none; }
.card-placeholder-illustrated .food-family-svg { width: 42%; height: 42%; max-width: 130px; }
.card-body { padding: 14px 0 0; }
.card-kicker { color: var(--food-tomato); font-size: 9px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.card-title { margin-top: 7px; font-size: 20px; font-weight: 680; line-height: 1.08; letter-spacing: -.027em; }
.card-excerpt { color: var(--food-muted); font-size: 12.5px; line-height: 1.52; }
.card-meta { color: #7b8589; font-size: 10px; }
.home-empty-state { grid-column: 1 / -1; padding: 32px; border: 1px solid var(--food-line); background: var(--food-paper); }
.home-empty-state strong { font-size: 20px; }
.home-empty-state p { color: var(--food-muted); }

/* Article dimension chips */
.article-dimensions { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.article-dimensions a { padding: 6px 9px; border: 1px solid var(--food-line); color: var(--food-brand); font-size: 10px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; }
.article-dimensions .is-topic { border-color: rgba(200,86,66,.28); color: var(--food-tomato); }
.article-header h1 { font-weight: 720; letter-spacing: -.045em; }
.answer-box { border-radius: 0; border-left: 4px solid var(--food-brand); }

/* Footer: intentionally minimal; no archive/category widgets */
.site-footer { background: #10262f; color: #dce5e5; }
.footer-main.footer-main-v5 {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto;
  gap: 50px;
  align-items: start;
  padding-top: 54px;
  padding-bottom: 42px;
}
.footer-brand { font-size: 31px; font-weight: 760; letter-spacing: -.05em; color: white; }
.footer-copy { max-width: 540px; color: #aebfc3; font-size: 13px; line-height: 1.6; }
.footer-links-v5 { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 22px; margin: 0; padding: 5px 0 0; list-style: none; }
.footer-links-v5 a { color: #e6eeee; font-size: 12px; text-decoration: none; border-bottom: 1px solid transparent; }
.footer-links-v5 a:hover { border-color: #e09a87; }
.footer-bottom { border-top-color: rgba(255,255,255,.13); color: #94a7ab; }

/* Archive taxonomy descriptions */
.archive-header .taxonomy-description { max-width: 720px; color: var(--food-muted); line-height: 1.65; }

/* Mobile menu */
@media (max-width: 900px) {
  .mobile-menu-overlay { background: rgba(15,37,46,.45); }
  .mobile-menu-shell { background: #143440; color: #eef4f3; }
  .mobile-menu-top { border-bottom-color: rgba(255,255,255,.12); }
  .mobile-brand strong { color: white; font-family: var(--font-ui); font-weight: 760; }
  .mobile-brand span, .mobile-menu-note { color: #a9bec2; }
  .mobile-menu-eyebrow, .mobile-menu-explore-title { color: #e5a493; }
  .mobile-primary-nav a { color: white; font-family: var(--font-ui); font-weight: 650; }
  .mobile-food-links a { border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.04); color: #e7eeee; }
  .mobile-menu-search { border-color: rgba(255,255,255,.2); }
  .mobile-menu-search input { background: white; }
  .mobile-menu-search button { background: #c85642; }
}

@media (max-width: 1100px) {
  .food-family-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-hero-grid-v5 { grid-template-columns: minmax(0, 1fr) minmax(310px, .8fr); gap: 36px; }
}

@media (max-width: 820px) {
  .container { width: min(calc(100% - 36px), var(--food-max)); }
  .home-hero-v5 { padding-top: 28px; }
  .home-hero-grid-v5 { grid-template-columns: 1fr; gap: 28px; }
  .hero-main-v5 { padding: 30px 0 0; }
  .hero-main-v5 h1 { max-width: 12ch; font-size: clamp(47px, 12vw, 68px); }
  .home-feature-card { grid-template-columns: minmax(170px, .72fr) minmax(0, 1fr); grid-template-rows: auto; }
  .home-feature-media, .home-feature-illustration { min-height: 250px; }
  .section-intro-v5, .section-head-v5 { grid-template-columns: 1fr; gap: 14px; }
  .topic-directory-layout { grid-template-columns: 1fr; gap: 30px; }
  .topic-directory-intro { position: static; }
  .topic-directory-intro h2 { max-width: 13ch; }
  .discover-grid { grid-template-columns: 1fr; }
  .discover-card, .discover-card:not(.discover-card-lead), .discover-card-lead { grid-column: 1; grid-row: auto; padding: 19px 0; border-right: 0; border-bottom: 1px solid #c8c7c1; }
  .discover-card-lead { padding-top: 0; }
  .discover-lead-media { min-height: 260px; }
  .discover-lead-media img, .discover-illustration { min-height: 260px; }
  .footer-main.footer-main-v5 { grid-template-columns: 1fr; gap: 20px; }
  .footer-links-v5 { justify-content: flex-start; }
}

@media (max-width: 700px) {
  .food-family-grid { grid-template-columns: 1fr; gap: 10px; }
  .food-family-card { display: grid; grid-template-columns: 118px minmax(0, 1fr); min-height: 112px; }
  .food-family-art { aspect-ratio: auto; min-height: 112px; }
  .food-family-art::before { width: 76px; height: 76px; top: 18px; }
  .food-family-svg { width: 52%; height: 52%; }
  .food-family-content { align-self: center; padding: 15px 35px 15px 17px; }
  .food-family-content strong { font-size: 16px; }
  .food-family-content small { font-size: 10px; }
  .food-family-arrow { bottom: 50%; transform: translateY(50%); }
  .topic-directory-row { grid-template-columns: 26px minmax(0, 1fr) 20px; gap: 10px; padding: 17px 0; }
  .topic-directory-description, .topic-directory-count { display: none; }
  .topic-directory-row strong { font-size: 17px; }
  .home-feature-card { grid-template-columns: 1fr; }
  .home-feature-media, .home-feature-illustration { min-height: 220px; }
  .home-feature-body { padding: 20px; }
  .hero-search-v5 { grid-template-columns: 1fr; overflow: visible; border: 0; box-shadow: none; background: transparent; gap: 8px; }
  .hero-search-v5 input[type="search"] { min-height: 54px; border: 1px solid #aab1b0; background: var(--food-paper); }
  .hero-search-v5 button { min-height: 50px; border: 0; }
  .section { padding: 58px 0; }
}

@media (max-width: 430px) {
  .container { width: calc(100% - 28px); }
  .header-main { min-height: 66px; }
  .site-title { font-size: 27px; }
  .site-tagline { font-size: 7.5px; }
  .hero-main-v5 h1 { font-size: clamp(43px, 13vw, 56px); }
  .hero-main-v5 > p { font-size: 15px; }
  .hero-topic-links { gap: 8px 12px; }
  .food-family-card { grid-template-columns: 102px minmax(0, 1fr); }
  .food-family-art { min-height: 104px; }
  .mobile-menu-content { padding-inline: 18px; }
  .mobile-menu-top { padding-inline: 18px; }
  .mobile-menu-close { margin-right: 0; }
}


/* ===== assets/css/food-v6.css ===== */
/*
 * FOOD v6 — warmer editorial palette + unmistakable food pictograms.
 * This layer intentionally sits on top of v5 so it can be removed cleanly.
 */

:root {
  --v6-cream: #fbf4e7;
  --v6-paper: #fffdf8;
  --v6-ink: #18313b;
  --v6-blue: #285f73;
  --v6-blue-deep: #153b49;
  --v6-coral: #d56d50;
  --v6-coral-soft: #f2d7cd;
  --v6-gold: #e6bb5d;
  --v6-gold-soft: #f4e5b4;
  --v6-green: #5c7d5e;
  --v6-green-soft: #dfeadd;
  --v6-sky-soft: #dcebf0;
  --v6-plum: #72576c;
  --v6-line: #d9d7cf;
}

html,
body {
  background: #fbfaf6;
  color: var(--v6-ink);
}

body {
  background:
    radial-gradient(circle at 0 0, rgba(230, 187, 93, .09), transparent 26rem),
    radial-gradient(circle at 100% 12%, rgba(40, 95, 115, .07), transparent 30rem),
    #fbfaf6;
}

::selection {
  background: var(--v6-gold-soft);
  color: var(--v6-blue-deep);
}

/* ---------- Header ---------- */
.site-header {
  background: rgba(255, 253, 248, .95);
  border-bottom-color: rgba(24, 49, 59, .12);
}

.site-title { color: var(--v6-blue-deep); }
.site-title::after { color: var(--v6-coral); }
.primary-nav a:hover { color: var(--v6-coral); }
.header-search:hover,
.menu-toggle:hover { border-color: var(--v6-coral); color: var(--v6-coral); }

/* ---------- Hero: more life without becoming loud ---------- */
.home-hero-v5 {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 8%, rgba(99, 161, 184, .28), transparent 24rem),
    radial-gradient(circle at 12% 98%, rgba(230, 187, 93, .22), transparent 26rem),
    linear-gradient(112deg, #fbf1df 0%, #fffaf1 55%, #eef6f5 100%);
  border-bottom: 1px solid rgba(24, 49, 59, .08);
}

.home-hero-v5::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -80px;
  bottom: -95px;
  border-radius: 50%;
  background: rgba(213, 109, 80, .12);
  pointer-events: none;
}

.hero-kicker,
.section-label,
.eyebrow,
.mobile-menu-eyebrow,
.mobile-menu-explore-title { color: var(--v6-coral); }

.hero-main-v5 h1 { color: var(--v6-blue-deep); }
.hero-main-v5 > p { color: #52636a; }

.hero-search-v5 {
  background: rgba(255, 253, 248, .9);
  border-color: rgba(40, 95, 115, .35);
  box-shadow: 0 11px 30px rgba(33, 70, 82, .07);
}

.hero-search-v5 button {
  background: var(--v6-coral);
  color: white;
}
.hero-search-v5 button:hover { background: #bf5b40; }
.hero-topic-links a { color: var(--v6-blue); border-color: rgba(40, 95, 115, .35); }

.home-feature-card {
  border-color: rgba(40, 95, 115, .18);
  box-shadow: 0 22px 58px rgba(38, 72, 81, .11);
}

.home-feature-media {
  background: linear-gradient(145deg, var(--v6-sky-soft), #eef1dc);
}

.home-feature-body { background: rgba(255, 253, 248, .98); }
.feature-read { color: var(--v6-coral); }

.content-dimensions span {
  border-color: rgba(40, 95, 115, .17);
  background: #f3f7f5;
  color: #48616a;
}

/* ---------- Food families ---------- */
.food-families-section {
  background: #fffdf9;
  border-bottom: 1px solid rgba(24, 49, 59, .07);
}

.food-family-grid { gap: 16px; }

.food-family-card {
  --family-card: #f1f3ef;
  border-color: rgba(24, 49, 59, .11);
  background: var(--family-card);
  box-shadow: 0 6px 18px rgba(24, 49, 59, .035);
}

.food-family-card:hover {
  transform: translateY(-4px);
  border-color: rgba(24, 49, 59, .23);
  box-shadow: 0 17px 36px rgba(24, 49, 59, .09);
}

.food-family-art {
  min-height: 132px;
  aspect-ratio: 1.45 / 1;
  background: var(--family-soft);
}

.food-family-art::before { display: none; }

/* Hide the old abstract line drawings, but keep the markup as a graceful fallback. */
.food-family-art > .food-family-svg,
.home-feature-illustration > .food-family-svg,
.discover-illustration > .food-family-svg { display: none; }

.food-family-art::after,
.home-feature-illustration::after,
.discover-illustration::after {
  content: "";
  width: 72%;
  height: 72%;
  max-width: 150px;
  max-height: 112px;
  position: relative;
  z-index: 2;
  display: block;
  background-image: var(--family-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 8px 10px rgba(24, 49, 59, .08));
}

.home-feature-illustration::after,
.discover-illustration::after {
  width: 52%;
  height: 52%;
  max-width: 210px;
  max-height: 180px;
}

.food-family-content {
  min-height: 106px;
  background: rgba(255, 255, 255, .58);
  border-top: 1px solid rgba(24, 49, 59, .07);
}

.food-family-content strong {
  color: #203a44;
  font-size: 15.5px;
}
.food-family-content small { color: #617078; }
.food-family-arrow { color: var(--family-accent); }

/* Clear category pictograms. They are deliberately object-like rather than abstract. */
.family-carnes {
  --family-soft: #f0d8cf;
  --family-card: #f8eae4;
  --family-accent: #a64f40;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23d97962' stroke='%2318313b' stroke-width='2.4' d='M15 42c-6-10 1-25 17-31 12-5 27 0 32 11 5 12-5 27-21 34-13 6-23-2-28-14Z'/%3E%3Cpath fill='%23fff7ef' stroke='%2318313b' stroke-width='2.4' d='M36 20c5-3 12-1 15 3 3 5 0 12-6 15-6 3-13 2-16-3-3-5 1-12 7-15Z'/%3E%3Ccircle cx='42' cy='29' r='4.4' fill='%23f0d8cf' stroke='%2318313b' stroke-width='2'/%3E%3Cpath d='M57 40c-3 5-8 9-14 12' fill='none' stroke='%2318313b' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.family-pescados-mariscos {
  --family-soft: #d6e9ee;
  --family-card: #e8f3f5;
  --family-accent: #2d6e80;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%2378b8c8' stroke='%2318313b' stroke-width='2.4' d='M22 36c12-14 31-19 46-10 5 3 9 6 12 10-3 4-7 8-12 10-15 9-34 4-46-10Z'/%3E%3Cpath fill='%23b8dce4' stroke='%2318313b' stroke-width='2.4' d='m22 36-15-11v22l15-11Z'/%3E%3Ccircle cx='67' cy='32' r='2.8' fill='%2318313b'/%3E%3Cpath d='M48 24c-4 7-4 17 0 24M56 27c-3 5-3 13 0 18' fill='none' stroke='%2318313b' stroke-width='1.8' opacity='.65'/%3E%3C/svg%3E");
}

.family-jamon-embutidos {
  --family-soft: #f0d7cc;
  --family-card: #f8e9e2;
  --family-accent: #a34f3c;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23cf6c53' stroke='%2318313b' stroke-width='2.4' d='M53 8c13 3 22 13 20 25-2 12-14 21-29 21-11 0-20-5-21-13-2-8 5-15 13-20 7-5 9-15 17-13Z'/%3E%3Cpath fill='%23efd0b8' stroke='%2318313b' stroke-width='2.2' d='M44 54c-2 6-1 10 2 12h9c3-3 3-7 1-12'/%3E%3Cpath fill='%236a4b3e' stroke='%2318313b' stroke-width='2.2' d='M44 66h15c2 0 3 2 2 4H41c0-2 1-4 3-4Z'/%3E%3Cpath d='M30 37c7 5 19 7 30 3' fill='none' stroke='%23fff4e9' stroke-width='2.6' stroke-linecap='round' opacity='.8'/%3E%3C/svg%3E");
}

.family-quesos-lacteos {
  --family-soft: #f1e3aa;
  --family-card: #faf2d4;
  --family-accent: #8e6c1e;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23efc84f' stroke='%2318313b' stroke-width='2.4' d='M16 55 25 24l48 10-9 28H16Z'/%3E%3Cpath fill='%23f8dc73' stroke='%2318313b' stroke-width='2.4' d='m25 24 30-14 18 24-48-10Z'/%3E%3Ccircle cx='40' cy='43' r='4' fill='%23fff0a8' stroke='%2318313b' stroke-width='1.8'/%3E%3Ccircle cx='57' cy='52' r='3.2' fill='%23fff0a8' stroke='%2318313b' stroke-width='1.8'/%3E%3Ccircle cx='56' cy='23' r='3.2' fill='%23fff0a8' stroke='%2318313b' stroke-width='1.8'/%3E%3C/svg%3E");
}

.family-aceites {
  --family-soft: #e1e9ca;
  --family-card: #eff4df;
  --family-accent: #66773d;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23d8b84f' stroke='%2318313b' stroke-width='2.4' d='M31 18h23l5 11v32H26V29l5-11Z'/%3E%3Cpath fill='%23f5e7a3' stroke='%2318313b' stroke-width='2.2' d='M34 7h17v11H34z'/%3E%3Cpath d='M31 38h23' fill='none' stroke='%23fff7d2' stroke-width='3' opacity='.9'/%3E%3Cpath d='M67 46c5-8 13-11 21-9-2 8-8 13-17 14' fill='%238ba15b' stroke='%2318313b' stroke-width='2.2'/%3E%3Ccircle cx='69' cy='55' r='5' fill='%23728a44' stroke='%2318313b' stroke-width='2'/%3E%3C/svg%3E");
}

.family-legumbres {
  --family-soft: #eadbc7;
  --family-card: #f5ebdf;
  --family-accent: #805b38;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23d3a66d' stroke='%2318313b' stroke-width='2.4' d='M17 34h62c-2 18-13 29-31 29S19 52 17 34Z'/%3E%3Cpath d='M15 34h66' fill='none' stroke='%2318313b' stroke-width='2.4' stroke-linecap='round'/%3E%3Cellipse cx='31' cy='27' rx='7' ry='5' fill='%23b8784e' stroke='%2318313b' stroke-width='1.8' transform='rotate(-22 31 27)'/%3E%3Cellipse cx='47' cy='24' rx='7' ry='5' fill='%23d8c080' stroke='%2318313b' stroke-width='1.8' transform='rotate(17 47 24)'/%3E%3Cellipse cx='64' cy='28' rx='7' ry='5' fill='%239b6847' stroke='%2318313b' stroke-width='1.8' transform='rotate(-10 64 28)'/%3E%3C/svg%3E");
}

.family-frutas {
  --family-soft: #f0d8dc;
  --family-card: #f8e9eb;
  --family-accent: #a6505a;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23d96359' stroke='%2318313b' stroke-width='2.4' d='M40 22c12-7 25 1 25 16 0 15-10 25-23 25S19 53 19 38c0-14 10-23 21-16Z'/%3E%3Cpath d='M42 21c-2-7 1-12 7-15' fill='none' stroke='%2318313b' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath fill='%237f9b5b' stroke='%2318313b' stroke-width='2' d='M48 12c7-5 14-4 20 0-5 6-12 8-20 4Z'/%3E%3Ccircle cx='70' cy='45' r='14' fill='%23e7a74e' stroke='%2318313b' stroke-width='2.4'/%3E%3Cpath d='M60 45h20M70 35v20' stroke='%23fff3cf' stroke-width='1.8' opacity='.75'/%3E%3C/svg%3E");
}

.family-verduras-hortalizas {
  --family-soft: #dce9d7;
  --family-card: #edf4e9;
  --family-accent: #537753;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23e38b48' stroke='%2318313b' stroke-width='2.4' d='M49 25 39 64c-1 4 4 6 7 3 10-11 17-24 18-40L49 25Z'/%3E%3Cpath fill='%237ca466' stroke='%2318313b' stroke-width='2.2' d='M50 25C38 21 32 14 31 5c10 1 18 6 22 15 1-10 7-16 17-19 2 11-2 20-12 27'/%3E%3Cpath d='M46 39h11M43 49h10' fill='none' stroke='%2318313b' stroke-width='1.8' stroke-linecap='round' opacity='.65'/%3E%3C/svg%3E");
}

.family-cereales-pan-pasta {
  --family-soft: #efdfbf;
  --family-card: #f8eed9;
  --family-accent: #88662d;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23d6a859' stroke='%2318313b' stroke-width='2.4' d='M18 31c0-10 10-18 25-18s25 8 25 18v26H18V31Z'/%3E%3Cpath d='M28 29c4-5 8-8 12-9M43 30c4-5 8-8 12-9' fill='none' stroke='%23fff0c3' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M76 62V17M76 26c-7 0-11-4-13-9 7 0 11 4 13 9Zm0 11c7 0 11-4 13-9-7 0-11 4-13 9Zm0 11c-7 0-11-4-13-9 7 0 11 4 13 9Z' fill='%23e6bb5d' stroke='%2318313b' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.family-huevos {
  --family-soft: #eee5cf;
  --family-card: #f8f1e2;
  --family-accent: #756544;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23d7c7a3' stroke='%2318313b' stroke-width='2.4' d='M15 39h66l-6 23H21l-6-23Z'/%3E%3Cpath fill='%23fffaf0' stroke='%2318313b' stroke-width='2.4' d='M25 39c0-13 7-27 14-27s14 14 14 27H25Z'/%3E%3Cpath fill='%23fffaf0' stroke='%2318313b' stroke-width='2.4' d='M48 39c0-11 6-23 12-23s12 12 12 23H48Z'/%3E%3Cpath d='M26 49h44' fill='none' stroke='%2318313b' stroke-width='2' opacity='.6'/%3E%3C/svg%3E");
}

.family-general {
  --family-soft: #dcebee;
  --family-card: #edf4f5;
  --family-accent: #37697a;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Ccircle cx='48' cy='36' r='25' fill='%23f2dfaa' stroke='%2318313b' stroke-width='2.4'/%3E%3Cpath d='M37 43c6-11 14-17 25-17-2 11-8 18-19 22M43 48c3-9 9-16 17-21' fill='none' stroke='%235c7d5e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ---------- Topic directory ---------- */
.topic-directory-section {
  background:
    radial-gradient(circle at 8% 10%, rgba(230, 187, 93, .13), transparent 22rem),
    linear-gradient(135deg, #153b49, #1d4b57 62%, #284d50);
}
.topic-directory-intro .section-label,
.topic-directory-number,
.topic-directory-arrow { color: #f0bd77; }
.topic-directory-row:hover strong { color: #ffd8ca; }

/* ---------- Dynamic discovery ---------- */
.discover-section {
  background:
    radial-gradient(circle at 100% 0, rgba(213, 109, 80, .10), transparent 24rem),
    #f5e9e2;
}

.discover-grid { border-top-color: #744f45; }
.discover-card { border-bottom-color: rgba(116, 79, 69, .25); }
.discover-card-lead { border-right-color: rgba(116, 79, 69, .25); }
.discover-card-arrow { color: var(--v6-coral); }

/* ---------- Latest / article cards ---------- */
.latest-guides-v5 {
  background:
    radial-gradient(circle at 0 100%, rgba(92, 125, 94, .10), transparent 25rem),
    #edf4f2;
  border-top: 1px solid rgba(24, 49, 59, .07);
}

.post-card {
  border-color: rgba(24, 49, 59, .12);
  box-shadow: 0 8px 24px rgba(24, 49, 59, .045);
}
.post-card:hover { border-color: rgba(213, 109, 80, .34); }
.card-kicker { color: var(--v6-coral); }

.answer-box {
  background: #edf4e9;
  border-left-color: var(--v6-green);
}
.answer-box strong { color: #47694a; }
.entry-content blockquote { border-left-color: var(--v6-gold); }

/* ---------- Footer / mobile menu ---------- */
.site-footer {
  background: var(--v6-blue-deep);
  color: #f8f4e9;
}
.footer-brand::after { color: #f29a78; }
.footer-copy { color: #c9d6d8; }

.mobile-menu-overlay {
  background:
    radial-gradient(circle at 95% 8%, rgba(230, 187, 93, .16), transparent 17rem),
    var(--v6-blue-deep);
}
.mobile-menu-close { border-color: rgba(255,255,255,.28); }
.mobile-food-links a:hover { border-color: #f29a78; color: #ffd9cb; }
.mobile-menu-search button { background: var(--v6-coral); }

@media (max-width: 900px) {
  .home-hero-v5 { background: linear-gradient(180deg, #fbf1df 0%, #fffaf3 60%, #eef6f5 100%); }
  .food-family-art { min-height: 116px; }
}

@media (max-width: 560px) {
  .home-hero-v5 { padding-top: 32px; }
  .food-families-section { background: #fffaf3; }
  .food-family-card { border-radius: 12px; }
  .food-family-art { min-height: 108px; }
  .food-family-art::after { width: 70%; height: 70%; max-width: 132px; }
  .food-family-content { min-height: 0; }
  .topic-directory-section { background: linear-gradient(160deg, #153b49, #244e55); }
}


/* ===== assets/css/food-v6-icons.css ===== */
/* Final icon refinements for FOOD v6. */
.family-carnes {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23cf6458' stroke='%2321343b' stroke-width='2.6' d='M13 39C10 29 17 19 29 14c9-4 16-1 23-4 10-4 21-1 28 7 8 9 7 22-2 31-10 11-28 16-44 10-11-4-18-10-21-19Z'/%3E%3Cpath d='M23 27c7-6 15-8 24-7M21 45c8 6 18 8 28 7' fill='none' stroke='%23f5a394' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath fill='%23fff0da' stroke='%2321343b' stroke-width='2.2' d='M61 24c5-2 11 1 12 5 1 5-4 9-10 9-5 0-8-3-7-7 0-3 2-5 5-7Z'/%3E%3Cpath d='M32 32 44 29M34 39l12-3' fill='none' stroke='%237b3029' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Article cards without a real featured photo use the same category pictogram
 * as the food directory, instead of the old abstract placeholder. */
.card-placeholder.card-placeholder-illustrated {
  display: grid;
  place-items: center;
  background: var(--family-soft, #dcebee) !important;
}
.card-placeholder.card-placeholder-illustrated > .food-family-svg { display: none; }
.card-placeholder.card-placeholder-illustrated::before { display: none; }
.card-placeholder.card-placeholder-illustrated::after {
  content: "";
  display: block;
  position: static;
  width: 56%;
  height: 56%;
  max-width: 160px;
  max-height: 120px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: var(--family-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 8px 10px rgba(24, 49, 59, .08));
}


/* ===== assets/css/pommelo-v1.css ===== */
/*
 * Quinnoa v1 — final brand pass.
 * Warm pomelo-led palette, more legible display typography and clearer food pictograms.
 */

:root {
  --pommelo: #ef7865;
  --pommelo-deep: #c95649;
  --pommelo-soft: #f9ddd6;
  --pommelo-pale: #fff0ea;
  --pommelo-peel: #f3d98d;
  --pommelo-leaf: #64805f;
  --pommelo-ink: #21343b;
  --pommelo-muted: #65757a;
  --pommelo-cream: #fffaf3;
  --pommelo-line: #ddd8cf;
  --pommelo-display: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  --pommelo-text: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;

  /* Keep older layers in sync with the new brand. */
  --v6-coral: var(--pommelo);
  --v6-coral-soft: var(--pommelo-soft);
  --v6-blue-deep: var(--pommelo-ink);
  --food-tomato: var(--pommelo);
  --food-brand-deep: var(--pommelo-ink);
}

html,
body {
  background: #fcfaf6;
  color: var(--pommelo-ink);
}

body {
  font-family: var(--pommelo-text);
  letter-spacing: 0;
  background:
    radial-gradient(circle at 5% 4%, rgba(239, 120, 101, .08), transparent 27rem),
    radial-gradient(circle at 96% 18%, rgba(243, 217, 141, .10), transparent 25rem),
    #fcfaf6;
}

::selection {
  background: #f8c8be;
  color: #392723;
}

/* ---------- Brand / logo ---------- */
.site-header {
  background: rgba(255, 250, 243, .96);
  border-bottom-color: rgba(33, 52, 59, .11);
}

.site-branding a,
.mobile-brand,
.pommelo-footer-brand {
  text-decoration: none;
}

.pommelo-logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--pommelo-ink);
  white-space: nowrap;
}

.pommelo-logo-mark {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  overflow: visible;
}

.pommelo-wordmark {
  font-family: var(--pommelo-display);
  font-size: 30px;
  font-weight: 800;
  line-height: .95;
  letter-spacing: -.045em;
  font-feature-settings: "liga" 0, "clig" 0;
}

.pommelo-double {
  color: var(--pommelo);
  letter-spacing: -.035em;
}

.site-tagline {
  margin-top: 4px;
  color: #788387;
  font-family: var(--pommelo-text);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .14em;
}

.mobile-brand .pommelo-logo-mark { width: 30px; height: 30px; }
.mobile-brand .pommelo-wordmark { font-size: 27px; }
.mobile-brand > span:last-child { margin-top: 4px; }

.pommelo-footer-brand .pommelo-logo { gap: 12px; color: #fff9f3; }
.pommelo-footer-brand .pommelo-logo-mark { width: 45px; height: 45px; }
.pommelo-footer-brand .pommelo-wordmark { font-size: 42px; color: #fff9f3; }
.pommelo-footer-brand .pommelo-double { color: #ff9986; }

.primary-nav a:hover,
.header-search:hover,
.menu-toggle:hover {
  color: var(--pommelo-deep);
  border-color: var(--pommelo);
}

/* ---------- Typography: keep r + n unmistakable ---------- */
.hero-main-v5 h1,
.section-intro-v5 h2,
.section-head-v5 h2,
.topic-directory-intro h2,
.archive-header h1,
.article-header h1,
.home-feature-body > strong,
.discover-card-body > strong,
.card-title,
.food-family-content strong,
.quick-link strong {
  font-family: var(--pommelo-display);
  font-feature-settings: "liga" 0, "clig" 0;
  font-variant-ligatures: none;
}

.hero-main-v5 h1 {
  color: var(--pommelo-ink);
  letter-spacing: -.035em;
}

.archive-header h1,
.article-header h1 {
  color: var(--pommelo-ink);
  font-weight: 750;
  letter-spacing: -.018em;
  word-spacing: .02em;
}

.section-intro-v5 h2,
.section-head-v5 h2,
.topic-directory-intro h2 {
  letter-spacing: -.025em;
}

.card-title,
.food-family-content strong,
.discover-card-body > strong,
.home-feature-body > strong {
  letter-spacing: -.015em;
}

/* ---------- Pomelo-led palette ---------- */
.home-hero-v5 {
  background:
    radial-gradient(circle at 89% 8%, rgba(239, 120, 101, .23), transparent 24rem),
    radial-gradient(circle at 9% 98%, rgba(243, 217, 141, .24), transparent 26rem),
    linear-gradient(112deg, #fff0e9 0%, #fffaf2 57%, #f5f4e8 100%);
  border-bottom-color: rgba(239, 120, 101, .12);
}

.home-hero-v5::before {
  background: rgba(239, 120, 101, .16);
}

.hero-kicker,
.section-label,
.eyebrow,
.mobile-menu-eyebrow,
.mobile-menu-explore-title,
.card-kicker {
  color: var(--pommelo-deep);
}

.hero-search-v5 {
  border-color: rgba(201, 86, 73, .34);
  box-shadow: 0 12px 32px rgba(128, 72, 61, .07);
}

.hero-search-v5 button,
.search-panel button,
.mobile-menu-search button {
  background: var(--pommelo);
  color: white;
}

.hero-search-v5 button:hover,
.search-panel button:hover,
.mobile-menu-search button:hover {
  background: var(--pommelo-deep);
}

.hero-topic-links a,
.feature-read,
.discover-card-arrow,
.food-family-arrow,
.section-link {
  color: var(--pommelo-deep);
}

.food-families-section {
  background: linear-gradient(180deg, #fffdf9 0%, #fff8f3 100%);
}

.topic-directory-section {
  background: #26383e;
}

.topic-directory-intro .section-label,
.topic-directory-number,
.topic-directory-arrow {
  color: #ff9d8d;
}

.topic-directory-row:hover strong {
  color: #ffd2c8;
}

.discover-section {
  background: #f2eee7;
}

.site-footer {
  background: #26383e;
}

/* ---------- Clearer pictograms ---------- */
.family-carnes {
  --family-soft: #f3d8d1;
  --family-card: #f9ebe6;
  --family-accent: #a94e45;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23cf6458' stroke='%2321343b' stroke-width='2.6' d='M13 40C9 26 20 14 36 10c17-4 34 2 43 15 9 14 0 30-18 37-19 7-41 1-47-13-1-3-2-6-1-9Z'/%3E%3Cpath fill='%23fff0da' stroke='%2321343b' stroke-width='2.3' stroke-linejoin='round' d='M46 18h9v14h14v8H55v17h-9V40H33v-8h13V18Z'/%3E%3Cpath d='M22 28c5-7 12-11 20-12M20 48c9 7 21 9 32 6' fill='none' stroke='%23ef9a8b' stroke-width='3' stroke-linecap='round' opacity='.75'/%3E%3C/svg%3E");
}

.family-jamon-embutidos {
  --family-soft: #f4ddd3;
  --family-card: #faeee8;
  --family-accent: #a95043;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23d16a57' stroke='%2321343b' stroke-width='2.5' d='M25 24c9-9 26-13 41-8 12 4 19 13 16 22-3 10-15 17-29 18-15 2-30-4-35-13-3-6 0-13 7-19Z'/%3E%3Cpath fill='%23e8b49d' stroke='%2321343b' stroke-width='2.4' d='M25 24 14 18 8 22l11 12c1-4 3-7 6-10Z'/%3E%3Cpath fill='%23443a36' stroke='%2321343b' stroke-width='2.2' d='m8 22-4 2 8 9 7 1-11-12Z'/%3E%3Cpath d='M25 58h45M38 55v9M64 54v10' fill='none' stroke='%2321343b' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M31 31c9-6 22-8 34-4' fill='none' stroke='%23f6b1a2' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.family-aceites {
  --family-soft: #e7e7c8;
  --family-card: #f2f2df;
  --family-accent: #707a39;
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72'%3E%3Cpath fill='%23f0cf58' stroke='%2321343b' stroke-width='2.5' d='M34 17h25l6 12v34H28V29l6-12Z'/%3E%3Cpath fill='%23f8e7a3' stroke='%2321343b' stroke-width='2.3' d='M39 6h15v11H39z'/%3E%3Cpath fill='%23fff8df' stroke='%2321343b' stroke-width='2' d='M34 36h25v17H34z'/%3E%3Cpath fill='%23e9b936' stroke='%2321343b' stroke-width='2.1' d='M47 40c5 6 7 9 7 12 0 4-3 7-7 7s-7-3-7-7c0-3 2-6 7-12Z'/%3E%3Cpath fill='%23e9b936' stroke='%2321343b' stroke-width='2.1' d='M76 25c5 7 8 11 8 15 0 5-4 9-8 9s-8-4-8-9c0-4 3-8 8-15Z'/%3E%3C/svg%3E");
}

.family-carnes .food-family-art::after,
.family-jamon-embutidos .food-family-art::after,
.family-aceites .food-family-art::after {
  width: 80%;
  height: 80%;
  max-width: 168px;
  max-height: 124px;
}

.family-carnes.card-placeholder-illustrated::after,
.family-jamon-embutidos.card-placeholder-illustrated::after,
.family-aceites.card-placeholder-illustrated::after {
  width: 62%;
  height: 62%;
}

/* Make cards read as a family first, not as a decorative illustration. */
.food-family-content strong {
  color: var(--pommelo-ink);
  font-size: 16px;
  font-weight: 750;
}

.food-family-content small {
  color: #66757a;
}

/* ---------- Mobile ---------- */
@media (max-width: 760px) {
  .pommelo-logo-mark { width: 30px; height: 30px; }
  .pommelo-wordmark { font-size: 27px; }
  .site-tagline { font-size: 7px; letter-spacing: .12em; }
  .archive-header h1,
  .article-header h1 { letter-spacing: -.012em; }
}

@media (max-width: 430px) {
  .pommelo-logo { gap: 7px; }
  .pommelo-logo-mark { width: 28px; height: 28px; }
  .pommelo-wordmark { font-size: 25px; }
  .site-tagline { display: none; }
}


/* ===== assets/css/pommelo-v2.css ===== */
/*
 * Quinnoa v2 — brand emphasis + hard separation between category art and copy.
 * Loaded after pommelo-v1.css.
 */

/* ---------- Logo: more visual weight, clearer double-m signature ---------- */
.header-main {
  min-height: 82px;
}

.site-branding > a {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.pommelo-logo {
  gap: 11px;
  line-height: 1;
}

.pommelo-logo-mark {
  width: 41px;
  height: 41px;
}

.pommelo-wordmark {
  position: relative;
  font-size: 36px;
  font-weight: 850;
  line-height: .92;
  letter-spacing: -.022em;
  white-space: nowrap;
}

.pommelo-double {
  position: relative;
  display: inline-block;
  color: var(--pommelo);
  font-weight: 900;
  letter-spacing: -.012em;
}

.pommelo-double::after {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: -5px;
  height: 3px;
  border-radius: 999px;
  background: var(--pommelo-peel);
  opacity: .95;
}

.site-tagline {
  margin-top: 7px;
  padding-left: 52px;
  font-size: 8.5px;
  letter-spacing: .135em;
}

/* ---------- Mobile overlay brand: one clean mark, no inherited lines ---------- */
.mobile-menu-top {
  align-items: flex-start;
}

.mobile-brand {
  display: block !important;
  width: auto !important;
  max-width: calc(100% - 62px);
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.mobile-brand::before,
.mobile-brand::after {
  content: none !important;
  display: none !important;
}

.mobile-brand .pommelo-logo {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 100%;
  color: #fffaf4;
  white-space: nowrap !important;
}

.mobile-brand .pommelo-logo-mark {
  width: 44px !important;
  height: 44px !important;
}

.mobile-brand .pommelo-wordmark {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  color: #fffaf4 !important;
  font-size: 37px !important;
  font-weight: 850 !important;
  line-height: .92 !important;
  letter-spacing: -.018em !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-transform: none !important;
}

.mobile-brand .pommelo-double {
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: #ff917e !important;
  font-size: inherit !important;
  font-weight: 900 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.mobile-brand .pommelo-double::after {
  background: #f4d780;
}

/* The mobile overlay does not need a second text line under the logo. */
.mobile-brand > span:last-child:not(.pommelo-logo) {
  display: none !important;
}

/* ---------- Category cards: image and copy are physically separate rows ---------- */
.food-family-card {
  display: grid;
  grid-template-rows: 152px minmax(116px, auto);
  align-content: stretch;
  isolation: isolate;
}

.food-family-art {
  position: relative !important;
  width: 100%;
  height: 152px !important;
  min-height: 152px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  isolation: isolate;
  z-index: 1;
}

.food-family-art::before {
  display: none !important;
}

.food-family-art::after,
.family-carnes .food-family-art::after,
.family-jamon-embutidos .food-family-art::after,
.family-aceites .food-family-art::after {
  position: absolute !important;
  inset: 16px 20px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transform: none !important;
}

.food-family-content {
  position: relative;
  z-index: 3;
  min-height: 116px;
  padding: 18px 18px 22px;
  border-top: 1px solid rgba(33, 52, 59, .08);
  background: rgba(255, 255, 255, .82) !important;
}

.food-family-content strong,
.food-family-content small {
  position: relative;
  z-index: 1;
}

.food-family-arrow {
  z-index: 4;
}

@media (max-width: 900px) {
  .header-main {
    min-height: 76px;
  }

  .site-branding .pommelo-logo-mark {
    width: 35px;
    height: 35px;
  }

  .site-branding .pommelo-wordmark {
    font-size: 31px;
  }

  .site-tagline {
    padding-left: 46px;
    margin-top: 5px;
    font-size: 7.5px;
  }
}

@media (max-width: 760px) {
  .food-family-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    grid-template-rows: minmax(104px, auto) !important;
    min-height: 104px;
  }

  .food-family-art {
    grid-column: 1;
    grid-row: 1;
    width: 92px !important;
    height: 100% !important;
    min-height: 104px !important;
    border-right: 1px solid rgba(33, 52, 59, .08);
  }

  .food-family-art::after,
  .family-carnes .food-family-art::after,
  .family-jamon-embutidos .food-family-art::after,
  .family-aceites .food-family-art::after {
    inset: 16px 11px !important;
  }

  .food-family-content {
    grid-column: 2;
    grid-row: 1;
    min-height: 104px;
    padding: 17px 34px 17px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 0;
    background: rgba(255, 255, 255, .84) !important;
  }

  .food-family-content small {
    margin-top: 6px;
  }

  .food-family-arrow {
    right: 13px;
    bottom: 14px;
  }
}

@media (max-width: 430px) {
  .site-branding .pommelo-logo {
    gap: 8px;
  }

  .site-branding .pommelo-logo-mark {
    width: 31px;
    height: 31px;
  }

  .site-branding .pommelo-wordmark {
    font-size: 28px;
  }

  .site-branding .pommelo-double::after {
    bottom: -4px;
    height: 2px;
  }

  .site-tagline {
    display: none;
  }

  .mobile-brand .pommelo-logo-mark {
    width: 40px !important;
    height: 40px !important;
  }

  .mobile-brand .pommelo-wordmark {
    font-size: 34px !important;
  }
}


/* ===== assets/css/pommelo-v3.css ===== */
/*
 * Quinnoa v3 — taxonomy-led visual system.
 * User-facing copy and visuals are organised around foods and practical needs,
 * while the internal taxonomy mechanics remain invisible to readers.
 */

:root {
  --pommelo-coral: #ef7865;
  --pommelo-coral-deep: #c95649;
  --pommelo-coral-pale: #fff0ea;
  --pommelo-cream-2: #fff9f3;
  --pommelo-ink-2: #26383e;
  --pommelo-green-2: #657e63;
  --pommelo-yellow-2: #efd77f;
}

/* ---------- Brand: make Quinnoa unmistakable ---------- */
.header-main {
  min-height: 94px;
}

.site-branding .pommelo-logo {
  gap: 13px;
}

.site-branding .pommelo-logo-mark {
  width: 52px;
  height: 52px;
  filter: drop-shadow(0 6px 10px rgba(201, 86, 73, .12));
}

.site-branding .pommelo-wordmark {
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -.018em;
}

.site-branding .pommelo-double {
  color: var(--pommelo-coral) !important;
  font-weight: 950;
}

.site-branding .pommelo-double::after {
  height: 4px;
  bottom: -6px;
  background: var(--pommelo-yellow-2);
}

.site-tagline {
  padding-left: 65px;
  margin-top: 8px;
  color: #68787c;
  font-size: 8.5px;
  letter-spacing: .12em;
}

/* ---------- Topic identities ---------- */
.topic-seguridad-alimentaria { --topic-bg: #e6f0e7; --topic-accent: #4f765a; }
.topic-nutricion { --topic-bg: #fff0d9; --topic-accent: #b86b36; }
.topic-cocina-tecnica { --topic-bg: #fbe1dc; --topic-accent: #b95448; }
.topic-conservacion { --topic-bg: #e2eef2; --topic-accent: #4e7482; }
.topic-compra-eleccion { --topic-bg: #eee7f1; --topic-accent: #745a7f; }
.topic-origen-calidad { --topic-bg: #f0e8d7; --topic-accent: #8a6a36; }
.topic-comparativas { --topic-bg: #e8ece6; --topic-accent: #5f6f59; }
.topic-preguntas-frecuentes { --topic-bg: #f7e8ee; --topic-accent: #9a5d73; }
.topic-platos-menus { --topic-bg: #e5ece8; --topic-accent: #527267; }

.food-topic-svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ---------- Homepage copy-led topic browsing ---------- */
.topic-directory-section {
  background:
    radial-gradient(circle at 92% 10%, rgba(239, 120, 101, .13), transparent 25rem),
    linear-gradient(180deg, #fff4ee 0%, #fff9f4 100%) !important;
  color: var(--pommelo-ink-2) !important;
}

.topic-directory-layout {
  grid-template-columns: minmax(250px, .64fr) minmax(0, 1.5fr);
  gap: clamp(36px, 6vw, 82px);
}

.topic-directory-intro {
  position: sticky;
  top: 120px;
}

.topic-directory-intro .section-label {
  color: var(--pommelo-coral-deep) !important;
}

.topic-directory-intro h2 {
  max-width: 11ch;
  color: var(--pommelo-ink-2);
}

.topic-directory-intro p {
  color: #66767a !important;
  font-size: 14px;
  line-height: 1.7;
}

.topic-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.topic-card {
  min-width: 0;
  display: grid;
  grid-template-rows: 120px 1fr;
  overflow: hidden;
  border: 1px solid rgba(38, 56, 62, .10);
  background: #fffdf9;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(57, 45, 42, .035);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.topic-card:hover {
  transform: translateY(-2px);
  border-color: rgba(201, 86, 73, .24);
  box-shadow: 0 16px 36px rgba(57, 45, 42, .07);
}

.topic-card-art {
  min-width: 0;
  display: grid;
  place-items: center;
  padding: 26px;
  background: var(--topic-bg, #f4e8e2);
  color: var(--topic-accent, var(--pommelo-coral-deep));
}

.topic-card-art .food-topic-svg {
  width: 64px;
  height: 64px;
}

.topic-card-copy {
  position: relative;
  display: block;
  padding: 17px 38px 19px 17px;
}

.topic-card-copy strong {
  display: block;
  color: var(--pommelo-ink-2);
  font-family: var(--pommelo-display);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.15;
}

.topic-card-copy small {
  display: block;
  margin-top: 8px;
  color: #68777b;
  font-size: 11px;
  line-height: 1.48;
}

.topic-card-arrow {
  position: absolute;
  right: 15px;
  bottom: 17px;
  color: var(--pommelo-coral-deep);
  font-weight: 900;
}

/* ---------- Visual fallback hierarchy ---------- */
.home-feature-illustration,
.discover-illustration,
.card-placeholder.card-placeholder-illustrated,
.article-hero-fallback,
.taxonomy-hero-visual {
  background: var(--family-soft, var(--topic-bg, #eee9e2)) !important;
  color: var(--family-accent, var(--topic-accent, var(--pommelo-coral-deep))) !important;
}

.home-feature-illustration .food-topic-svg,
.discover-illustration .food-topic-svg {
  width: 42%;
  max-width: 180px;
  height: auto;
  aspect-ratio: 1;
}

.card-placeholder.card-placeholder-illustrated .food-topic-svg {
  width: 38%;
  max-width: 120px;
  height: auto;
  aspect-ratio: 1;
}

/* Disable the older pseudo-art only for topic-driven placeholders. */
.card-placeholder.card-placeholder-illustrated[class*="topic-"]::after,
.home-feature-illustration[class*="topic-"]::after,
.discover-illustration[class*="topic-"]::after {
  display: none !important;
}

/* ---------- Taxonomy archive identity ---------- */
.archive-header.has-taxonomy-visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  padding: 30px 0 34px;
}

.archive-header-copy {
  min-width: 0;
}

.taxonomy-hero-visual {
  width: 210px;
  height: 160px;
  display: grid;
  place-items: center;
  justify-self: end;
  overflow: hidden;
  border: 1px solid rgba(38, 56, 62, .09);
}

.taxonomy-hero-visual .food-family-svg,
.taxonomy-hero-visual .food-topic-svg {
  width: 92px;
  height: 92px;
}

.archive-header .taxonomy-description {
  max-width: 720px;
}

/* ---------- Article fallback hero ---------- */
.article-hero-fallback {
  width: min(calc(100% - 48px), 1180px);
  min-height: 330px;
  margin: 0 auto 44px;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.article-hero-fallback .food-family-svg,
.article-hero-fallback .food-topic-svg {
  width: min(210px, 42vw);
  height: min(210px, 42vw);
}

/* ---------- Mobile menu: lighter, branded and easier to scan ---------- */
@media (max-width: 960px) {
  .mobile-menu-overlay,
  .mobile-menu-shell {
    background: #fff5ef !important;
    color: var(--pommelo-ink-2) !important;
  }

  .mobile-menu-top {
    border-bottom-color: rgba(38, 56, 62, .13) !important;
  }

  .mobile-brand .pommelo-logo {
    color: var(--pommelo-ink-2) !important;
  }

  .mobile-brand .pommelo-wordmark {
    color: var(--pommelo-ink-2) !important;
  }

  .mobile-brand .pommelo-double {
    color: var(--pommelo-coral) !important;
  }

  .mobile-menu-close {
    border-color: rgba(38, 56, 62, .22) !important;
    background: rgba(255,255,255,.58) !important;
    color: var(--pommelo-ink-2) !important;
  }

  .mobile-menu-eyebrow,
  .mobile-menu-explore-title {
    color: var(--pommelo-coral-deep) !important;
  }

  .mobile-primary-nav a,
  .mobile-food-links a {
    color: var(--pommelo-ink-2) !important;
    border-color: rgba(38, 56, 62, .12) !important;
  }

  .mobile-primary-nav a:hover,
  .mobile-food-links a:hover {
    color: var(--pommelo-coral-deep) !important;
  }

  .mobile-menu-explore {
    border-color: rgba(38, 56, 62, .13) !important;
  }

  .mobile-menu-note {
    color: #69777b !important;
  }

  .mobile-menu-search {
    border-color: rgba(38, 56, 62, .20) !important;
    background: #fffdf9 !important;
  }

  .mobile-menu-search input {
    color: var(--pommelo-ink-2) !important;
  }
}

@media (max-width: 900px) {
  .header-main { min-height: 82px; }
  .site-branding .pommelo-logo-mark { width: 42px; height: 42px; }
  .site-branding .pommelo-wordmark { font-size: 36px; }
  .site-tagline { padding-left: 53px; font-size: 7.5px; }

  .topic-directory-layout {
    grid-template-columns: 1fr;
  }

  .topic-directory-intro {
    position: static;
    max-width: 620px;
  }

  .topic-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .site-branding .pommelo-logo-mark { width: 38px; height: 38px; }
  .site-branding .pommelo-wordmark { font-size: 34px; }

  .topic-card-grid {
    grid-template-columns: 1fr;
  }

  .topic-card {
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: 1fr;
    min-height: 118px;
  }

  .topic-card-art {
    min-height: 118px;
    padding: 22px;
  }

  .topic-card-art .food-topic-svg {
    width: 58px;
    height: 58px;
  }

  .topic-card-copy {
    align-self: center;
    padding: 18px 36px 18px 16px;
  }

  .archive-header.has-taxonomy-visual {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .taxonomy-hero-visual {
    width: 100%;
    height: 135px;
    justify-self: stretch;
    order: -1;
  }

  .taxonomy-hero-visual .food-family-svg,
  .taxonomy-hero-visual .food-topic-svg {
    width: 82px;
    height: 82px;
  }

  .article-hero-fallback {
    width: calc(100% - 32px);
    min-height: 240px;
    margin-bottom: 34px;
  }
}

@media (max-width: 430px) {
  .header-main { min-height: 76px; }
  .site-branding .pommelo-logo { gap: 8px; }
  .site-branding .pommelo-logo-mark { width: 34px; height: 34px; }
  .site-branding .pommelo-wordmark { font-size: 31px; }

  .mobile-brand .pommelo-logo-mark {
    width: 46px !important;
    height: 46px !important;
  }

  .mobile-brand .pommelo-wordmark {
    font-size: 40px !important;
  }
}


/* ===== assets/css/pommelo-v4.css ===== */
/*
 * Quinnoa v4 — definitive taxonomy visual system.
 * 16 food families + 13 article types, with food-first fallback priority.
 */

:root {
  --pommelo-coral: #ef7865;
  --pommelo-coral-deep: #c95649;
  --pommelo-coral-soft: #f9ddd6;
  --pommelo-cream: #fff9f3;
  --pommelo-ink: #26383e;
  --pommelo-yellow: #efd77f;
}

/* Brand is the visual anchor of the site. */
.header-main { min-height: 100px; }
.site-branding .pommelo-logo { gap: 14px; }
.site-branding .pommelo-logo-mark {
  width: 58px;
  height: 58px;
  filter: drop-shadow(0 7px 13px rgba(201, 86, 73, .14));
}
.site-branding .pommelo-wordmark {
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -.012em;
}
.site-branding .pommelo-double {
  color: var(--pommelo-coral) !important;
  font-weight: 950;
}
.site-branding .pommelo-double::after {
  left: 3%;
  right: 3%;
  bottom: -7px;
  height: 4px;
  background: var(--pommelo-yellow);
}
.site-tagline {
  padding-left: 72px;
  margin-top: 9px;
  font-size: 8.5px;
  font-weight: 760;
  letter-spacing: .13em;
}

/* Stop provisional CSS artwork from competing with the definitive SVGs. */
.food-family-art::after,
.home-feature-illustration[class*="family-"]::after,
.discover-illustration[class*="family-"]::after,
.card-placeholder.card-placeholder-illustrated[class*="family-"]::after,
.article-hero-fallback[class*="family-"]::after,
.taxonomy-hero-visual[class*="family-"]::after {
  display: none !important;
  content: none !important;
}

.food-family-art > .food-family-svg,
.home-feature-illustration > .food-family-svg,
.discover-illustration > .food-family-svg,
.card-placeholder.card-placeholder-illustrated > .food-family-svg,
.article-hero-fallback > .food-family-svg,
.taxonomy-hero-visual > .food-family-svg {
  display: block !important;
  color: inherit;
}

.food-family-art > .food-family-svg {
  width: 78px;
  height: 78px;
  position: static;
  z-index: 2;
}
.home-feature-illustration > .food-family-svg,
.discover-illustration > .food-family-svg {
  width: min(180px, 46%);
  height: auto;
  aspect-ratio: 1;
}
.card-placeholder.card-placeholder-illustrated > .food-family-svg {
  width: min(125px, 42%);
  height: auto;
  aspect-ratio: 1;
}

/* 16 food families. */
.family-alimentacion-general { --family-soft:#f7e5dc; --family-card:#fff4ef; --family-accent:#b85a4c; }
.family-carnes { --family-soft:#f1d9d2; --family-card:#faece7; --family-accent:#a84f45; }
.family-pescados-mariscos { --family-soft:#dcecf0; --family-card:#edf6f7; --family-accent:#397486; }
.family-huevos { --family-soft:#f2ead5; --family-card:#faf5e8; --family-accent:#867342; }
.family-lacteos-quesos { --family-soft:#f3e5b5; --family-card:#fbf4d7; --family-accent:#8c6b28; }
.family-legumbres-soja { --family-soft:#eadcc8; --family-card:#f7ede0; --family-accent:#805f3f; }
.family-frutos-secos-semillas { --family-soft:#ead8c2; --family-card:#f6eadd; --family-accent:#795638; }
.family-cereales-pseudocereales-derivados { --family-soft:#eee0bd; --family-card:#f8f0d9; --family-accent:#82662f; }
.family-tuberculos { --family-soft:#e7d7c7; --family-card:#f4e9df; --family-accent:#785c43; }
.family-verduras-hortalizas-setas { --family-soft:#dce9d7; --family-card:#edf4e9; --family-accent:#55775a; }
.family-frutas { --family-soft:#f0d9dd; --family-card:#f9eaed; --family-accent:#a6505b; }
.family-aceites-grasas { --family-soft:#e7e8c9; --family-card:#f2f3df; --family-accent:#6d793c; }
.family-bebidas { --family-soft:#dce9eb; --family-card:#edf4f5; --family-accent:#4d7580; }
.family-chocolate-cacao-dulces { --family-soft:#e8d6cf; --family-card:#f5e8e3; --family-accent:#785348; }
.family-fermentados { --family-soft:#e2e4cf; --family-card:#f0f1e3; --family-accent:#697146; }
.family-algas-especias-otros-alimentos { --family-soft:#dae8df; --family-card:#ecf3ee; --family-accent:#537261; }
.family-general { --family-soft:#eee9e2; --family-card:#f8f4ee; --family-accent:#6b7273; }

.food-family-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}
.food-family-card {
  grid-template-rows: 142px minmax(112px, auto);
  background: var(--family-card) !important;
}
.food-family-art {
  height: 142px !important;
  min-height: 142px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--family-soft) !important;
  color: var(--family-accent) !important;
}
.food-family-content {
  min-height: 112px;
  background: rgba(255,255,255,.72) !important;
}
.food-family-content strong { font-size: 16px; line-height: 1.18; }

/* 13 article-type identities. */
.topic-nutricion-composicion { --topic-bg:#fff0d9; --topic-accent:#b66b34; }
.topic-rankings-mejores-fuentes { --topic-bg:#f5e7bd; --topic-accent:#977227; }
.topic-comparativas { --topic-bg:#e7ece7; --topic-accent:#5f715e; }
.topic-seguridad-alimentaria { --topic-bg:#e2efe4; --topic-accent:#4f7758; }
.topic-conservacion-almacenamiento { --topic-bg:#e1edf1; --topic-accent:#507887; }
.topic-congelacion-descongelacion { --topic-bg:#e1eef5; --topic-accent:#4c7691; }
.topic-cocina-ciencia-alimentos { --topic-bg:#f8dfd9; --topic-accent:#b65349; }
.topic-preparacion-tecnicas-cocina { --topic-bg:#f2e2d2; --topic-accent:#9c6541; }
.topic-salud-consumo-habitual { --topic-bg:#f5e1e7; --topic-accent:#a05b70; }
.topic-conceptos-nutricion { --topic-bg:#e8e5f1; --topic-accent:#6d6385; }
.topic-mitos-preguntas-frecuentes { --topic-bg:#f4e6ed; --topic-accent:#915d73; }
.topic-procesamiento-produccion-elaboracion { --topic-bg:#e9e4d9; --topic-accent:#786b52; }
.topic-compra-calidad-maduracion { --topic-bg:#efe6d2; --topic-accent:#8a6b35; }

.topic-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.topic-card { grid-template-rows: 116px minmax(148px, 1fr); }
.topic-card-art { padding: 23px; }
.topic-card-art .food-topic-svg { width: 68px; height: 68px; }
.topic-card-copy strong { font-size: 16.5px; }
.topic-card-copy small { font-size: 10.8px; line-height: 1.46; }

/* Taxonomy/archive visuals share the same identity system. */
.taxonomy-hero-visual,
.article-hero-fallback,
.home-feature-illustration,
.discover-illustration,
.card-placeholder.card-placeholder-illustrated {
  background: var(--family-soft, var(--topic-bg, #eee9e2)) !important;
  color: var(--family-accent, var(--topic-accent, var(--pommelo-coral-deep))) !important;
}
.taxonomy-hero-visual .food-family-svg,
.taxonomy-hero-visual .food-topic-svg { width: 96px; height: 96px; }

/* Mobile menu: warm Quinnoa palette, not the old dark panel. */
@media (max-width: 960px) {
  .mobile-menu-overlay,
  .mobile-menu-shell {
    background:
      radial-gradient(circle at 100% 0, rgba(239,120,101,.14), transparent 18rem),
      #fff5ef !important;
    color: var(--pommelo-ink) !important;
  }
  .mobile-menu-eyebrow,
  .mobile-menu-explore-title { color: var(--pommelo-coral-deep) !important; }
  .mobile-food-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px !important;
  }
  .mobile-food-links a {
    min-width: 0;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(38,56,62,.11) !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }
  .mobile-menu-search button { background: var(--pommelo-coral) !important; }
}

@media (max-width: 1180px) {
  .header-main { min-height: 90px; }
  .site-branding .pommelo-logo-mark { width: 49px; height: 49px; }
  .site-branding .pommelo-wordmark { font-size: 41px; }
  .site-tagline { padding-left: 62px; }
  .food-family-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .header-main { min-height: 82px; }
  .site-branding .pommelo-logo-mark { width: 43px; height: 43px; }
  .site-branding .pommelo-wordmark { font-size: 37px; }
  .site-tagline { padding-left: 54px; }
  .food-family-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .topic-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .food-family-grid,
  .topic-card-grid { grid-template-columns: 1fr; }

  .food-family-card {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: 1fr;
    min-height: 118px;
  }
  .food-family-art {
    width: 104px !important;
    height: 100% !important;
    min-height: 118px !important;
  }
  .food-family-art > .food-family-svg { width: 62px; height: 62px; }
  .food-family-content {
    min-height: 118px;
    padding: 18px 36px 18px 17px !important;
    align-self: stretch;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    border-top: 0 !important;
    border-left: 1px solid rgba(38,56,62,.07);
  }
  .food-family-content small { margin-top: 6px; }

  .topic-card {
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: 1fr;
    min-height: 122px;
  }
  .topic-card-art { min-height: 122px; }
  .topic-card-copy { min-height: 122px; display:flex; flex-direction:column; justify-content:center; }
}

@media (max-width: 430px) {
  .header-main { min-height: 78px; }
  .site-branding .pommelo-logo { gap: 9px; }
  .site-branding .pommelo-logo-mark { width: 38px; height: 38px; }
  .site-branding .pommelo-wordmark { font-size: 35px; }
  .site-branding .pommelo-double::after { height: 3px; bottom: -5px; }
  .site-tagline { display: none; }

  .mobile-brand .pommelo-logo-mark { width: 50px !important; height: 50px !important; }
  .mobile-brand .pommelo-wordmark { font-size: 44px !important; }
  .mobile-brand .pommelo-double { color: var(--pommelo-coral) !important; }

  .mobile-food-links { grid-template-columns: 1fr 1fr; gap: 0 12px !important; }
  .mobile-food-links a { font-size: 11px !important; }
}


/* ===== assets/css/pommelo-v5-icons.css ===== */
/*
 * Quinnoa v5 icon refinement.
 * Restores the clearer, object-based illustrated pictogram language while
 * keeping the definitive 16 + 13 taxonomy architecture unchanged.
 */

:root {
  --pommelo-icon-shadow: drop-shadow(0 8px 10px rgba(38, 56, 62, .10));
}

/* Food-family artwork: use recognisable coloured objects instead of line icons. */
.food-family-art > .food-family-svg,
.home-feature-illustration[class*="family-"] > .food-family-svg,
.discover-illustration[class*="family-"] > .food-family-svg,
.card-placeholder.card-placeholder-illustrated[class*="family-"] > .food-family-svg,
.article-hero-fallback[class*="family-"] > .food-family-svg,
.taxonomy-hero-visual[class*="family-"] > .food-family-svg {
  display: none !important;
}

.food-family-art::after,
.home-feature-illustration[class*="family-"]::after,
.discover-illustration[class*="family-"]::after,
.card-placeholder.card-placeholder-illustrated[class*="family-"]::after,
.article-hero-fallback[class*="family-"]::after,
.taxonomy-hero-visual[class*="family-"]::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: var(--family-icon) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: var(--pommelo-icon-shadow);
}

.food-family-art::after {
  width: 94px !important;
  height: 76px !important;
  max-width: 78% !important;
  max-height: 76% !important;
}

.home-feature-illustration[class*="family-"]::after,
.discover-illustration[class*="family-"]::after {
  width: min(220px, 56%) !important;
  height: min(165px, 56%) !important;
}

.card-placeholder.card-placeholder-illustrated[class*="family-"]::after {
  width: min(150px, 54%) !important;
  height: min(112px, 54%) !important;
}

.article-hero-fallback[class*="family-"]::after {
  width: min(270px, 56vw) !important;
  height: min(200px, 42vw) !important;
}

.taxonomy-hero-visual[class*="family-"]::after {
  width: 132px !important;
  height: 100px !important;
}

/* The four strongest previous pictograms remain exactly in the visual language
 * the site already used: Carnes, Pescados, Frutas and Huevos inherit their
 * existing --family-icon definitions from food-v6.css. */

.family-alimentacion-general { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Ccircle%20cx='48'%20cy='36'%20r='25'%20fill='%23fff7ef'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='48'%20cy='36'%20r='15'%20fill='%23f7d9c9'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M16%2015v42M12%2015v13c0%205%208%205%208%200V15'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M80%2015v42M75%2015c8%206%208%2016%205%2023'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M39%2031c5-5%2010-5%2015%200-2%207-6%2011-8%2011s-6-4-7-11Z'%20fill='%237fa56b'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Ccircle%20cx='57'%20cy='31'%20r='5'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }

.family-lacteos-quesos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M17%2018h24l4%2010v34H13V28l4-10Z'%20fill='%23fffaf2'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M21%208h16v10H21Z'%20fill='%23dbe9ee'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M19%2036h20v16H19Z'%20fill='%23dcebf0'/%3E%0A%3Cpath%20d='M52%2057%2059%2031l27%207-7%2023H52Z'%20fill='%23efc84f'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='m59%2031%2018-10%209%2017-27-7Z'%20fill='%23f6dc76'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='68'%20cy='45'%20r='3.5'%20fill='%23fff2a5'%20stroke='%2326383e'%20stroke-width='1.7'/%3E%0A%3Ccircle%20cx='76'%20cy='53'%20r='3'%20fill='%23fff2a5'%20stroke='%2326383e'%20stroke-width='1.7'/%3E%0A%3C/svg%3E"); }

.family-legumbres-soja { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M15%2037h65c-2%2017-14%2027-32%2027S18%2054%2015%2037Z'%20fill='%23d3a66d'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M13%2037h69'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'%20stroke-linecap='round'/%3E%0A%3Cellipse%20cx='30'%20cy='29'%20rx='7'%20ry='5'%20fill='%23b9784c'%20stroke='%2326383e'%20stroke-width='1.8'%20transform='rotate(-20%2030%2029)'/%3E%0A%3Cellipse%20cx='48'%20cy='27'%20rx='7'%20ry='5'%20fill='%23d9bf80'%20stroke='%2326383e'%20stroke-width='1.8'%20transform='rotate(16%2048%2027)'/%3E%0A%3Cellipse%20cx='66'%20cy='30'%20rx='7'%20ry='5'%20fill='%238ca35b'%20stroke='%2326383e'%20stroke-width='1.8'%20transform='rotate(-10%2066%2030)'/%3E%0A%3Cpath%20d='M57%2013c9-6%2018-4%2024%202-5%207-12%2010-22%207'%20fill='%237fa56b'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M59%2022c6-2%2012-2%2018%201'%20fill='none'%20stroke='%2326383e'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }

.family-frutos-secos-semillas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M17%2018c12-7%2025%202%2023%2016-2%2013-12%2026-23%2026-10%200-16-10-12-21%203-10%206-17%2012-21Z'%20fill='%23c99762'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M23%2020c4%2010%203%2024-2%2036M12%2034c8%202%2016%206%2023%2012'%20fill='none'%20stroke='%237b5738'%20stroke-width='2'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M53%2016c9%200%2016%209%2013%2018-3%2010-13%2017-21%2012-7-4-6-14%200-21%203-5%205-9%208-9Z'%20fill='%23e1b77b'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M52%2020c2%208%201%2015-3%2022'%20fill='none'%20stroke='%238a623d'%20stroke-width='1.8'/%3E%0A%3Cellipse%20cx='74'%20cy='48'%20rx='5'%20ry='8'%20fill='%236e8755'%20stroke='%2326383e'%20stroke-width='1.8'%20transform='rotate(25%2074%2048)'/%3E%0A%3Cellipse%20cx='84'%20cy='40'%20rx='4'%20ry='7'%20fill='%23d4b36b'%20stroke='%2326383e'%20stroke-width='1.8'%20transform='rotate(-18%2084%2040)'/%3E%0A%3C/svg%3E"); }

.family-cereales-pseudocereales-derivados { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M12%2034c0-11%2010-20%2025-20s25%209%2025%2020v25H12V34Z'%20fill='%23d6a859'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M23%2031c4-5%208-8%2012-10M38%2032c4-5%208-8%2012-10'%20fill='none'%20stroke='%23fff1c5'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M76%2064V14'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M76%2024c-8%200-13-4-15-10%208%200%2013%204%2015%2010ZM76%2038c8%200%2013-4%2015-10-8%200-13%204-15%2010ZM76%2051c-8%200-13-4-15-10%208%200%2013%204%2015%2010Z'%20fill='%23e6bb5d'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.family-tuberculos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M16%2038c0-14%2012-25%2029-25%2015%200%2027%209%2027%2022%200%2016-14%2028-31%2028-14%200-25-9-25-25Z'%20fill='%23c89a6b'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='32'%20cy='30'%20r='2.1'%20fill='%237b5c43'/%3E%0A%3Ccircle%20cx='51'%20cy='25'%20r='2.1'%20fill='%237b5c43'/%3E%0A%3Ccircle%20cx='55'%20cy='44'%20r='2.1'%20fill='%237b5c43'/%3E%0A%3Cpath%20d='M34%2014c-1-6%202-10%207-13M57%2016c3-5%207-7%2012-6'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M42%209c7-5%2013-5%2018-1-4%206-10%208-17%205Z'%20fill='%2378945f'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.family-verduras-hortalizas-setas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M42%2027%2031%2065c-1%205%205%207%208%203%2011-12%2019-26%2020-42L42%2027Z'%20fill='%23e68a47'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M43%2027C32%2023%2026%2016%2026%207c10%201%2017%206%2021%2015%201-10%207-17%2017-20%202%2011-2%2020-12%2028'%20fill='%237ca466'%20stroke='%2326383e'%20stroke-width='2.2'/%3E%0A%3Cpath%20d='M61%2039c2-9%208-14%2016-14s14%205%2016%2014H61Z'%20fill='%23d9b998'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3Cpath%20d='M70%2039v21h14V39'%20fill='%23f1d7b8'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3Cpath%20d='M70%2048h14'%20stroke='%23b98d67'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.family-aceites-grasas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M25%2017h28l6%2012v33H19V29l6-12Z'%20fill='%23d9b84f'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M30%206h18v11H30Z'%20fill='%23f4e7a5'%20stroke='%2326383e'%20stroke-width='2.2'/%3E%0A%3Cpath%20d='M26%2038h26'%20stroke='%23fff7cf'%20stroke-width='3'%20opacity='.9'/%3E%0A%3Cpath%20d='M75%2020c8%2011%2013%2018%2013%2025%200%208-6%2014-13%2014s-13-6-13-14c0-7%205-14%2013-25Z'%20fill='%23e9c85f'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M70%2045c3%203%207%204%2011%201'%20fill='none'%20stroke='%23fff7cf'%20stroke-width='2'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }

.family-bebidas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M18%2013h24l4%2010v39H14V23l4-10Z'%20fill='%239dc8d3'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M21%205h18v8H21Z'%20fill='%23d9eff3'%20stroke='%2326383e'%20stroke-width='2.2'/%3E%0A%3Cpath%20d='M19%2035h22v18H19Z'%20fill='%23d7edf0'/%3E%0A%3Cpath%20d='M57%2027h26l-3%2031H60l-3-31Z'%20fill='%23fffaf3'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M59%2043h22l-1%2015H60l-1-15Z'%20fill='%23efb65d'/%3E%0A%3Cpath%20d='M63%2027%2071%2012'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.4'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M55%2027h30'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3C/svg%3E"); }

.family-chocolate-cacao-dulces { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Crect%20x='10'%20y='13'%20width='43'%20height='47'%20rx='3'%20fill='%238b5b47'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M24%2013v47M39%2013v47M10%2029h43M10%2045h43'%20stroke='%23d9b095'%20stroke-width='2'/%3E%0A%3Cpath%20d='M67%2017c13%204%2020%2015%2016%2027-4%2012-17%2018-28%2012%2011-7%2015-19%2012-39Z'%20fill='%23c57955'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M68%2022c4%209%203%2019-3%2028'%20fill='none'%20stroke='%23f0b88f'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%0A%3Cellipse%20cx='78'%20cy='56'%20rx='6'%20ry='4'%20fill='%236a4638'%20stroke='%2326383e'%20stroke-width='1.8'%20transform='rotate(-18%2078%2056)'/%3E%0A%3C/svg%3E"); }

.family-fermentados { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M20%2018h56l-4%2045H24l-4-45Z'%20fill='%23d9e2c2'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M17%2018h62v-9H17Z'%20fill='%23c9a879'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M29%2035c9-7%2016%205%2025-1s14%203%2018%207'%20fill='none'%20stroke='%236d8b58'%20stroke-width='4'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M31%2049c7-5%2013%204%2021-1s12%202%2017%205'%20fill='none'%20stroke='%23d99059'%20stroke-width='4'%20stroke-linecap='round'/%3E%0A%3Ccircle%20cx='35'%20cy='28'%20r='3'%20fill='%23fff6df'%20stroke='%2326383e'%20stroke-width='1.5'/%3E%0A%3Ccircle%20cx='58'%20cy='29'%20r='2.6'%20fill='%23fff6df'%20stroke='%2326383e'%20stroke-width='1.5'/%3E%0A%3Ccircle%20cx='49'%20cy='42'%20r='2.2'%20fill='%23fff6df'%20stroke='%2326383e'%20stroke-width='1.4'/%3E%0A%3C/svg%3E"); }

.family-algas-especias-otros-alimentos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M28%2064c-5-17-3-33%205-49M33%2040c-10-5-15-13-15-24%2011%203%2017%2011%2015%2024ZM37%2048c11-7%2018-16%2020-28%208%2012%203%2025-20%2028Z'%20fill='%236f9c73'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M58%2048h27c-1%2010-6%2015-14%2015s-12-5-13-15Z'%20fill='%23c99762'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M60%2048h23'%20stroke='%2326383e'%20stroke-width='2.2'/%3E%0A%3Cpath%20d='m69%2027%203%207%207-3-4%206%206%204-8-1-1%208-3-7-7%203%204-6-6-4%208%201%201-8Z'%20fill='%23d26d55'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.family-general { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Ccircle%20cx='48'%20cy='36'%20r='25'%20fill='%23fff7ef'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='48'%20cy='36'%20r='15'%20fill='%23f7d9c9'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M16%2015v42M12%2015v13c0%205%208%205%208%200V15'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M80%2015v42M75%2015c8%206%208%2016%205%2023'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M39%2031c5-5%2010-5%2015%200-2%207-6%2011-8%2011s-6-4-7-11Z'%20fill='%237fa56b'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Ccircle%20cx='57'%20cy='31'%20r='5'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }

/* Article-type artwork: concrete metaphors instead of abstract line symbols. */
.topic-card-art > .food-topic-svg,
.home-feature-illustration[class*="topic-"] > .food-topic-svg,
.discover-illustration[class*="topic-"] > .food-topic-svg,
.card-placeholder.card-placeholder-illustrated[class*="topic-"] > .food-topic-svg,
.article-hero-fallback[class*="topic-"] > .food-topic-svg,
.taxonomy-hero-visual[class*="topic-"] > .food-topic-svg {
  display: none !important;
}

.topic-card-art::after,
.home-feature-illustration[class*="topic-"]::after,
.discover-illustration[class*="topic-"]::after,
.card-placeholder.card-placeholder-illustrated[class*="topic-"]::after,
.article-hero-fallback[class*="topic-"]::after,
.taxonomy-hero-visual[class*="topic-"]::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: var(--topic-icon) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: var(--pommelo-icon-shadow);
}

.topic-card-art::after {
  width: 84px !important;
  height: 66px !important;
  max-width: 82% !important;
}

.home-feature-illustration[class*="topic-"]::after,
.discover-illustration[class*="topic-"]::after {
  width: min(210px, 54%) !important;
  height: min(158px, 54%) !important;
}

.card-placeholder.card-placeholder-illustrated[class*="topic-"]::after {
  width: min(142px, 52%) !important;
  height: min(108px, 52%) !important;
}

.article-hero-fallback[class*="topic-"]::after {
  width: min(250px, 54vw) !important;
  height: min(188px, 41vw) !important;
}

.taxonomy-hero-visual[class*="topic-"]::after {
  width: 126px !important;
  height: 94px !important;
}

.topic-nutricion-composicion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Crect%20x='14'%20y='10'%20width='68'%20height='52'%20rx='5'%20fill='%23fffaf3'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='37'%20cy='36'%20r='15'%20fill='%23f2d7cd'%20stroke='%2326383e'%20stroke-width='2.1'/%3E%0A%3Cpath%20d='M37%2021v15h15'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M59%2024h14M59%2033h14M59%2042h10M23%2056h50'%20stroke='%2326383e'%20stroke-width='2'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }

.topic-rankings-mejores-fuentes { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M14%2057h68'%20stroke='%2326383e'%20stroke-width='2.6'%20stroke-linecap='round'/%3E%0A%3Crect%20x='18'%20y='39'%20width='18'%20height='18'%20rx='2'%20fill='%23e9c56c'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Crect%20x='39'%20y='25'%20width='18'%20height='32'%20rx='2'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Crect%20x='60'%20y='33'%20width='18'%20height='24'%20rx='2'%20fill='%2391a486'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='m48%208%203%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1%203-6Z'%20fill='%23efd77f'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.topic-comparativas { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M48%2013v44M19%2022h58M25%2022l-11%2022h22L25%2022ZM71%2022%2060%2044h22L71%2022Z'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'%20stroke-linejoin='round'/%3E%0A%3Cpath%20d='M12%2044h26c-2%207-7%2011-13%2011S14%2051%2012%2044ZM58%2044h26c-2%207-7%2011-13%2011s-11-4-13-11Z'%20fill='%23dfeadd'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Ccircle%20cx='48'%20cy='12'%20r='4'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }

.topic-seguridad-alimentaria { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M48%207%2076%2017v20c0%2017-11%2028-28%2035-17-7-28-18-28-35V17L48%207Z'%20fill='%23dcebdc'%20stroke='%2326383e'%20stroke-width='2.6'/%3E%0A%3Cpath%20d='m34%2038%209%209%2019-22'%20fill='none'%20stroke='%234f7758'%20stroke-width='5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%0A%3C/svg%3E"); }

.topic-conservacion-almacenamiento { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Crect%20x='25'%20y='8'%20width='46'%20height='57'%20rx='4'%20fill='%23dcebf0'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M25%2031h46M48%2031v34'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M34%2018h8M54%2018h8'%20stroke='%23507887'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Crect%20x='52'%20y='40'%20width='12'%20height='15'%20rx='2'%20fill='%23fffaf3'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.topic-congelacion-descongelacion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Ccircle%20cx='35'%20cy='36'%20r='22'%20fill='%23dcecf5'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M35%2018v36M19%2027l32%2018M19%2045l32-18M29%2021l6%206%206-6M29%2051l6-6%206%206'%20fill='none'%20stroke='%234c7691'%20stroke-width='2.6'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M72%2020c8%2011%2012%2017%2012%2024%200%207-5%2012-12%2012s-12-5-12-12c0-7%204-13%2012-24Z'%20fill='%239cc9dc'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3C/svg%3E"); }

.topic-cocina-ciencia-alimentos { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M12%2036h44v18H12Z'%20fill='%23d98961'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M18%2036c2-10%209-16%2016-16s14%206%2016%2016'%20fill='%23f3d3bf'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M28%2014h12M34%2014v6'%20stroke='%2326383e'%20stroke-width='2.4'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M70%2010v29c0%205-6%208-6%2015a10%2010%200%200%200%2020%200c0-7-6-10-6-15V10H70Z'%20fill='%23fffaf3'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M74%2019h4v27c4%202%205%205%205%208a7%207%200%200%201-14%200c0-3%201-6%205-8V19Z'%20fill='%23ef7865'/%3E%0A%3C/svg%3E"); }

.topic-preparacion-tecnicas-cocina { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Crect%20x='10'%20y='39'%20width='72'%20height='25'%20rx='4'%20fill='%23d8b38a'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3Cpath%20d='m26%2043%2037-34%208%208-37%2034Z'%20fill='%23cdd6d8'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3Cpath%20d='m59%2013%208%208'%20stroke='%23fff'%20stroke-width='2'%20opacity='.8'/%3E%0A%3Cpath%20d='M17%2023c8%202%2013%206%2016%2013M14%2015l7%207M10%2022l7%207'%20fill='none'%20stroke='%236f9c73'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }

.topic-salud-consumo-habitual { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Ccircle%20cx='48'%20cy='36'%20r='27'%20fill='%23f7e5ea'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3Cpath%20d='M29%2031c0-10%2013-13%2019-4%206-9%2019-6%2019%204%200%2012-19%2024-19%2024S29%2043%2029%2031Z'%20fill='%23df6e68'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M17%2036h10M69%2036h10'%20stroke='%2326383e'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }

.topic-conceptos-nutricion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M10%2014h31c5%200%208%203%208%208v42c0-6-4-10-10-10H10V14Z'%20fill='%23e9e4f2'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3Cpath%20d='M86%2014H55c-5%200-8%203-8%208v42c0-6%204-10%2010-10h29V14Z'%20fill='%23f5f1fa'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3Cpath%20d='M19%2026h16M19%2035h16M60%2026h16M60%2035h16'%20stroke='%236d6385'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%0A%3Ccircle%20cx='48'%20cy='24'%20r='5'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.topic-mitos-preguntas-frecuentes { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M12%2012h72v43H51L34%2067V55H12V12Z'%20fill='%23f4e6ed'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M34%2026c1-9%2019-10%2020%200%201%208-10%208-10%2017'%20fill='none'%20stroke='%23915d73'%20stroke-width='3.2'%20stroke-linecap='round'/%3E%0A%3Ccircle%20cx='44'%20cy='49'%20r='2.5'%20fill='%23915d73'/%3E%0A%3Cpath%20d='m64%2025%205%205%2010-11'%20fill='none'%20stroke='%235f8a68'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }

.topic-procesamiento-produccion-elaboracion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M12%2034h25v29H12Z'%20fill='%23dfd6c4'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M37%2043%2051%2033v10l14-10v10l18-10v30H37Z'%20fill='%23c7b797'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M18%2026V12h11v22'%20fill='%23e9e4d9'%20stroke='%2326383e'%20stroke-width='2.2'/%3E%0A%3Ccircle%20cx='28'%20cy='48'%20r='8'%20fill='%23efd77f'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M28%2037v4M28%2055v4M17%2048h4M35%2048h4M20%2040l3%203M33%2053l3%203M20%2056l3-3M33%2043l3-3'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

.topic-compra-calidad-maduracion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2096%2072'%3E%0A%3Cpath%20d='M16%2028h54l-6%2034H22l-6-34Z'%20fill='%23efd9ad'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M28%2028c0-10%208-18%2015-18s15%208%2015%2018'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='69'%20cy='26'%20r='15'%20fill='%23f0d9dd'%20stroke='%2326383e'%20stroke-width='2.2'/%3E%0A%3Cpath%20d='m62%2026%205%205%209-11'%20fill='none'%20stroke='%235f8a68'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M36%2039c10-7%2019%201%2018%2010-1%208-7%2013-14%2013s-13-6-13-14c0-6%204-11%209-9Z'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }

@media (max-width: 620px) {
  .food-family-art::after {
    width: 76px !important;
    height: 58px !important;
    max-width: 78% !important;
    max-height: 72% !important;
  }

  .topic-card-art::after {
    width: 72px !important;
    height: 56px !important;
  }

  .taxonomy-hero-visual[class*="family-"]::after,
  .taxonomy-hero-visual[class*="topic-"]::after {
    width: 112px !important;
    height: 84px !important;
  }
}


/* ===== assets/css/pommelo-v6-artwork.css ===== */
/*
 * Quinnoa v6 — final taxonomy artwork pass.
 * Centers artwork optically, normalizes apparent scale, enriches food-family
 * compositions and gives article-topic cards a more conceptual visual language.
 */

/* A fixed optical canvas prevents one pictogram from feeling much larger than another. */
.food-family-art,
.topic-card-art {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden;
}

.food-family-art::after {
  flex: 0 0 auto !important;
  width: 96px !important;
  height: 70px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  background-position: 50% 50% !important;
  background-size: 100% 100% !important;
  transform: none !important;
}

.topic-card-art::after {
  flex: 0 0 auto !important;
  width: 94px !important;
  height: 69px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  background-position: 50% 50% !important;
  background-size: 100% 100% !important;
  transform: none !important;
}

/* Keep large fallbacks on the same aspect ratio so archive/article visuals match cards. */
.home-feature-illustration[class*="family-"]::after,
.discover-illustration[class*="family-"]::after,
.card-placeholder.card-placeholder-illustrated[class*="family-"]::after,
.article-hero-fallback[class*="family-"]::after,
.taxonomy-hero-visual[class*="family-"]::after,
.home-feature-illustration[class*="topic-"]::after,
.discover-illustration[class*="topic-"]::after,
.card-placeholder.card-placeholder-illustrated[class*="topic-"]::after,
.article-hero-fallback[class*="topic-"]::after,
.taxonomy-hero-visual[class*="topic-"]::after {
  background-position: 50% 50% !important;
  background-size: 100% 100% !important;
}

/* Food families: richer but still lightweight editorial pictograms. */
.family-alimentacion-general { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Ccircle%20cx='60'%20cy='45'%20r='27'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='60'%20cy='45'%20r='17'%20fill='%23f6ddcf'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M18%2017v54M13%2017v16c0%207%2010%207%2010%200V17'%20fill='none'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M102%2017v54M96%2017c9%207%2010%2019%206%2029'%20fill='none'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M50%2042c7-7%2014-7%2021%200-3%208-8%2013-11%2013s-8-5-10-13Z'%20fill='%23719067'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Ccircle%20cx='72'%20cy='37'%20r='6'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.family-carnes { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M12%2046c-5-14%206-30%2027-35%2018-4%2035%204%2039%2017%204%2014-9%2028-29%2034-18%205-32-2-37-16Z'%20fill='%23d97a65'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M34%2024c8-4%2018-1%2021%206%203%207-2%2014-10%2017-8%203-17%200-20-6-3-7%201-14%209-17Z'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='43'%20cy='34'%20r='5'%20fill='%23f0d7cc'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M85%2022c8-5%2016%200%2018%208%202%209-3%2017-12%2022l-7%204-8-10%206-5c5-4%205-8%203-11-2-4-2-6%200-8Z'%20fill='%23c96b55'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M74%2048c-5%204-5%2010%200%2013%204%203%209%201%2012-2l4-4-8-10-8%203Z'%20fill='%23f2d3bd'%20stroke='%2326383e'%20stroke-width='2.4'/%3E%0A%3C/svg%3E"); }
.family-pescados-mariscos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M10%2043c14-18%2036-24%2055-13%207%204%2012%208%2016%2013-4%206-10%2011-17%2014-19%2010-40%204-54-14Z'%20fill='%2379b7c7'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='m11%2043-10-12v24l10-12Z'%20fill='%23b8dce4'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='65'%20cy='38'%20r='3'%20fill='%2326383e'/%3E%0A%3Cpath%20d='M44%2030c-5%208-5%2018%200%2027'%20fill='none'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M89%2030c15%201%2024%2011%2022%2023-2%2010-11%2017-22%2016-8-1-14-6-14-13%200-6%205-10%2011-10%205%200%209%203%209%207%200%204-3%207-7%207'%20fill='none'%20stroke='%23cf7d63'%20stroke-width='5'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M92%2025l-6%208M99%2026l-4%209'%20stroke='%2326383e'%20stroke-width='2'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }
.family-huevos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M16%2052h88l-7%2025H23l-7-25Z'%20fill='%23d9caa8'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M29%2052c0-16%208-34%2018-34s18%2018%2018%2034H29Z'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M59%2052c0-14%207-29%2015-29s15%2015%2015%2029H59Z'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='47'%20cy='43'%20r='7'%20fill='%23e6bd4f'/%3E%0A%3Ccircle%20cx='74'%20cy='44'%20r='6'%20fill='%23e6bd4f'/%3E%0A%3C/svg%3E"); }
.family-lacteos-quesos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M14%2021h31l5%2012v43H9V33l5-12Z'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M20%209h19v12H20Z'%20fill='%23dbe9ee'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M17%2045h25v18H17Z'%20fill='%23dcebf0'/%3E%0A%3Cpath%20d='M60%2072%2070%2037l38%2010-10%2030H60Z'%20fill='%23efc84f'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='m70%2037%2025-13%2013%2023-38-10Z'%20fill='%23f6dc76'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='82'%20cy='54'%20r='4'%20fill='%23fff2a5'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3Ccircle%20cx='94'%20cy='63'%20r='3.5'%20fill='%23fff2a5'%20stroke='%2326383e'%20stroke-width='1.8'/%3E%0A%3C/svg%3E"); }
.family-legumbres-soja { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M12%2049h76c-3%2020-17%2031-38%2031S15%2069%2012%2049Z'%20fill='%23d3a66d'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M10%2049h80'%20fill='none'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cellipse%20cx='31'%20cy='39'%20rx='8'%20ry='6'%20fill='%23b9784c'%20stroke='%2326383e'%20stroke-width='2'%20transform='rotate(-20%2031%2039)'/%3E%0A%3Cellipse%20cx='52'%20cy='36'%20rx='8'%20ry='6'%20fill='%23d9bf80'%20stroke='%2326383e'%20stroke-width='2'%20transform='rotate(16%2052%2036)'/%3E%0A%3Cellipse%20cx='72'%20cy='40'%20rx='8'%20ry='6'%20fill='%238ca35b'%20stroke='%2326383e'%20stroke-width='2'%20transform='rotate(-10%2072%2040)'/%3E%0A%3Cpath%20d='M78%2015c14-8%2027-4%2034%205-7%2010-18%2013-31%209'%20fill='%23719067'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='88'%20cy='24'%20r='3'%20fill='%23d8c780'/%3E%3Ccircle%20cx='98'%20cy='23'%20r='3'%20fill='%23d8c780'/%3E%0A%3C/svg%3E"); }
.family-frutos-secos-semillas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M17%2017c14-8%2029%203%2027%2019-2%2015-14%2031-27%2031-12%200-19-12-14-25%203-11%207-20%2014-25Z'%20fill='%23c99762'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M24%2020c4%2012%203%2028-3%2042M10%2037c10%203%2020%208%2029%2016'%20fill='none'%20stroke='%237b5738'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M62%2018c10%200%2018%2010%2015%2021-3%2012-15%2020-24%2014-8-5-7-16%200-25%203-6%206-10%209-10Z'%20fill='%23e1b77b'%20stroke='%2326383e'%20stroke-width='2.6'/%3E%0A%3Cellipse%20cx='93'%20cy='32'%20rx='6'%20ry='10'%20fill='%236e8755'%20stroke='%2326383e'%20stroke-width='2'%20transform='rotate(25%2093%2032)'/%3E%0A%3Cellipse%20cx='99'%20cy='57'%20rx='5'%20ry='9'%20fill='%23d4b36b'%20stroke='%2326383e'%20stroke-width='2'%20transform='rotate(-18%2099%2057)'/%3E%0A%3Ccircle%20cx='82'%20cy='58'%20r='3'%20fill='%239a6c45'/%3E%3Ccircle%20cx='88'%20cy='65'%20r='2.5'%20fill='%23d1b260'/%3E%0A%3C/svg%3E"); }
.family-cereales-pseudocereales-derivados { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M8%2043c0-13%2012-24%2031-24s31%2011%2031%2024v31H8V43Z'%20fill='%23d6a859'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M22%2039c5-6%2010-10%2015-12M42%2040c5-6%2010-10%2015-12'%20fill='none'%20stroke='%23fff1c5'%20stroke-width='3.5'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M90%2078V13'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M90%2026c-10%200-16-5-19-13%2010%200%2016%205%2019%2013ZM90%2044c10%200%2016-5%2019-13-10%200-16%205-19%2013ZM90%2062c-10%200-16-5-19-13%2010%200%2016%205%2019%2013Z'%20fill='%23e6bb5d'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Ccircle%20cx='106'%20cy='70'%20r='7'%20fill='%23efcf76'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.family-tuberculos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M10%2048c0-17%2015-31%2035-31%2019%200%2033%2011%2033%2027%200%2020-17%2034-38%2034-17%200-30-11-30-30Z'%20fill='%23c89a6b'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='31'%20cy='38'%20r='2.5'%20fill='%237b5c43'/%3E%3Ccircle%20cx='54'%20cy='31'%20r='2.5'%20fill='%237b5c43'/%3E%3Ccircle%20cx='58'%20cy='56'%20r='2.5'%20fill='%237b5c43'/%3E%0A%3Cpath%20d='M44%2018c-1-8%203-13%209-16M64%2020c4-7%2010-10%2016-8'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M81%2031c15-6%2028%203%2029%2016%201%2014-12%2025-28%2024-8%200-12-8-8-15%205-9%204-20%207-25Z'%20fill='%23d9875c'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3C/svg%3E"); }
.family-verduras-hortalizas-setas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M38%2031%2024%2079c-2%206%206%209%2010%204%2014-15%2024-34%2026-52L38%2031Z'%20fill='%23e68a47'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M40%2030C25%2025%2018%2016%2019%205c12%201%2022%207%2027%2018%202-12%2010-20%2023-23%202%2013-4%2025-18%2032'%20fill='%237ca466'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M66%2049c3-12%2011-19%2022-19s19%207%2022%2019H66Z'%20fill='%23d9b998'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M78%2049v26h19V49'%20fill='%23f1d7b8'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='91'%20cy='18'%20r='11'%20fill='%236fa65f'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Cpath%20d='M91%2029v17'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3C/svg%3E"); }
.family-frutas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M25%2029c12-7%2024%201%2024%2015%200%2015-9%2025-22%2025S6%2059%206%2044c0-14%209-23%2019-15Z'%20fill='%23d96359'%20stroke='%2326383e'%20stroke-width='2.8'/%3E%0A%3Cpath%20d='M27%2028c-2-7%201-11%207-15'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Cpath%20d='M34%2016c7-5%2013-4%2018%200-4%206-10%208-18%205Z'%20fill='%23719067'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M55%2064c-4-15%201-35%2011-45%209%209%2013%2030%208%2045-3%209-16%209-19%200Z'%20fill='%23d9b75f'%20stroke='%2326383e'%20stroke-width='2.8'/%3E%3Cpath%20d='M66%2020c1-6%205-9%2010-10'%20stroke='%2326383e'%20stroke-width='2.2'%20fill='none'/%3E%0A%3Cpath%20d='M76%2058c10-4%2020-15%2025-28%206%207%207%2015%204%2023-4%2010-15%2018-29%2018Z'%20fill='%23f0c84f'%20stroke='%2326383e'%20stroke-width='2.8'/%3E%3Cpath%20d='M82%2060c6%203%2013%204%2020%202'%20fill='none'%20stroke='%23fff0a6'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M84%2019c7-8%2019-6%2024%202%205%209%200%2023-10%2030-10%207-20%203-22-7-2-10%201-18%208-25Z'%20fill='%237da96b'%20stroke='%2326383e'%20stroke-width='2.8'/%3E%3Ccircle%20cx='94'%20cy='36'%20r='6'%20fill='%238b5c3d'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.family-aceites-grasas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M25%2019h31l6%2014v43H19V33l6-14Z'%20fill='%23d9b84e'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M30%207h21v12H30Z'%20fill='%23f3e5a1'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M27%2048h27'%20stroke='%23fff7cf'%20stroke-width='4'/%3E%0A%3Cpath%20d='M82%2018c9%2013%2014%2021%2014%2029%200%209-6%2016-14%2016s-14-7-14-16c0-8%205-16%2014-29Z'%20fill='%23e4c556'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cellipse%20cx='101'%20cy='61'%20rx='9'%20ry='6'%20fill='%236f8644'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Cellipse%20cx='102'%20cy='47'%20rx='12'%20ry='6'%20fill='%238ea15a'%20stroke='%2326383e'%20stroke-width='2.2'%20transform='rotate(-28%20102%2047)'/%3E%0A%3C/svg%3E"); }
.family-bebidas { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M17%2017h25l5%2011v48H12V28l5-11Z'%20fill='%2379adbe'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M21%206h17v11H21Z'%20fill='%23d6eaf0'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M55%2029h31l-4%2044H59l-4-44Z'%20fill='%23dceef2'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M58%2047h25'%20stroke='%237bb1c0'%20stroke-width='4'/%3E%0A%3Cpath%20d='M91%2036h11c14%200%2014%2022%200%2022H85'%20fill='none'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='103'%20cy='20'%20r='8'%20fill='%23efc75e'%20stroke='%2326383e'%20stroke-width='2.2'/%3E%3Cpath%20d='M103%2012v16M95%2020h16'%20stroke='%23fff5cf'%20stroke-width='1.6'/%3E%0A%3C/svg%3E"); }
.family-chocolate-cacao-dulces { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Crect%20x='9'%20y='13'%20width='53'%20height='62'%20rx='4'%20fill='%237f5145'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M26%2013v62M44%2013v62M9%2034h53M9%2055h53'%20stroke='%23d7a58f'%20stroke-width='2.2'/%3E%0A%3Cpath%20d='M79%2015c14%207%2021%2021%2015%2033-6%2012-20%2016-32%209%2014-8%2020-21%2017-42Z'%20fill='%23c98757'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M75%2021c4%2010%203%2021-4%2031'%20fill='none'%20stroke='%23f0c291'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='100'%20cy='63'%20r='10'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Cpath%20d='M95%2063h10'%20stroke='%23fff2e8'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.family-fermentados { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M18%2020h50l-5%2058H23l-5-58Z'%20fill='%23dce5ce'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M15%2020h56V9H15Z'%20fill='%239aa978'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M27%2039c10-7%2020%206%2031%200M28%2054c9-6%2019%205%2029%200'%20fill='none'%20stroke='%236f8a58'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Ccircle%20cx='34'%20cy='31'%20r='3'%20fill='%23efc75e'/%3E%3Ccircle%20cx='50'%20cy='46'%20r='3'%20fill='%23ef7865'/%3E%0A%3Cpath%20d='M82%2026h22l4%2012v37H78V38l4-12Z'%20fill='%23f2d9c4'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M86%2015h14v11H86Z'%20fill='%23d6c3a5'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Ccircle%20cx='93'%20cy='50'%20r='8'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.family-algas-especias-otros-alimentos { --family-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M22%2079c-7-19-4-37%208-55M30%2053c-13-6-19-16-18-28%2013%203%2021%2012%2018%2028Zm4%208c13-8%2023-19%2027-34%209%2015%202%2029-27%2034Z'%20fill='%235e9b7c'%20stroke='%2326383e'%20stroke-width='2.7'%20stroke-linejoin='round'/%3E%0A%3Cpath%20d='M59%2067c12-5%2020-15%2020-27%208%201%2014%206%2017%2013-8%209-21%2015-37%2014Z'%20fill='%23d85d4f'%20stroke='%2326383e'%20stroke-width='2.7'/%3E%3Cpath%20d='M78%2040c3-7%207-11%2013-12'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M88%2019%2093%2029l11%202-8%208%202%2011-10-5-10%205%202-11-8-8%2011-2%205-10Z'%20fill='%23c58d4b'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M96%2063l15-31'%20stroke='%239a6844'%20stroke-width='7'%20stroke-linecap='round'/%3E%3Cpath%20d='M101%2064l15-31'%20stroke='%23d0a36f'%20stroke-width='4'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }

/* Article types: conceptual symbols rather than mini literal scenes. */
.topic-nutricion-composicion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Ccircle%20cx='45'%20cy='44'%20r='28'%20fill='%23fff6e8'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M45%2016v28h28'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M45%2044%2026%2066'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='88'%20cy='27'%20r='7'%20fill='%237da26e'%20stroke='%2326383e'%20stroke-width='2'/%3E%3Ccircle%20cx='104'%20cy='40'%20r='5'%20fill='%23e6c15f'%20stroke='%2326383e'%20stroke-width='2'/%3E%3Ccircle%20cx='88'%20cy='55'%20r='6'%20fill='%2379adbe'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Cpath%20d='M93%2031l7%206M94%2051l6-7'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.topic-rankings-mejores-fuentes { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M13%2076h94'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Crect%20x='20'%20y='49'%20width='24'%20height='27'%20rx='3'%20fill='%23d8c479'%20stroke='%2326383e'%20stroke-width='2.6'/%3E%0A%3Crect%20x='48'%20y='32'%20width='24'%20height='44'%20rx='3'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2.6'/%3E%0A%3Crect%20x='76'%20y='42'%20width='24'%20height='34'%20rx='3'%20fill='%238fa585'%20stroke='%2326383e'%20stroke-width='2.6'/%3E%0A%3Cpath%20d='m60%208%204%208%209%201-7%206%202%209-8-4-8%204%202-9-7-6%209-1%204-8Z'%20fill='%23efd77f'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.topic-comparativas { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Ccircle%20cx='35'%20cy='44'%20r='23'%20fill='%23dcebf0'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Ccircle%20cx='85'%20cy='44'%20r='23'%20fill='%23f2d7cd'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M50%2031h20M50%2057h20'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Cpath%20d='m64%2025%207%206-7%206M56%2051l-7%206%207%206'%20fill='none'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%0A%3Ccircle%20cx='35'%20cy='44'%20r='7'%20fill='%2379adbe'/%3E%3Cpath%20d='M79%2044h12'%20stroke='%23ef7865'%20stroke-width='6'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }
.topic-seguridad-alimentaria { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M60%208%2096%2021v25c0%2021-14%2035-36%2044-22-9-36-23-36-44V21L60%208Z'%20fill='%23dcebdc'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='m43%2047%2011%2011%2024-28'%20fill='none'%20stroke='%234f7758'%20stroke-width='6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%0A%3C/svg%3E"); }
.topic-conservacion-almacenamiento { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M18%2022h51l-4%2054H22l-4-54Z'%20fill='%23e5edf0'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M15%2022h57V11H15Z'%20fill='%238daab5'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Ccircle%20cx='88'%20cy='48'%20r='23'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M88%2035v14l10%206'%20fill='none'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M31%2039h25M31%2051h25'%20stroke='%237293a0'%20stroke-width='2.5'/%3E%0A%3C/svg%3E"); }
.topic-congelacion-descongelacion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Ccircle%20cx='37'%20cy='44'%20r='25'%20fill='%23dcecf5'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M37%2023v42M19%2033l36%2022M19%2055l36-22M30%2027l7%207%207-7M30%2061l7-7%207%207'%20fill='none'%20stroke='%234c7691'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M88%2018c10%2015%2016%2024%2016%2033%200%2010-7%2018-16%2018S72%2061%2072%2051c0-9%206-18%2016-33Z'%20fill='%2393c5d9'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M63%2044h12M69%2038l6%206-6%206'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3C/svg%3E"); }
.topic-cocina-ciencia-alimentos { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M10%2052h59v20H10Z'%20fill='%23d98961'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M18%2052c3-13%2012-21%2022-21s19%208%2022%2021'%20fill='%23f4d6c2'%20stroke='%2326383e'%20stroke-width='2.7'/%3E%3Cpath%20d='M34%2023h13M40%2023v8'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Ccircle%20cx='92'%20cy='29'%20r='10'%20fill='%23dcebf0'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Ccircle%20cx='103'%20cy='51'%20r='7'%20fill='%23efd77f'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%3Ccircle%20cx='82'%20cy='56'%20r='8'%20fill='%237da26e'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M98%2036l4%208M87%2038l-3%2010M90%2053l7-2'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3C/svg%3E"); }
.topic-preparacion-tecnicas-cocina { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Crect%20x='14'%20y='46'%20width='91'%20height='31'%20rx='5'%20fill='%23d8b38a'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='m33%2050%2046-42%2010%2010-46%2042Z'%20fill='%23cfd8db'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='m77%2012%209%209'%20stroke='%23fff'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M17%2029c11%203%2018%209%2022%2018M13%2018l9%209M8%2027l9%209'%20fill='none'%20stroke='%236f9c73'%20stroke-width='3.5'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }
.topic-salud-consumo-habitual { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M37%2038c0-13%2017-17%2023-5%207-12%2024-8%2024%205%200%2016-24%2031-24%2031S37%2054%2037%2038Z'%20fill='%23df6e68'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M24%2021c9-8%2021-12%2033-10M20%2029l1-10%2010%201M96%2067c-9%208-21%2012-33%2010M100%2059l-1%2010-10-1'%20fill='none'%20stroke='%23718e68'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%0A%3Ccircle%20cx='100'%20cy='27'%20r='11'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Cpath%20d='M100%2020v8l6%203'%20stroke='%2326383e'%20stroke-width='2.3'%20stroke-linecap='round'/%3E%0A%3C/svg%3E"); }
.topic-conceptos-nutricion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Ccircle%20cx='25'%20cy='44'%20r='12'%20fill='%23e9e4f2'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Ccircle%20cx='60'%20cy='22'%20r='12'%20fill='%23f5e1e7'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Ccircle%20cx='95'%20cy='44'%20r='12'%20fill='%23dcebf0'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Ccircle%20cx='60'%20cy='68'%20r='12'%20fill='%23e6dfbd'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Cpath%20d='M36%2037%2049%2029M71%2029l13%208M84%2051%2071%2061M49%2061%2036%2051'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%0A%3Ccircle%20cx='60'%20cy='44'%20r='7'%20fill='%23ef7865'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3C/svg%3E"); }
.topic-mitos-preguntas-frecuentes { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M10%2014h63v42H43L27%2069V56H10V14Z'%20fill='%23f4e6ed'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Cpath%20d='M31%2029c1-10%2020-11%2021%200%201%208-11%209-11%2019'%20fill='none'%20stroke='%23915d73'%20stroke-width='3.5'%20stroke-linecap='round'/%3E%3Ccircle%20cx='41'%20cy='53'%20r='2.8'%20fill='%23915d73'/%3E%0A%3Cpath%20d='M72%2032h37v29H94l-10%2010V61H72V32Z'%20fill='%23e1eee2'%20stroke='%2326383e'%20stroke-width='2.7'/%3E%3Cpath%20d='m82%2047%206%206%2012-14'%20fill='none'%20stroke='%235f8a68'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%0A%3C/svg%3E"); }
.topic-procesamiento-produccion-elaboracion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Ccircle%20cx='29'%20cy='44'%20r='16'%20fill='%23e8d8c4'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Ccircle%20cx='29'%20cy='44'%20r='6'%20fill='%23fff8ef'%20stroke='%2326383e'%20stroke-width='2.3'/%3E%0A%3Cpath%20d='M29%2021v7M29%2060v7M6%2044h7M45%2044h7M13%2028l5%205M40%2055l5%205M13%2060l5-5M40%2033l5-5'%20stroke='%2326383e'%20stroke-width='3'%20stroke-linecap='round'/%3E%0A%3Cpath%20d='M55%2044h17'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='m66%2038%207%206-7%206'%20fill='none'%20stroke='%2326383e'%20stroke-width='3'/%3E%0A%3Crect%20x='75'%20y='24'%20width='34'%20height='42'%20rx='4'%20fill='%23d9c69e'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M83%2034h18M83%2044h18M83%2054h12'%20stroke='%238b7656'%20stroke-width='2.3'/%3E%0A%3C/svg%3E"); }
.topic-compra-calidad-maduracion { --topic-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%20120%2088'%3E%0A%3Cpath%20d='M17%2045c-3-15%208-28%2024-28%2016%200%2027%2013%2024%2028-3%2017-14%2028-24%2028S20%2062%2017%2045Z'%20fill='%23efb24f'%20stroke='%2326383e'%20stroke-width='3'/%3E%3Cpath%20d='M41%2018c-3-7%200-12%206-16'%20fill='none'%20stroke='%2326383e'%20stroke-width='2.5'/%3E%3Cpath%20d='M48%2010c8-4%2015-3%2020%202-5%206-12%208-20%204Z'%20fill='%23719067'%20stroke='%2326383e'%20stroke-width='2'/%3E%0A%3Ccircle%20cx='84'%20cy='45'%20r='18'%20fill='none'%20stroke='%2326383e'%20stroke-width='4'/%3E%3Cpath%20d='M97%2059l15%2015'%20stroke='%2326383e'%20stroke-width='5'%20stroke-linecap='round'/%3E%3Cpath%20d='m76%2045%206%206%2011-13'%20fill='none'%20stroke='%235f8a68'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%0A%3C/svg%3E"); }

@media (max-width: 620px) {
  .food-family-art {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .food-family-art::after {
    width: 78px !important;
    height: 57px !important;
    max-width: 78px !important;
    max-height: 57px !important;
    margin: 0 auto !important;
    align-self: center !important;
  }

  .topic-card-art {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .topic-card-art::after {
    width: 76px !important;
    height: 56px !important;
    max-width: 76px !important;
    max-height: 56px !important;
    margin: 0 auto !important;
    align-self: center !important;
  }
}


/* ===== assets/css/pommelo-v7-clean-system.css ===== */
/*
 * Quinnoa v7 — clarity pass.
 * One recognisable idea per pictogram, no decorative overlap, and one coherent
 * editorial width for article content.
 */

:root {
  --pommelo-article-width: 980px;
}

/* --------------------------------------------------------------------------
   TAXONOMY ARTWORK
   -------------------------------------------------------------------------- */

.food-family-art,
.topic-card-art {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.food-family-art::after,
.topic-card-art::after {
  width: 88px !important;
  height: 64px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  transform: none !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Food families: simple silhouettes/compositions with separated objects. */
.family-alimentacion-general { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Ccircle cx='60' cy='44' r='25' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Ccircle cx='60' cy='44' r='14' fill='%23f2ddd1' stroke='%2326383e' stroke-width='2'/%3E%3Cpath d='M22 18v52M17 18v15c0 7 10 7 10 0V18M98 18v52M91 18c9 8 10 20 7 29' fill='none' stroke='%2326383e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
.family-carnes { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M27 18c17-11 43-9 59 3 16 12 15 32 1 45-15 14-43 16-60 5C10 60 9 31 27 18Z' fill='%23dc765f' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M52 28c9-6 21-2 24 7 3 10-4 20-14 23-10 3-21-2-22-12-1-7 4-14 12-18Z' fill='%23fff7ef' stroke='%2326383e' stroke-width='2.5'/%3E%3Cellipse cx='61' cy='42' rx='7' ry='9' fill='%23ecd2c5' stroke='%2326383e' stroke-width='2'/%3E%3C/svg%3E"); }
.family-pescados-mariscos { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M22 44c14-20 39-28 61-15 8 5 14 10 18 15-5 7-11 12-19 16-22 11-46 3-60-16Z' fill='%237eb9c9' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M22 44 7 30v28l15-14Z' fill='%23b8dde5' stroke='%2326383e' stroke-width='3'/%3E%3Ccircle cx='82' cy='38' r='3.2' fill='%2326383e'/%3E%3Cpath d='M51 29c-5 8-5 21 0 29' fill='none' stroke='%2326383e' stroke-width='2.2'/%3E%3C/svg%3E"); }
.family-huevos { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M22 53c0-17 9-36 20-36s20 19 20 36c0 12-8 20-20 20s-20-8-20-20Z' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M65 50c0-14 8-31 18-31s18 17 18 31c0 12-7 20-18 20S65 62 65 50Z' fill='%23f6e5c8' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E"); }
.family-lacteos-quesos { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M15 20h27l5 11v43H10V31l5-11Z' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Crect x='20' y='9' width='17' height='11' rx='2' fill='%23cfe4eb' stroke='%2326383e' stroke-width='2.5'/%3E%3Crect x='17' y='44' width='23' height='17' rx='2' fill='%23d9edf2'/%3E%3Cpath d='M62 68 70 39l36 9-9 25H62Z' fill='%23efc84f' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='m70 39 23-12 13 21-36-9Z' fill='%23f5dc75' stroke='%2326383e' stroke-width='3'/%3E%3Ccircle cx='82' cy='52' r='3.5' fill='%23fff1a2'/%3E%3Ccircle cx='94' cy='62' r='3' fill='%23fff1a2'/%3E%3C/svg%3E"); }
.family-legumbres-soja { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M20 48c-7-10 4-24 17-19 12 5 11 23 1 31-7 6-14-2-18-12Z' fill='%23b87552' stroke='%2326383e' stroke-width='2.8'/%3E%3Cpath d='M51 31c8-8 22-3 22 9 0 11-11 22-21 18-10-4-10-18-1-27Z' fill='%23d7bd7c' stroke='%2326383e' stroke-width='2.8'/%3E%3Cpath d='M84 28c13-4 24 8 18 20-5 10-21 15-29 7-7-8 0-23 11-27Z' fill='%238ba360' stroke='%2326383e' stroke-width='2.8'/%3E%3C/svg%3E"); }
.family-frutos-secos-semillas { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M18 24c15-9 30 4 27 20-2 15-16 28-28 24-11-4-15-19-8-31 3-6 5-10 9-13Z' fill='%23c89461' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M25 27c4 10 4 24-2 36M13 41c9 3 18 8 25 15' fill='none' stroke='%2379583d' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M61 25c10 0 18 10 15 21-3 12-15 21-24 15-8-5-7-16 0-25 3-6 5-11 9-11Z' fill='%23e1b97d' stroke='%2326383e' stroke-width='2.8'/%3E%3Cellipse cx='93' cy='34' rx='6' ry='11' fill='%236f8959' stroke='%2326383e' stroke-width='2' transform='rotate(23 93 34)'/%3E%3Cellipse cx='99' cy='59' rx='5' ry='10' fill='%23d5b46b' stroke='%2326383e' stroke-width='2' transform='rotate(-18 99 59)'/%3E%3C/svg%3E"); }
.family-cereales-pseudocereales-derivados { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M9 44c0-14 13-25 32-25s32 11 32 25v30H9V44Z' fill='%23d5a657' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M24 37c5-6 10-10 16-13M43 38c5-6 10-10 16-13' fill='none' stroke='%23fff0c0' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M93 73V17' fill='none' stroke='%2326383e' stroke-width='2.5'/%3E%3Cpath d='M93 28c-9 0-14-5-16-12 9 0 14 5 16 12ZM93 43c9 0 14-5 16-12-9 0-14 5-16 12ZM93 58c-9 0-14-5-16-12 9 0 14 5 16 12Z' fill='%23e3bb60' stroke='%2326383e' stroke-width='2'/%3E%3C/svg%3E"); }
.family-tuberculos { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M15 46c0-17 14-30 33-30 17 0 31 11 31 27 0 19-17 32-36 32-16 0-28-11-28-29Z' fill='%23c79a6c' stroke='%2326383e' stroke-width='3'/%3E%3Ccircle cx='35' cy='34' r='2.3' fill='%23745a47'/%3E%3Ccircle cx='55' cy='29' r='2.3' fill='%23745a47'/%3E%3Ccircle cx='59' cy='51' r='2.3' fill='%23745a47'/%3E%3Cpath d='M89 27c9-4 18 2 19 10 2 13-13 29-27 31-8 1-13-5-10-12 4-11 9-24 18-29Z' fill='%23d88458' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E"); }
.family-verduras-hortalizas-setas { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M22 28 38 73c2 5 8 4 10 0 8-15 13-31 14-49L22 28Z' fill='%23e58a49' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M25 28C14 24 10 16 11 7c11 1 19 7 23 17 1-10 7-17 17-21 3 11-1 20-11 27' fill='%237ba266' stroke='%2326383e' stroke-width='2.5'/%3E%3Cpath d='M72 43c2-11 10-18 20-18s18 7 20 18H72Z' fill='%23d5b28e' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M82 43v27h20V43' fill='%23f0d8bc' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E"); }
.family-frutas { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M15 45c0-15 9-26 22-26 13 0 22 11 22 26 0 17-10 29-22 29S15 62 15 45Z' fill='%23e56f5f' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M37 20c0-8 5-13 12-15' fill='none' stroke='%2326383e' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M42 12c8-5 15-3 19 2-6 5-12 6-19 2Z' fill='%23749a62' stroke='%2326383e' stroke-width='2'/%3E%3Cpath d='M65 49c0-18 8-32 18-32s18 14 18 32c0 15-7 25-18 25S65 64 65 49Z' fill='%23d8b95c' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M83 18c0-7 4-11 9-14' fill='none' stroke='%2326383e' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M103 30c8 6 11 15 9 25-2 10-9 18-18 20 4-6 6-12 6-19 0-10-3-19-9-26h12Z' fill='%23f1c64e' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E"); }
.family-aceites-grasas { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Crect x='43' y='8' width='34' height='12' rx='3' fill='%236f865d' stroke='%2326383e' stroke-width='2.5'/%3E%3Cpath d='M39 20h42l5 14v40H34V34l5-14Z' fill='%23e5bd4d' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M40 47h40v21H40Z' fill='%23f2d76d'/%3E%3Cpath d='M60 39c8 9 12 14 12 20a12 12 0 1 1-24 0c0-6 4-11 12-20Z' fill='%23fff3bd' stroke='%2326383e' stroke-width='2.3'/%3E%3C/svg%3E"); }
.family-bebidas { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M18 18h25l3 15v40H15V33l3-15Z' fill='%2399c8d6' stroke='%2326383e' stroke-width='3'/%3E%3Crect x='23' y='8' width='15' height='10' rx='2' fill='%236d8790' stroke='%2326383e' stroke-width='2.3'/%3E%3Cpath d='M66 25h38l-5 48H71l-5-48Z' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M72 51h26l-2 17H74l-2-17Z' fill='%23efb866'/%3E%3C/svg%3E"); }
.family-chocolate-cacao-dulces { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Crect x='20' y='14' width='80' height='60' rx='7' fill='%238b5a42' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M47 14v60M73 14v60M20 44h80' stroke='%23c48a68' stroke-width='3'/%3E%3C/svg%3E"); }
.family-fermentados { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Crect x='31' y='17' width='58' height='58' rx='8' fill='%23e6efcf' stroke='%2326383e' stroke-width='3'/%3E%3Crect x='27' y='9' width='66' height='13' rx='4' fill='%23b3b7a4' stroke='%2326383e' stroke-width='3'/%3E%3Ccircle cx='48' cy='44' r='7' fill='%237fa56b'/%3E%3Ccircle cx='69' cy='51' r='8' fill='%23d0a45c'/%3E%3Ccircle cx='58' cy='63' r='6' fill='%23b66c56'/%3E%3Ccircle cx='75' cy='34' r='3' fill='%23fffaf3' stroke='%2326383e' stroke-width='1.5'/%3E%3C/svg%3E"); }
.family-algas-especias-otros { --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M22 73c4-12 3-22-2-31-5-10-2-20 8-29 3 11 9 17 16 20-8 9-10 18-7 29 2 6 1 10-2 15' fill='none' stroke='%236f9a72' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M42 71c4-11 3-20-2-28-4-8-2-16 6-23 3 9 8 14 14 17-6 8-8 16-5 25 1 5 0 9-2 13' fill='none' stroke='%2380aa7d' stroke-width='6' stroke-linecap='round'/%3E%3Crect x='72' y='25' width='30' height='43' rx='5' fill='%23d9aa6e' stroke='%2326383e' stroke-width='3'/%3E%3Crect x='76' y='17' width='22' height='10' rx='3' fill='%23a9724e' stroke='%2326383e' stroke-width='2.5'/%3E%3Ccircle cx='82' cy='42' r='3' fill='%23724a34'/%3E%3Ccircle cx='91' cy='50' r='3' fill='%23724a34'/%3E%3Ccircle cx='84' cy='58' r='3' fill='%23724a34'/%3E%3C/svg%3E"); }

/* Article topics: one bold concept per topic. */
.topic-nutricion-composicion { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Ccircle cx='60' cy='44' r='29' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M60 44V15a29 29 0 0 1 25 14Z' fill='%23ef7865' stroke='%2326383e' stroke-width='2'/%3E%3Cpath d='M60 44 85 29a29 29 0 0 1-5 39Z' fill='%23e4c85f' stroke='%2326383e' stroke-width='2'/%3E%3Cpath d='M60 44 80 68a29 29 0 0 1-49-5Z' fill='%238ca877' stroke='%2326383e' stroke-width='2'/%3E%3C/svg%3E"); }
.topic-rankings-mejores-fuentes { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Crect x='14' y='50' width='28' height='25' rx='3' fill='%23d9c66e' stroke='%2326383e' stroke-width='3'/%3E%3Crect x='46' y='29' width='28' height='46' rx='3' fill='%23ef7865' stroke='%2326383e' stroke-width='3'/%3E%3Crect x='78' y='42' width='28' height='33' rx='3' fill='%2394aa88' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M60 10l4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1 4-8Z' fill='%23f0d46f' stroke='%2326383e' stroke-width='2'/%3E%3C/svg%3E"); }
.topic-comparativas { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M60 15v55M25 27h70M30 27 16 53h28L30 27ZM90 27 76 53h28L90 27Z' fill='none' stroke='%2326383e' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M14 53h32c-3 10-9 15-16 15S17 63 14 53ZM74 53h32c-3 10-9 15-16 15s-13-5-16-15Z' fill='%23dbe8d8' stroke='%2326383e' stroke-width='2.5'/%3E%3C/svg%3E"); }
.topic-seguridad-alimentaria { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M60 8 94 20v24c0 20-13 33-34 41-21-8-34-21-34-41V20L60 8Z' fill='%23dcebdc' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='m43 45 11 11 24-28' fill='none' stroke='%235a865f' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.topic-conservacion-almacenamiento { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Crect x='35' y='8' width='50' height='72' rx='6' fill='%23dbeaf0' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M35 39h50' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M47 21h9M47 51h9' stroke='%23547785' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E"); }
.topic-congelacion-descongelacion { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M38 17v54M15 30l46 28M15 58l46-28M27 18l11 10 11-10M27 70l11-10 11 10' fill='none' stroke='%23507f98' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M88 22c10 14 15 22 15 31a15 15 0 1 1-30 0c0-9 5-17 15-31Z' fill='%239fcbdc' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E"); }
.topic-cocina-ciencia-alimentos { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M12 48h58v21H12Z' fill='%23d98a62' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M20 48c2-14 12-22 21-22s19 8 21 22' fill='%23f1d3c0' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M32 18h18M41 18v8' stroke='%2326383e' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M90 12v40c0 5-7 8-7 16a12 12 0 0 0 24 0c0-8-7-11-7-16V12H90Z' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M95 27h5v31c4 3 5 6 5 10a8 8 0 0 1-16 0c0-4 1-7 6-10V27Z' fill='%23ef7865'/%3E%3C/svg%3E"); }
.topic-preparacion-tecnicas-cocina { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Crect x='13' y='45' width='94' height='30' rx='5' fill='%23d5af86' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='m30 50 47-42 11 11-47 42Z' fill='%23d4dde0' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='m72 13 11 11' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E"); }
.topic-salud-consumo-habitual { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M60 74S23 54 23 30c0-13 16-19 27-8l10 10 10-10c11-11 27-5 27 8 0 24-37 44-37 44Z' fill='%23e2766c' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='m44 42 10 10 22-25' fill='none' stroke='%23fff7ef' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.topic-conceptos-nutricion { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Ccircle cx='60' cy='20' r='10' fill='%23ef7865' stroke='%2326383e' stroke-width='2.5'/%3E%3Ccircle cx='31' cy='63' r='10' fill='%238ca877' stroke='%2326383e' stroke-width='2.5'/%3E%3Ccircle cx='89' cy='63' r='10' fill='%23e4c85f' stroke='%2326383e' stroke-width='2.5'/%3E%3Cpath d='M54 28 36 55M66 28l18 27M41 63h38' fill='none' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E"); }
.topic-mitos-preguntas-frecuentes { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M17 13h86v54H66L45 82V67H17V13Z' fill='%23f2e5ec' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M45 31c1-13 28-14 29 0 1 11-14 11-14 23' fill='none' stroke='%23915d73' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='60' cy='61' r='3.5' fill='%23915d73'/%3E%3C/svg%3E"); }
.topic-procesamiento-produccion-elaboracion { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Ccircle cx='60' cy='44' r='28' fill='%23d8cdb9' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='m60 8 7 11 13-3 3 13 13 4-4 13 10 8-9 10 5 12-13 5-2 13-13-2-8 11-10-9-12 5-5-13-13-2 2-13-11-8 8-10-5-12 12-6 1-13 13 1 8-11 10 8Z' fill='%23c6b89c' stroke='%2326383e' stroke-width='2.5'/%3E%3Ccircle cx='60' cy='44' r='12' fill='%23fff8ef' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E"); }
.topic-compra-calidad-maduracion { --topic-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M19 49c0-15 10-27 24-27s24 12 24 27c0 17-11 29-24 29S19 66 19 49Z' fill='%23e57964' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M43 23c0-8 5-13 12-16' fill='none' stroke='%2326383e' stroke-width='2.5'/%3E%3Ccircle cx='84' cy='36' r='17' fill='none' stroke='%2326383e' stroke-width='4'/%3E%3Cpath d='m96 49 14 14' stroke='%2326383e' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='m77 36 5 5 10-12' fill='none' stroke='%236b9466' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* --------------------------------------------------------------------------
   ARTICLE WIDTH SYSTEM
   -------------------------------------------------------------------------- */

.single .article-shell {
  width: min(calc(100% - 36px), var(--pommelo-article-width)) !important;
  margin-inline: auto !important;
}

.single .answer-box,
.single .entry-content,
.single .ad-slot {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.single .entry-content > * {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.single .entry-content .alignwide,
.single .entry-content .alignfull {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

.single .entry-content {
  font-size: 19px;
  line-height: 1.74;
}

.single .entry-content p,
.single .entry-content ul,
.single .entry-content ol,
.single .entry-content blockquote,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.single .entry-content figure,
.single .entry-content .wp-block-group,
.single .entry-content .wp-block-table {
  box-sizing: border-box;
}

.single .entry-content .wp-block-table,
.single .entry-content figure.wp-block-table {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
  -webkit-overflow-scrolling: touch;
}

.single .entry-content table {
  width: auto;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-collapse: collapse;
}

.single .entry-content > table {
  width: auto !important;
  max-width: 100% !important;
}

.single .entry-content table th,
.single .entry-content table td {
  vertical-align: top;
}

@media (max-width: 760px) {
  .food-family-art::after,
  .topic-card-art::after {
    width: 78px !important;
    height: 57px !important;
  }

  .single .article-shell {
    width: min(calc(100% - 28px), var(--pommelo-article-width)) !important;
  }

  .single .entry-content {
    font-size: 18px;
    line-height: 1.7;
  }

  .single .entry-content .wp-block-table table,
  .single .entry-content figure.wp-block-table table {
    width: max-content;
    min-width: 100%;
    max-width: none;
  }

  .single .entry-content > table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    white-space: normal;
  }
}


/* ===== assets/css/pommelo-v8-icon-clarity.css ===== */
/*
 * Quinnoa v8 — food-family clarity refinement.
 * Every object is separated and immediately recognisable at card size.
 */

/* Always render the active family artwork explicitly in every editorial context. */
.food-family-card[class*="family-"] .food-family-art::after,
.home-feature-illustration[class*="family-"]::after,
.discover-illustration[class*="family-"]::after,
.card-placeholder.card-placeholder-illustrated[class*="family-"]::after,
.article-hero-fallback[class*="family-"]::after,
.taxonomy-hero-visual[class*="family-"]::after {
  background-image: var(--family-icon) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Alimentación general: plate, fork and an unmistakable spoon. */
.family-alimentacion-general {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Ccircle cx='60' cy='44' r='24' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Ccircle cx='60' cy='44' r='13' fill='%23f1ddd2' stroke='%2326383e' stroke-width='2'/%3E%3Cpath d='M13 17v14c0 7 10 7 10 0V17M18 17v18M18 35v35' fill='none' stroke='%2326383e' stroke-width='3' stroke-linecap='round'/%3E%3Cellipse cx='101' cy='25' rx='7' ry='10' fill='%23fffaf3' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M101 35v35' fill='none' stroke='%2326383e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Carnes: one high-contrast steak, centred and large enough to read immediately. */
.family-carnes {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M18 45c0-17 13-29 34-32 22-3 46 5 51 22 5 18-10 34-31 39-23 5-47-2-53-18-1-4-1-8-1-11Z' fill='%23dc765f' stroke='%2326383e' stroke-width='3.5'/%3E%3Cpath d='M66 28c10-3 20 2 21 11 2 10-6 19-17 21-10 2-20-3-21-12-2-9 6-17 17-20Z' fill='%23fff8ef' stroke='%2326383e' stroke-width='2.7'/%3E%3Cellipse cx='69' cy='44' rx='6' ry='8' fill='%23ead0c3' stroke='%2326383e' stroke-width='2'/%3E%3Cpath d='M28 52c7 6 15 9 24 10M27 42c5 3 10 4 15 5' fill='none' stroke='%23b95649' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.food-family-card.family-carnes .food-family-art::after {
  width: 94px !important;
  height: 68px !important;
}

/* Legumbres y soja: several small beans/lentils, separated rather than three big circles. */
.family-legumbres-soja {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M14 32c-3-7 3-14 10-13 8 1 11 9 7 15-4 6-14 6-17-2Z' fill='%23a86145' stroke='%2326383e' stroke-width='2.2'/%3E%3Cpath d='M39 22c7-4 14 1 13 8-1 7-9 11-15 7-5-4-4-12 2-15Z' fill='%23d7b86f' stroke='%2326383e' stroke-width='2.2'/%3E%3Cpath d='M64 29c-2-7 5-13 12-11 7 2 9 10 4 15-5 5-14 3-16-4Z' fill='%238aa35e' stroke='%2326383e' stroke-width='2.2'/%3E%3Cpath d='M91 22c7-4 14 2 12 9-2 7-10 10-15 6-5-4-3-12 3-15Z' fill='%23c67b54' stroke='%2326383e' stroke-width='2.2'/%3E%3Cellipse cx='25' cy='56' rx='9' ry='6' fill='%23d4bd84' stroke='%2326383e' stroke-width='2.2' transform='rotate(-15 25 56)'/%3E%3Cellipse cx='50' cy='57' rx='8' ry='5.5' fill='%23b16b4c' stroke='%2326383e' stroke-width='2.2' transform='rotate(18 50 57)'/%3E%3Cellipse cx='75' cy='55' rx='8' ry='5.5' fill='%2397ad68' stroke='%2326383e' stroke-width='2.2' transform='rotate(-10 75 55)'/%3E%3Cellipse cx='99' cy='57' rx='8' ry='5.5' fill='%23e0c777' stroke='%2326383e' stroke-width='2.2' transform='rotate(14 99 57)'/%3E%3C/svg%3E");
}

/* Tubérculos: potato, sweet potato and turnip as three distinct objects. */
.family-tuberculos {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M8 48c0-14 11-24 25-24 15 0 25 9 25 22 0 15-12 25-27 25C17 71 8 62 8 48Z' fill='%23c79a6c' stroke='%2326383e' stroke-width='3'/%3E%3Ccircle cx='25' cy='39' r='2' fill='%23755a47'/%3E%3Ccircle cx='40' cy='34' r='2' fill='%23755a47'/%3E%3Ccircle cx='42' cy='52' r='2' fill='%23755a47'/%3E%3Cpath d='M65 33c7-7 17-8 23-2 7 7 2 19-6 28-7 8-17 12-23 6-6-6-1-22 6-32Z' fill='%23d98154' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M98 39c0-9 6-15 12-15s10 6 10 15c0 11-6 19-11 19s-11-8-11-19Z' fill='%23f3eee4' stroke='%2326383e' stroke-width='2.5'/%3E%3Cpath d='M109 25c-4-8-2-14 4-18M109 25c4-8 8-11 13-10' fill='none' stroke='%23769a64' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M99 35h19' stroke='%238b5b84' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Verduras: restore a classic tapered carrot with leaves, plus one separate mushroom. */
.family-verduras-hortalizas-setas {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M20 30c11-5 24-5 34 0-4 16-10 31-18 47-8-15-13-31-16-47Z' fill='%23e98a45' stroke='%2326383e' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M34 29C24 20 22 12 26 5c8 4 13 10 14 19 2-10 7-16 16-20 3 9-1 18-12 26' fill='%237ba166' stroke='%2326383e' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M75 42c2-11 10-18 20-18s18 7 20 18H75Z' fill='%23d5b28e' stroke='%2326383e' stroke-width='3'/%3E%3Cpath d='M85 42v28h20V42' fill='%23f1dcc4' stroke='%2326383e' stroke-width='3'/%3E%3C/svg%3E");
}

/* Frutas: exactly four non-overlapping fruits — apple, pear, avocado and banana. */
.family-frutas {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M5 50c0-12 7-20 16-20 10 0 17 8 17 20 0 13-7 22-17 22S5 63 5 50Z' fill='%23e56f5f' stroke='%2326383e' stroke-width='2.5'/%3E%3Cpath d='M21 31c0-6 3-10 8-12M25 25c5-4 10-3 13 1-4 4-8 5-13 2Z' fill='%23769c63' stroke='%2326383e' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M46 31c3-5 4-9 4-13M45 31c-7 6-10 14-9 23 1 12 8 19 17 19 10 0 17-8 17-20 0-9-4-17-10-22-3-3-5-6-5-10-4 4-6 7-10 10Z' fill='%23d7b85b' stroke='%2326383e' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M74 49c0-15 7-27 15-27s15 12 15 27c0 14-6 23-15 23s-15-9-15-23Z' fill='%237ca05f' stroke='%2326383e' stroke-width='2.5'/%3E%3Ccircle cx='89' cy='55' r='6' fill='%23bd7b54' stroke='%2326383e' stroke-width='1.8'/%3E%3Cpath d='M108 28c-1 17 2 29 11 36-4 6-9 8-14 5-8-5-11-17-8-30 2-8 5-13 11-17' fill='%23f1c64e' stroke='%2326383e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.food-family-card.family-frutas .food-family-art::after {
  width: 96px !important;
  height: 66px !important;
}

/* Algas y especias: a seaweed frond and a spice jar, separated and literal. */
.family-algas-especias-otros-alimentos {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 88'%3E%3Cpath d='M16 72c7-15 3-26-1-39 11 8 15 18 13 31 5-13 5-27 0-42 13 11 18 25 14 42 7-12 10-24 8-36 10 12 12 27 4 44H16Z' fill='%23759668' stroke='%2326383e' stroke-width='2.8' stroke-linejoin='round'/%3E%3Crect x='73' y='24' width='31' height='47' rx='5' fill='%23fff8ef' stroke='%2326383e' stroke-width='3'/%3E%3Crect x='77' y='15' width='23' height='10' rx='3' fill='%23c66f58' stroke='%2326383e' stroke-width='2.5'/%3E%3Cpath d='M78 50h21v15H78Z' fill='%23d98455'/%3E%3Ccircle cx='83' cy='35' r='2' fill='%23b65f49'/%3E%3Ccircle cx='89' cy='35' r='2' fill='%23b65f49'/%3E%3Ccircle cx='95' cy='35' r='2' fill='%23b65f49'/%3E%3C/svg%3E");
}

/* Keep these refined pictograms optically centred on both desktop and mobile. */
.food-family-card.family-alimentacion-general .food-family-art,
.food-family-card.family-carnes .food-family-art,
.food-family-card.family-legumbres-soja .food-family-art,
.food-family-card.family-tuberculos .food-family-art,
.food-family-card.family-verduras-hortalizas-setas .food-family-art,
.food-family-card.family-frutas .food-family-art,
.food-family-card.family-algas-especias-otros-alimentos .food-family-art {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* ===== assets/css/pometum-v1.css ===== */
/*
 * Quinnoa v1 — natural editorial identity.
 * Warm, food-led and knowledgeable without looking clinical or generically eco.
 */

:root {
  --pometum-cream: #F4EFE5;
  --pometum-paper: #FBF8F1;
  --pometum-olive: #394536;
  --pometum-olive-soft: #E2E3D8;
  --pometum-coral: #D96C55;
  --pometum-butter: #E8C76A;
  --pometum-earth: #765E4C;
  --pometum-ink: #2D332C;
  --pometum-muted: #6E6A61;
  --pometum-line: rgba(57, 69, 54, .17);
  --pometum-serif: Charter, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --pometum-sans: "Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --pometum-shadow: 0 18px 50px rgba(57, 69, 54, .07);
  --pometum-article-width: 980px;
}

html { background: var(--pometum-cream); }
body {
  background: var(--pometum-cream) !important;
  color: var(--pometum-ink) !important;
  font-family: var(--pometum-sans) !important;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

::selection { background: rgba(232, 199, 106, .55); color: var(--pometum-olive); }
a { text-decoration-color: rgba(217, 108, 85, .45); }

/* Brand ------------------------------------------------------------------ */
.site-header {
  background: rgba(244, 239, 229, .94) !important;
  border-bottom: 1px solid var(--pometum-line) !important;
  backdrop-filter: blur(18px);
}
.header-main { min-height: 96px !important; }
.site-branding a { color: var(--pometum-olive) !important; text-decoration: none !important; }
.pometum-logo { display: inline-flex; align-items: center; line-height: 1; }
.pometum-wordmark {
  display: inline-flex;
  align-items: baseline;
  color: var(--pometum-olive);
  font-family: var(--pometum-serif);
  font-size: clamp(42px, 4.2vw, 58px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: .9;
}
.pometum-o {
  position: relative;
  display: inline-block;
  margin-right: .005em;
  transform: scaleX(1.03);
}
.pometum-o::after {
  content: "";
  position: absolute;
  width: .17em;
  height: .09em;
  top: -.045em;
  right: -.045em;
  border-radius: 100% 0 100% 0;
  background: var(--pometum-coral);
  transform: rotate(-24deg);
}
.site-tagline {
  margin-top: 9px !important;
  color: var(--pometum-earth) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}
.primary-nav a {
  color: var(--pometum-olive) !important;
  font-family: var(--pometum-sans) !important;
  font-weight: 650 !important;
  letter-spacing: .015em;
}
.primary-nav a:hover { color: var(--pometum-coral) !important; }
.header-search {
  border-color: var(--pometum-line) !important;
  background: rgba(251, 248, 241, .65) !important;
  color: var(--pometum-olive) !important;
}
.menu-toggle { color: var(--pometum-olive) !important; }
.menu-toggle-icon span { background: var(--pometum-olive) !important; }

/* Typography -------------------------------------------------------------- */
.hero-main h1,
.section-intro h2,
.topic-directory-intro h2,
.section-head h2,
.archive-header h1,
.article-header h1,
.entry-content h2,
.entry-content h3,
.card-title,
.home-feature-body strong,
.discover-card-body strong {
  font-family: var(--pometum-serif) !important;
  color: var(--pometum-olive) !important;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
}
.hero-main h1 {
  font-size: clamp(52px, 7.1vw, 92px) !important;
  line-height: .96 !important;
  letter-spacing: -.052em !important;
  max-width: 9.6ch !important;
}
.section-intro h2,
.topic-directory-intro h2,
.section-head h2 { letter-spacing: -.035em !important; line-height: 1.04 !important; }
.article-header h1 { letter-spacing: -.035em !important; }
.hero-main p,
.section-intro p,
.topic-directory-intro p,
.card-excerpt,
.home-feature-body p,
.taxonomy-description,
.article-deck { color: var(--pometum-muted) !important; }
.section-label,
.hero-kicker,
.eyebrow,
.card-kicker {
  color: var(--pometum-coral) !important;
  font-family: var(--pometum-sans) !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}

/* Home hero --------------------------------------------------------------- */
.home-hero-v5 { background: var(--pometum-cream) !important; padding-top: 46px !important; }
.home-hero-grid-v5 { gap: 26px !important; }
.hero-main-v5 {
  position: relative;
  overflow: hidden;
  background: var(--pometum-paper) !important;
  border: 1px solid var(--pometum-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: clamp(34px, 5.2vw, 72px) !important;
}
.hero-main-v5::before {
  content: "";
  position: absolute;
  width: 94px;
  height: 7px;
  left: clamp(34px, 5.2vw, 72px);
  top: 0;
  background: linear-gradient(90deg, var(--pometum-coral) 0 58%, var(--pometum-butter) 58% 100%);
}
.hero-search-v5 {
  background: var(--pometum-cream) !important;
  border: 1px solid var(--pometum-line) !important;
  border-radius: 4px !important;
  padding: 6px !important;
}
.hero-search-v5 input { color: var(--pometum-ink) !important; }
.hero-search-v5 button {
  border-radius: 3px !important;
  background: var(--pometum-olive) !important;
  color: var(--pometum-cream) !important;
}
.hero-search-v5 button:hover { background: #2e392c !important; }
.hero-topic-links { color: var(--pometum-muted) !important; }
.hero-topic-links a {
  background: transparent !important;
  color: var(--pometum-olive) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(57,69,54,.32) !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
}
.hero-topic-links a:hover { color: var(--pometum-coral) !important; border-color: var(--pometum-coral) !important; }

.home-feature-card {
  border-radius: 10px !important;
  border: 1px solid var(--pometum-line) !important;
  background: var(--pometum-paper) !important;
  box-shadow: var(--pometum-shadow) !important;
}
.home-feature-media { background: #e8e0d3 !important; }
.home-feature-body { background: var(--pometum-paper) !important; }
.content-dimensions span,
.article-dimensions a {
  border-color: rgba(57,69,54,.2) !important;
  background: rgba(57,69,54,.055) !important;
  color: var(--pometum-olive) !important;
}
.content-dimensions span + span,
.article-dimensions .is-topic { background: rgba(217,108,85,.075) !important; color: #98503f !important; }
.feature-read,
.discover-card-arrow,
.food-family-arrow,
.topic-card-arrow { color: var(--pometum-coral) !important; }

/* Sections ---------------------------------------------------------------- */
.section { background: transparent !important; }
.food-families-section { padding-top: 62px !important; }
.section-intro-v5 { border-bottom-color: var(--pometum-line) !important; }
.food-family-grid { gap: 16px !important; }
.food-family-card {
  --category-accent: var(--pometum-earth);
  --category-soft: #EAE2D7;
  background: var(--pometum-paper) !important;
  border: 1px solid var(--pometum-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.food-family-card:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--category-accent) 45%, transparent) !important;
  box-shadow: 0 12px 30px rgba(57,69,54,.07) !important;
}
.food-family-art {
  background: var(--category-soft) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(57,69,54,.10) !important;
}
.food-family-art::after,
.topic-card-art::after { filter: saturate(.72) contrast(.96) !important; }
.food-family-content { background: var(--pometum-paper) !important; }
.food-family-content strong { color: var(--pometum-olive) !important; }
.food-family-content small { color: var(--pometum-muted) !important; }
.food-family-card::after { background: var(--category-accent) !important; }

/* Category accent system */
.family-alimentacion-general { --category-accent: #765E4C; --category-soft: #E8DED1; }
.family-carnes { --category-accent: #9D5142; --category-soft: #EED8D0; }
.family-pescados-mariscos { --category-accent: #6E8790; --category-soft: #DDE6E7; }
.family-huevos { --category-accent: #C19B46; --category-soft: #F0E4BD; }
.family-lacteos-quesos { --category-accent: #C3A044; --category-soft: #F0E3B7; }
.family-legumbres-soja,
.family-frutos-secos-semillas,
.family-cereales-pseudocereales-derivados { --category-accent: #A28050; --category-soft: #E9DDC7; }
.family-tuberculos { --category-accent: #A66B4E; --category-soft: #EAD7C8; }
.family-verduras-hortalizas-setas { --category-accent: #65745E; --category-soft: #DDE2D4; }
.family-frutas { --category-accent: #D96C55; --category-soft: #F0D7CF; }
.family-aceites-grasas { --category-accent: #7B794A; --category-soft: #E5E1C8; }
.family-bebidas { --category-accent: #70858B; --category-soft: #DCE5E5; }
.family-chocolate-cacao-dulces { --category-accent: #765E4C; --category-soft: #E4D8CD; }
.family-fermentados { --category-accent: #8B7658; --category-soft: #E6DDD0; }
.family-algas-especias-otros-alimentos { --category-accent: #687159; --category-soft: #DEE1D3; }

/* Make reusable category imagery feel like one editorial system everywhere. */
.home-feature-illustration,
.discover-illustration,
.card-placeholder-illustrated,
.taxonomy-hero-visual,
.article-hero-fallback {
  background-color: var(--category-soft, #E8DED1) !important;
  border-color: rgba(57,69,54,.12) !important;
}
.card-placeholder-illustrated,
.article-hero-fallback,
.taxonomy-hero-visual { border-radius: 7px !important; }

/* Topic directory --------------------------------------------------------- */
.topic-directory-section {
  background: #E7E5DB !important;
  color: var(--pometum-ink) !important;
  border-top: 1px solid var(--pometum-line);
  border-bottom: 1px solid var(--pometum-line);
}
.topic-directory-intro h2 { color: var(--pometum-olive) !important; }
.topic-directory-intro p { color: var(--pometum-muted) !important; }
.topic-card {
  --topic-accent: var(--pometum-olive);
  background: rgba(251,248,241,.82) !important;
  border: 1px solid rgba(57,69,54,.14) !important;
  border-radius: 6px !important;
  color: var(--pometum-ink) !important;
  box-shadow: none !important;
}
.topic-card:hover { border-color: rgba(57,69,54,.32) !important; transform: translateY(-1px) !important; }
.topic-card-art {
  background: rgba(57,69,54,.055) !important;
  border-right: 1px solid rgba(57,69,54,.10) !important;
}
.topic-card-copy strong { color: var(--pometum-olive) !important; }
.topic-card-copy small { color: var(--pometum-muted) !important; }
.topic-seguridad-alimentaria { --topic-accent: #394536; }
.topic-nutricion-composicion,
.topic-conceptos-nutricion { --topic-accent: #8A7650; }
.topic-rankings-mejores-fuentes { --topic-accent: #C3A044; }
.topic-comparativas { --topic-accent: #765E4C; }
.topic-conservacion-almacenamiento,
.topic-congelacion-descongelacion { --topic-accent: #6F8589; }
.topic-cocina-ciencia-alimentos,
.topic-preparacion-tecnicas-cocina { --topic-accent: #D96C55; }
.topic-salud-consumo-habitual { --topic-accent: #65745E; }
.topic-mitos-preguntas-frecuentes { --topic-accent: #9B745D; }
.topic-procesamiento-produccion-elaboracion,
.topic-compra-calidad-maduracion { --topic-accent: #765E4C; }
.topic-card::before { background: var(--topic-accent) !important; }

/* Post cards / archives --------------------------------------------------- */
.post-card {
  background: var(--pometum-paper) !important;
  border-color: var(--pometum-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
.post-card:hover { box-shadow: var(--pometum-shadow) !important; }
.card-body { background: var(--pometum-paper) !important; }
.card-meta { color: var(--pometum-earth) !important; }
.archive-header.has-taxonomy-visual {
  background: var(--pometum-paper) !important;
  border-color: var(--pometum-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.taxonomy-description { font-family: var(--pometum-sans) !important; }

/* Article ---------------------------------------------------------------- */
.article-shell,
.article-hero,
.article-hero-fallback {
  box-sizing: border-box !important;
  width: min(var(--pometum-article-width), calc(100% - 28px)) !important;
  max-width: var(--pometum-article-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.article-header { text-align: left !important; }
.article-header h1 { margin-left: 0 !important; margin-right: 0 !important; color: var(--pometum-olive) !important; }
.article-deck { margin-left: 0 !important; margin-right: 0 !important; }
.article-meta { justify-content: flex-start !important; color: var(--pometum-earth) !important; }
.article-dimensions { justify-content: flex-start !important; }
.article-hero {
  overflow: hidden !important;
  border-radius: 7px !important;
  background: var(--pometum-paper) !important;
}
.article-hero img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}
.article-hero-fallback {
  min-height: clamp(210px, 25vw, 300px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(57,69,54,.12) !important;
}
.article-hero-fallback::after {
  content: none !important;
  display: none !important;
}
.article-hero-fallback > svg,
.article-hero-fallback .food-family-svg,
.article-hero-fallback .food-topic-svg {
  display: block !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: min(190px, 36vw) !important;
  height: auto !important;
  max-height: 160px !important;
  margin: 0 !important;
  color: var(--category-accent, var(--topic-accent, var(--pometum-olive))) !important;
  opacity: 1 !important;
}
.answer-box {
  background: #E4E6DB !important;
  border: 1px solid rgba(57,69,54,.15) !important;
  border-left: 4px solid var(--pometum-olive) !important;
  border-radius: 4px !important;
}
.answer-box strong { color: var(--pometum-olive) !important; }
.entry-content {
  color: #33372F !important;
  font-family: var(--pometum-sans) !important;
  font-size: 1.055rem !important;
  line-height: 1.78 !important;
}
.entry-content h2,
.entry-content h3 { color: var(--pometum-olive) !important; }
.entry-content table { font-family: var(--pometum-sans) !important; }
.entry-content th { background: #E7E1D5 !important; color: var(--pometum-olive) !important; }
.entry-content th,
.entry-content td { border-color: var(--pometum-line) !important; }
.entry-content a { color: #6E4337 !important; text-decoration-color: rgba(217,108,85,.55) !important; }

/* Footer ----------------------------------------------------------------- */
.site-footer {
  background: var(--pometum-olive) !important;
  color: var(--pometum-cream) !important;
  border-top: 5px solid var(--pometum-coral);
}
.site-footer .pometum-wordmark { color: var(--pometum-cream) !important; }
.site-footer .pometum-o::after { background: var(--pometum-butter) !important; }
.footer-copy { color: rgba(244,239,229,.74) !important; }
.footer-links-v5 a { color: var(--pometum-cream) !important; }
.footer-links-v5 a:hover { color: var(--pometum-butter) !important; }
.footer-bottom { border-top-color: rgba(244,239,229,.16) !important; color: rgba(244,239,229,.66) !important; }

/* Mobile ----------------------------------------------------------------- */
.mobile-menu-overlay { background: rgba(45, 51, 44, .38) !important; }
.mobile-menu-shell { background: var(--pometum-cream) !important; color: var(--pometum-ink) !important; }
.mobile-brand { text-decoration: none !important; }
.mobile-brand .pometum-wordmark { font-size: 42px !important; }
.mobile-menu-close { color: var(--pometum-olive) !important; border-color: var(--pometum-line) !important; background: var(--pometum-paper) !important; }
.mobile-menu-eyebrow { color: var(--pometum-coral) !important; }
.mobile-primary-nav a { color: var(--pometum-olive) !important; border-color: var(--pometum-line) !important; }
.mobile-food-links a { background: rgba(251,248,241,.72) !important; border-color: var(--pometum-line) !important; color: var(--pometum-olive) !important; }
.mobile-menu-search input { background: var(--pometum-paper) !important; border-color: var(--pometum-line) !important; }
.mobile-menu-search button { background: var(--pometum-olive) !important; color: var(--pometum-cream) !important; }
.mobile-menu-note { color: var(--pometum-muted) !important; }

@media (min-width: 1100px) {
  .food-family-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
  .header-main { min-height: 76px !important; }
  .pometum-wordmark { font-size: 39px !important; }
  .site-tagline { display: none !important; }
  .home-hero-v5 { padding-top: 24px !important; }
  .hero-main-v5 { padding: 34px 26px !important; }
  .hero-main-v5::before { left: 26px; }
  .hero-main h1 { font-size: clamp(48px, 13vw, 68px) !important; max-width: 10ch !important; }
  .topic-directory-section { background: #E7E5DB !important; }
}

@media (max-width: 620px) {
  .food-family-card { border-radius: 5px !important; }
  .food-family-art { background: var(--category-soft) !important; }
  .food-family-art::after { width: 76px !important; height: 56px !important; }
  .topic-card { border-radius: 5px !important; }
  .topic-card-art { background: rgba(57,69,54,.055) !important; }
  .article-header { padding-top: 18px !important; }
  .article-hero-fallback { min-height: 190px !important; }
  .article-hero-fallback > svg,
  .article-hero-fallback .food-family-svg,
  .article-hero-fallback .food-topic-svg { width: 124px !important; max-height: 118px !important; }
}


/* ===== assets/css/pometum-v2.css ===== */
/*
 * Quinnoa v2 — bilingual polish and stronger editorial color rhythm.
 */

:root {
  --pometum-rosewash: #EEDCD3;
  --pometum-wheatwash: #EEE1C3;
  --pometum-olivewash: #DEE1D5;
  --pometum-earthwash: #E7DCCE;
}

/* More color without losing the warm editorial base. */
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: linear-gradient(90deg, var(--pometum-olive) 0 58%, var(--pometum-coral) 58% 78%, var(--pometum-butter) 78% 100%);
  opacity: .88;
  pointer-events: none;
}

.home-hero-v5 {
  background:
    radial-gradient(circle at 88% 12%, rgba(232,199,106,.20), transparent 28%),
    linear-gradient(180deg, var(--pometum-cream) 0%, #F0E7DA 100%) !important;
}

.hero-main-v5 {
  background: rgba(251,248,241,.94) !important;
}

.food-families-section {
  background: #EFE5D8 !important;
  border-top: 1px solid rgba(118,94,76,.10);
  border-bottom: 1px solid rgba(118,94,76,.10);
  padding-bottom: 72px !important;
}

.topic-directory-section {
  background:
    linear-gradient(135deg, rgba(57,69,54,.035), transparent 36%),
    #E1E3D8 !important;
}

.discover-section {
  background: var(--pometum-cream) !important;
}

.latest-guides-v5 {
  background: linear-gradient(180deg, #E8DED1 0%, #EFE7DC 100%) !important;
  padding-top: 64px !important;
  padding-bottom: 72px !important;
}

.latest-guides-v5 > .container {
  box-sizing: border-box;
  background: var(--pometum-paper);
  border: 1px solid var(--pometum-line);
  border-top: 5px solid var(--pometum-coral);
  border-radius: 9px;
  padding: 36px clamp(28px, 3vw, 46px) 44px !important;
}

.latest-guides-v5 .section-head-v5,
.latest-guides-v5 .card-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Language switcher ------------------------------------------------------ */
.header-actions {
  overflow: visible !important;
}

.language-switcher {
  position: relative;
  z-index: 80;
  font-family: var(--pometum-sans);
}

.language-switcher summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(57,69,54,.18);
  border-radius: 999px;
  background: rgba(251,248,241,.74);
  color: var(--pometum-olive);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .055em;
  cursor: pointer;
  list-style: none;
}

.language-switcher summary::-webkit-details-marker { display: none; }
.language-switcher summary::after {
  content: "⌄";
  font-size: 13px;
  line-height: 1;
  margin-left: 1px;
  color: var(--pometum-earth);
}
.language-switcher[open] summary {
  background: var(--pometum-paper);
  border-color: rgba(57,69,54,.34);
}
.language-flag {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
}
.language-switcher-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  min-width: 160px;
  padding: 7px;
  border: 1px solid var(--pometum-line);
  border-radius: 8px;
  background: var(--pometum-paper);
  box-shadow: 0 18px 44px rgba(57,69,54,.14);
}
.language-switcher-menu a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 5px;
  color: var(--pometum-olive) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.language-switcher-menu a:hover,
.language-switcher-menu a[aria-current="page"] {
  background: var(--pometum-olivewash);
}

/* Category artwork: optical centering and unambiguous silhouettes. */
.food-family-card .food-family-art {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.food-family-card .food-family-art::after {
  position: static !important;
  inset: auto !important;
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  transform: none !important;
  transform-origin: center center !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Centered steak: one clear object, no corner drift. */
.family-carnes {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 88'%3E%3Cpath d='M25 18c20-12 49-9 66 6 15 13 13 34-3 47-17 13-48 14-67 2C3 61 6 31 25 18Z' fill='%23B95F4D' stroke='%23394536' stroke-width='3.2'/%3E%3Cpath d='M56 27c10-6 24-2 28 8 4 10-4 21-15 25-11 4-24-1-26-12-2-8 4-17 13-21Z' fill='%23F7EBDD' stroke='%23394536' stroke-width='2.8'/%3E%3Cellipse cx='68' cy='43' rx='7.5' ry='9.5' fill='%23D8B9A7' stroke='%23394536' stroke-width='2.2'/%3E%3Cpath d='M29 36c7-5 14-7 21-7M25 53c7 5 13 7 20 8' fill='none' stroke='%23D88470' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
.family-carnes .food-family-art::after {
  width: 92px !important;
  height: 66px !important;
}

/* Four separate fruit silhouettes: apple, pear, avocado and banana. */
.family-frutas {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 88'%3E%3Cg stroke='%23394536' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='M10 46c0-13 7-22 17-22s17 9 17 22c0 14-8 24-17 24S10 60 10 46Z' fill='%23D96C55'/%3E%3Cpath d='M27 25c-1-6 2-10 7-13' fill='none' stroke-linecap='round'/%3E%3Cpath d='M30 18c6-4 11-3 15 1-4 4-9 5-15 3Z' fill='%23788664'/%3E%3Cpath d='M52 40c0-8 3-13 7-17 3-3 4-7 4-11 7 3 9 7 8 13 6 4 9 9 9 16 0 15-7 27-14 27S52 55 52 40Z' fill='%23E8C76A'/%3E%3Cpath d='M66 13c0-4 2-7 5-9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M82 47c0-16 7-29 15-29s15 13 15 29c0 14-6 23-15 23S82 61 82 47Z' fill='%237B8F63'/%3E%3Ccircle cx='97' cy='50' r='6.5' fill='%23765E4C'/%3E%3Cpath d='M116 27c8 7 11 18 8 29-3 10-10 17-19 20 5-7 7-14 7-21 0-10-3-19-8-26 4-2 8-3 12-2Z' fill='%23E8C76A'/%3E%3C/svg%3E");
}
.family-frutas .food-family-art::after {
  width: 108px !important;
  height: 67px !important;
}

/* Potato + clearly elongated sweet potato. */
.family-tuberculos {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 88'%3E%3Cg stroke='%23394536' stroke-width='3'%3E%3Cpath d='M15 44c0-17 13-29 31-29 17 0 29 10 29 25 0 18-15 31-33 31-16 0-27-10-27-27Z' fill='%23C8A274'/%3E%3Ccircle cx='33' cy='32' r='2' fill='%23765E4C' stroke='none'/%3E%3Ccircle cx='53' cy='29' r='2' fill='%23765E4C' stroke='none'/%3E%3Ccircle cx='48' cy='51' r='2' fill='%23765E4C' stroke='none'/%3E%3Cpath d='M86 24c12-6 27-2 31 7 5 12-7 29-27 37-13 5-23 2-25-6-3-10 8-30 21-38Z' fill='%23C96F4F'/%3E%3Cpath d='M79 36c9-5 18-7 27-6M74 53c10 2 19 0 28-4' fill='none' stroke='%23E09A76' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
.family-tuberculos .food-family-art::after {
  width: 101px !important;
  height: 64px !important;
}

/* Keep every desktop category illustration in the same optical field. */
@media (min-width: 901px) {
  .food-family-art {
    min-height: 138px !important;
    padding: 18px 20px !important;
  }
  .food-family-art::after {
    max-width: 108px !important;
    max-height: 68px !important;
  }
}

/* Article hero must always share the editorial axis with text. */
.article-shell,
.article-hero,
.article-hero-fallback {
  width: min(var(--pometum-article-width, 980px), calc(100% - 28px)) !important;
  max-width: var(--pometum-article-width, 980px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.article-hero-fallback {
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .language-switcher summary {
    min-height: 36px;
    padding: 0 8px;
  }
  .language-switcher-menu {
    right: -6px;
  }
  .latest-guides-v5 > .container {
    width: calc(100% - 28px) !important;
    padding: 26px 20px 32px !important;
  }
}

@media (max-width: 430px) {
  .header-actions { gap: 5px !important; }
  .language-switcher summary { padding: 0 7px; }
  .language-switcher summary span:last-of-type { font-size: 11px; }
  .language-flag { font-size: 15px; }
  .header-search { width: 36px !important; height: 36px !important; }
}


/* ===== assets/css/pometum-v3.css ===== */
/* Quinnoa v3 — final taxonomy artwork corrections. */

/* Four clearly separated fruits: apple, pear, avocado and banana. */
.family-frutas {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 88'%3E%3Cpath d='M6 45c0-11 6-19 15-19 4 0 7 1 9 4 2-3 5-4 8-4 9 0 15 8 14 19-1 13-9 23-17 23-3 0-5-1-7-3-2 2-5 3-8 3-8 0-14-10-14-23Z' fill='%23D96C55' stroke='%23394536' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M29 27c-1-6 2-10 7-13' fill='none' stroke='%23394536' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M32 19c6-4 11-3 15 1-4 4-9 5-15 3Z' fill='%23788664' stroke='%23394536' stroke-width='2'/%3E%3Cpath d='M61 17c0 7-2 11-6 15-5 5-8 11-8 18 0 12 7 20 16 20 10 0 17-8 17-20 0-8-4-14-9-18-4-4-6-8-6-15h-4Z' fill='%23E8C76A' stroke='%23394536' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M63 17c0-4 2-7 5-10' fill='none' stroke='%23394536' stroke-width='2.3' stroke-linecap='round'/%3E%3Cpath d='M93 18c8 0 15 17 15 31 0 12-6 21-15 21s-15-9-15-21c0-14 7-31 15-31Z' fill='%237B8F63' stroke='%23394536' stroke-width='2.4'/%3E%3Ccircle cx='93' cy='51' r='6.5' fill='%23765E4C' stroke='%23394536' stroke-width='2'/%3E%3Cpath d='M118 24c11 5 19 15 21 27 2 11-2 20-10 27 3-8 3-15 1-22-2-10-8-18-17-24l5-8Z' fill='%23E8C76A' stroke='%23394536' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M121 33c7 5 11 12 13 20' fill='none' stroke='%23C69B31' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E");
}
.family-frutas .food-family-art::after {
  width: 116px !important;
  height: 67px !important;
}

/* Potato and a longer, tapered sweet potato. */
.family-tuberculos {
  --family-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 88'%3E%3Cpath d='M13 44c0-17 13-29 31-29 17 0 29 10 29 25 0 18-15 31-33 31-16 0-27-10-27-27Z' fill='%23C8A274' stroke='%23394536' stroke-width='3'/%3E%3Ccircle cx='31' cy='32' r='2' fill='%23765E4C'/%3E%3Ccircle cx='51' cy='28' r='2' fill='%23765E4C'/%3E%3Ccircle cx='47' cy='51' r='2' fill='%23765E4C'/%3E%3Cpath d='M79 48c5-13 18-24 32-27 10-2 18 2 19 9 2 10-12 24-29 33-14 7-27 7-29-1-1-4 2-9 7-14Z' fill='%23C96F4F' stroke='%23394536' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M84 45c10-8 21-13 32-15M80 57c11 1 22-2 32-8' fill='none' stroke='%23E39A77' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E");
}
.family-tuberculos .food-family-art::after {
  width: 106px !important;
  height: 64px !important;
}

/* On smaller screens the quinoa grain that dots the i needs a touch more air. */
@media (max-width: 700px) {
  .quinnoa-i::after {
    top: .075em !important;
  }
}


/* ===== assets/css/pometum-v4.css ===== */
/*
 * Quinnoa v4 — inverse header, full-screen language picker and taxonomy alignment.
 */

/* Header ----------------------------------------------------------------- */
.site-header {
  background: var(--pometum-olive) !important;
  border-bottom: 1px solid rgba(255,255,255,.13) !important;
  box-shadow: 0 8px 26px rgba(31, 39, 30, .10);
  backdrop-filter: none !important;
}

.site-header::after {
  height: 3px !important;
  background: linear-gradient(90deg, var(--pometum-coral) 0 22%, var(--pometum-butter) 22% 31%, rgba(255,255,255,.16) 31% 100%) !important;
  opacity: 1 !important;
}

.site-header .site-branding a,
.site-header .pometum-wordmark,
.site-header .primary-nav a,
.site-header .menu-toggle,
.site-header .header-search {
  color: var(--pometum-paper) !important;
}

.site-header .site-tagline {
  color: rgba(251,248,241,.72) !important;
}

.site-header .pometum-o::after {
  background: var(--pometum-butter) !important;
}

.site-header .primary-nav a:hover,
.site-header .primary-nav a:focus-visible {
  color: var(--pometum-butter) !important;
}

.site-header .header-search {
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.07) !important;
}

.site-header .header-search:hover,
.site-header .header-search:focus-visible {
  border-color: rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.12) !important;
}

.site-header .menu-toggle-icon span {
  background: var(--pometum-paper) !important;
}

/* Current-language control: flag only, no pill/circle. */
.language-toggle {
  appearance: none;
  display: inline-grid;
  place-items: center;
  width: auto;
  min-width: 30px;
  height: 38px;
  padding: 3px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
}

.language-toggle:hover,
.language-toggle:focus-visible {
  background: transparent;
  outline: none;
}

.language-toggle:focus-visible {
  box-shadow: 0 2px 0 var(--pometum-butter);
}

.language-current-flag {
  display: block;
  font-size: 22px;
  line-height: 1;
  filter: saturate(.95);
  transform: translateY(-1px);
}

/* Full-screen language overlay ------------------------------------------ */
.language-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  grid-template-rows: 1fr;
  background:
    radial-gradient(circle at 82% 18%, rgba(232,199,106,.12), transparent 30%),
    var(--pometum-olive);
  color: var(--pometum-paper);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}

.language-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

.language-overlay-shell {
  width: min(1120px, calc(100% - 48px));
  min-height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.language-overlay-top {
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.language-overlay .pometum-wordmark {
  color: var(--pometum-paper) !important;
}

.language-overlay .pometum-o::after {
  background: var(--pometum-butter) !important;
}

.language-overlay-close {
  appearance: none;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  background: transparent;
  color: var(--pometum-paper);
  cursor: pointer;
}

.language-overlay-close svg {
  width: 22px;
  height: 22px;
}

.language-overlay-close:hover,
.language-overlay-close:focus-visible {
  border-color: var(--pometum-butter);
  color: var(--pometum-butter);
  outline: none;
}

.language-overlay-content {
  flex: 1;
  display: grid;
  align-content: center;
  padding: 64px 0 90px;
}

.language-overlay-eyebrow {
  margin: 0 0 14px;
  color: var(--pometum-butter);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.language-overlay-title {
  max-width: 760px;
  margin: 0 0 42px;
  color: var(--pometum-paper) !important;
  font-family: var(--pometum-serif);
  font-size: clamp(46px, 6vw, 78px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.045em;
}

.language-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 900px;
}

.language-option {
  position: relative;
  min-height: 164px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  padding: 28px 30px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(251,248,241,.055);
  color: var(--pometum-paper) !important;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.language-option:hover,
.language-option:focus-visible {
  background: rgba(251,248,241,.10);
  border-color: rgba(232,199,106,.72);
  transform: translateY(-2px);
  outline: none;
}

.language-option[aria-current="page"] {
  border-color: rgba(232,199,106,.48);
}

.language-option-flag {
  font-size: clamp(46px, 5vw, 64px);
  line-height: 1;
}

.language-option-copy {
  display: grid;
  gap: 6px;
}

.language-option-name {
  font-family: var(--pometum-serif);
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1;
}

.language-option-status {
  color: rgba(251,248,241,.62);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.language-option-arrow {
  color: var(--pometum-butter);
  font-size: 28px;
  line-height: 1;
}

body.language-overlay-open,
body.menu-open {
  overflow: hidden;
}

/* Taxonomy artwork ------------------------------------------------------- */
/*
 * All category artwork gets the exact same optical frame. Older artwork
 * layers may define different pseudo-element offsets/sizes; this final layer
 * intentionally neutralises those differences.
 */
.food-family-card .food-family-art {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  min-height: 138px !important;
  padding: 18px !important;
  overflow: hidden !important;
  text-align: center !important;
}

.food-family-card .food-family-art::after {
  content: "" !important;
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 104px !important;
  height: 72px !important;
  max-width: 74% !important;
  max-height: 72% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
  background-color: transparent !important;
  background-image: var(--family-icon) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: contain !important;
}

/* The wider fruit/tuber compositions still remain centred, just gain room. */
.family-frutas .food-family-art::after {
  width: 116px !important;
  height: 72px !important;
}

.family-tuberculos .food-family-art::after {
  width: 110px !important;
  height: 70px !important;
}

@media (max-width: 900px) {
  .header-main {
    min-height: 78px !important;
  }

  .language-current-flag {
    font-size: 20px;
  }

  .language-overlay-shell {
    width: min(100% - 28px, 760px);
  }

  .language-overlay-top {
    min-height: 78px;
  }

  .language-overlay-content {
    align-content: start;
    padding: 54px 0 64px;
  }

  .language-options {
    grid-template-columns: 1fr;
  }

  .language-option {
    min-height: 122px;
    padding: 22px;
  }

  .food-family-card .food-family-art {
    min-height: 70px !important;
    padding: 8px !important;
  }

  .food-family-card .food-family-art::after {
    width: 60px !important;
    height: 48px !important;
    max-width: 78% !important;
    max-height: 72% !important;
  }

  .family-frutas .food-family-art::after,
  .family-tuberculos .food-family-art::after {
    width: 66px !important;
    height: 50px !important;
  }
}

@media (max-width: 430px) {
  .language-overlay-title {
    margin-bottom: 30px;
  }

  .language-option {
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    min-height: 108px;
    padding: 18px;
  }

  .language-option-flag {
    font-size: 42px;
  }

  .language-option-name {
    font-size: 27px;
  }
}


/* ===== assets/css/pometum-v5-mobile-centering.css ===== */
/*
 * Quinnoa v5 — final category artwork source + reusable article-card spacing.
 *
 * The coloured taxonomy artwork defined by the later illustration layers is
 * the visual source of truth. The older inline line-SVG remains in markup as a
 * technical fallback, but is hidden whenever a known food family has a modern
 * --family-icon. This prevents double rendering while preserving the newest
 * artwork and centres it inside the full media field.
 */

/* -----------------------------------------------------------------------
 * Latest taxonomy artwork, centred everywhere
 * -------------------------------------------------------------------- */
.food-family-card .food-family-art {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-align: center !important;
}

.food-family-card .food-family-art::before {
  content: none !important;
  display: none !important;
}

.food-family-card .food-family-art > .food-family-svg {
  display: none !important;
}

.food-family-card .food-family-art::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  place-self: center !important;
  width: 104px !important;
  height: 72px !important;
  max-width: 78% !important;
  max-height: 74% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background-color: transparent !important;
  background-image: var(--family-icon) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: contain !important;
}

.family-frutas .food-family-art::after { width: 116px !important; }
.family-tuberculos .food-family-art::after { width: 110px !important; }

.home-feature-illustration[class*="family-"] > .food-family-svg,
.discover-illustration[class*="family-"] > .food-family-svg,
.card-placeholder-illustrated[class*="family-"] > .food-family-svg,
.taxonomy-hero-visual[class*="family-"] > .food-family-svg,
.article-hero-fallback[class*="family-"] > .food-family-svg {
  display: none !important;
}

.home-feature-illustration[class*="family-"]::after,
.discover-illustration[class*="family-"]::after,
.card-placeholder-illustrated[class*="family-"]::after,
.taxonomy-hero-visual[class*="family-"]::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: min(190px, 48%) !important;
  height: min(132px, 58%) !important;
  margin: auto !important;
  transform: none !important;
  background-image: var(--family-icon) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: contain !important;
}

/* The single-article hero uses a real child instead of a percentage-height
 * pseudo-element. That avoids the artwork collapsing when the parent height
 * is determined by older responsive layers. */
.article-hero-fallback[class*="family-"]::after {
  content: none !important;
  display: none !important;
}

.article-hero-fallback[class*="family-"] {
  display: grid !important;
  place-items: center !important;
  min-height: clamp(230px, 31vw, 430px) !important;
  overflow: hidden !important;
}

.article-hero-fallback[class*="family-"] > .article-hero-art {
  display: block !important;
  width: clamp(180px, 26vw, 330px) !important;
  height: clamp(126px, 18vw, 230px) !important;
  margin: auto !important;
  background-color: transparent !important;
  background-image: var(--family-icon) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: contain !important;
}

/* Topic-only articles retain their existing inline fallback if no food family
 * is assigned. */
.article-hero-fallback[class*="topic-"] > .article-hero-art {
  display: none !important;
}

/* -----------------------------------------------------------------------
 * One article-card system on home, archives, search and related content
 * -------------------------------------------------------------------- */
.card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.card-grid .post-card {
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  background: var(--pometum-paper) !important;
  border: 1px solid var(--pometum-line) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

.card-grid .post-card > a {
  display: block !important;
  width: 100% !important;
}

.card-grid .card-media {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.card-grid .card-body {
  box-sizing: border-box !important;
  padding: 18px 20px 22px !important;
}

.latest-guides-v5 > .container {
  box-sizing: border-box !important;
  width: min(1240px, calc(100% - 64px)) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 36px clamp(28px, 3vw, 46px) 44px !important;
}
.latest-guides-v5 .section-head-v5 { margin: 0 0 28px !important; }

.archive-wrap,
.related > .container {
  box-sizing: border-box !important;
  width: min(1240px, calc(100% - 64px)) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.archive-wrap > .card-grid,
.related .card-grid {
  margin-top: 8px !important;
}

@media (max-width: 1080px) {
  .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .food-family-card .food-family-art {
    min-height: 70px !important;
    padding: 7px !important;
  }

  .food-family-card .food-family-art::after {
    width: 68px !important;
    height: 56px !important;
    max-width: 76% !important;
    max-height: 76% !important;
  }
  .family-frutas .food-family-art::after,
  .family-tuberculos .food-family-art::after {
    width: 72px !important;
    height: 56px !important;
  }

  .article-hero-fallback[class*="family-"] {
    min-height: 250px !important;
  }

  .article-hero-fallback[class*="family-"] > .article-hero-art {
    width: min(250px, 62vw) !important;
    height: min(175px, 44vw) !important;
  }

  .latest-guides-v5 > .container,
  .archive-wrap,
  .related > .container {
    width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  .latest-guides-v5 > .container {
    padding: 26px 18px 32px !important;
  }

  .card-grid .card-body {
    padding: 17px 18px 20px !important;
  }
}

@media (max-width: 700px) {
  .card-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

@media (max-width: 430px) {
  .food-family-card .food-family-art::after {
    width: 64px !important;
    height: 54px !important;
  }
  .family-frutas .food-family-art::after,
  .family-tuberculos .food-family-art::after {
    width: 70px !important;
    height: 54px !important;
  }

  .article-hero-fallback[class*="family-"] {
    min-height: 220px !important;
  }

  .article-hero-fallback[class*="family-"] > .article-hero-art {
    width: 210px !important;
    height: 148px !important;
  }

  .latest-guides-v5 > .container {
    padding: 22px 14px 26px !important;
  }

  .card-grid .card-body {
    padding: 16px 16px 19px !important;
  }
}


/* ===== assets/css/pometum-v6-ui.css ===== */
/*
 * Quinnoa v6 — archive banner spacing, full-screen search and editorial pages.
 */

/* Taxonomy/archive hero -------------------------------------------------- */
.archive-wrap > .archive-header {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 40px !important;
  padding: clamp(28px, 3.2vw, 46px) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.archive-wrap > .archive-header.has-taxonomy-visual {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 290px) !important;
  gap: clamp(28px, 4vw, 58px) !important;
  align-items: center !important;
}

.archive-header-copy {
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.archive-header-copy .eyebrow {
  margin-top: 0 !important;
}

.archive-header-copy h1 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.taxonomy-hero-visual {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Home should meet the footer directly, with no pale strip in between. */
body.home .site-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.home .latest-guides-v5 {
  margin-bottom: 0 !important;
}

.site-footer {
  margin-top: 0 !important;
}

/* Language overlay: name only. */
.language-option-copy {
  gap: 0 !important;
}

.language-option-status {
  display: none !important;
}

/* English is the US edition, so always render the US flag visually. */
.language-option[hreflang="en"] .language-option-flag {
  font-size: 0 !important;
}

.language-option[hreflang="en"] .language-option-flag::before {
  content: "🇺🇸";
  display: inline-block;
  font-size: 28px;
  line-height: 1;
}

html[lang^="en"] .language-current-flag {
  font-size: 0 !important;
}

html[lang^="en"] .language-current-flag::before {
  content: "🇺🇸";
  display: inline-block;
  font-size: 20px;
  line-height: 1;
}

/* Search overlay --------------------------------------------------------- */
.search-overlay {
  position: fixed;
  inset: 0;
  z-index: 1210;
  display: grid;
  grid-template-rows: 1fr;
  background:
    radial-gradient(circle at 18% 20%, rgba(217,108,85,.11), transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(232,199,106,.12), transparent 30%),
    var(--pometum-olive);
  color: var(--pometum-paper);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}

.search-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

.search-overlay-shell {
  width: min(1120px, calc(100% - 48px));
  min-height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.search-overlay-top {
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.search-overlay .pometum-wordmark {
  color: var(--pometum-paper) !important;
}

.search-overlay .pometum-o::after {
  background: var(--pometum-butter) !important;
}

.search-overlay-close {
  appearance: none;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  background: transparent;
  color: var(--pometum-paper);
  cursor: pointer;
}

.search-overlay-close svg {
  width: 22px;
  height: 22px;
}

.search-overlay-close:hover,
.search-overlay-close:focus-visible {
  border-color: var(--pometum-butter);
  color: var(--pometum-butter);
  outline: none;
}

.search-overlay-content {
  flex: 1;
  display: grid;
  align-content: center;
  padding: 64px 0 90px;
}

.search-overlay-eyebrow {
  margin: 0 0 14px;
  color: var(--pometum-butter);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.search-overlay-title {
  max-width: 780px;
  margin: 0 0 36px;
  color: var(--pometum-paper) !important;
  font-family: var(--pometum-serif);
  font-size: clamp(44px, 6vw, 76px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.045em;
}

.search-overlay-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  width: min(900px, 100%);
}

.search-overlay-form input[type="search"] {
  min-width: 0;
  height: 64px;
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 6px;
  background: rgba(251,248,241,.08);
  color: var(--pometum-paper);
  font: 600 18px/1.2 var(--pometum-sans);
  outline: none;
}

.search-overlay-form input[type="search"]::placeholder {
  color: rgba(251,248,241,.58);
}

.search-overlay-form input[type="search"]:focus {
  border-color: var(--pometum-butter);
  box-shadow: 0 0 0 3px rgba(232,199,106,.12);
}

.search-overlay-form button {
  min-width: 138px;
  height: 64px;
  padding: 0 24px;
  border: 0;
  border-radius: 6px;
  background: var(--pometum-coral);
  color: var(--pometum-paper);
  font: 800 13px/1 var(--pometum-sans);
  letter-spacing: .04em;
  cursor: pointer;
}

.search-overlay-form button:hover,
.search-overlay-form button:focus-visible {
  filter: brightness(1.06);
  outline: 2px solid var(--pometum-butter);
  outline-offset: 3px;
}

body.search-overlay-open {
  overflow: hidden;
}

/* Editorial/static pages ------------------------------------------------- */
.editorial-page-shell {
  box-sizing: border-box;
  width: min(980px, calc(100% - 64px));
  margin: 0 auto;
  padding: 54px 0 82px;
}

.editorial-page-header {
  padding: clamp(28px, 4vw, 48px);
  margin: 0 0 34px;
  border: 1px solid var(--pometum-line);
  border-radius: 8px;
  background: var(--pometum-paper);
}

.editorial-page-header .eyebrow {
  margin-bottom: 12px;
}

.editorial-page-header h1 {
  margin: 0 0 16px;
  color: var(--pometum-olive);
  font-family: var(--pometum-serif);
  font-size: clamp(42px, 6vw, 68px);
  line-height: 1;
  letter-spacing: -.04em;
}

.editorial-page-header p {
  max-width: 760px;
  margin: 0;
  font-size: 19px;
  line-height: 1.6;
}

.editorial-page-content {
  max-width: 820px;
}

.editorial-page-content section + section {
  margin-top: 38px;
}

.editorial-page-content h2 {
  margin: 0 0 12px;
  color: var(--pometum-olive);
  font-family: var(--pometum-serif);
  font-size: clamp(28px, 4vw, 38px);
}

.editorial-page-content p,
.editorial-page-content li {
  font-size: 17px;
  line-height: 1.72;
}

.editorial-page-content ul {
  padding-left: 1.25em;
}

.pometum-contact-form {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.pometum-contact-form label {
  display: grid;
  gap: 7px;
  font-weight: 700;
  color: var(--pometum-olive);
}

.pometum-contact-form input,
.pometum-contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--pometum-line);
  border-radius: 5px;
  background: var(--pometum-paper);
  padding: 13px 14px;
  color: var(--pometum-olive);
  font: 400 16px/1.5 var(--pometum-sans);
}

.pometum-contact-form textarea {
  min-height: 180px;
  resize: vertical;
}

.pometum-contact-form button {
  justify-self: start;
  border: 0;
  border-radius: 5px;
  background: var(--pometum-olive);
  color: var(--pometum-paper);
  padding: 14px 22px;
  font-weight: 800;
  cursor: pointer;
}

.contact-notice {
  padding: 14px 16px;
  border-left: 3px solid var(--pometum-coral);
  background: rgba(217,108,85,.08);
}

@media (max-width: 900px) {
  .archive-wrap > .archive-header.has-taxonomy-visual {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .archive-wrap > .archive-header {
    padding: 22px !important;
    margin-bottom: 24px !important;
  }

  .taxonomy-hero-visual {
    min-height: 150px !important;
  }

  .search-overlay-shell {
    width: min(100% - 28px, 760px);
  }

  .search-overlay-top {
    min-height: 78px;
  }

  .search-overlay-content {
    align-content: start;
    padding: 54px 0 64px;
  }

  .search-overlay-form {
    grid-template-columns: 1fr;
  }

  .search-overlay-form button {
    width: 100%;
  }

  .editorial-page-shell {
    width: calc(100% - 28px);
    padding: 30px 0 54px;
  }
}

@media (max-width: 430px) {
  .archive-wrap > .archive-header {
    padding: 18px !important;
  }

  .search-overlay-title {
    margin-bottom: 28px;
  }

  .search-overlay-form input[type="search"],
  .search-overlay-form button {
    height: 58px;
  }

  .editorial-page-header {
    padding: 22px 18px;
  }
}


/* ===== assets/css/pometum-v7-polish.css ===== */
/*
 * Quinnoa v7 — tighter home rhythm and final editorial polish.
 */

/* Brand wordmark: Quinnoa always starts with a capital Q. */
.pometum-wordmark > span:first-child {
  text-transform: none !important;
}

/* Brand lockup: the separator sits under the space between the two n's. */
.site-branding > a {
  display: inline-flex !important;
  flex-direction: column;
  align-items: stretch;
}

.site-branding .pometum-logo {
  width: 100%;
  justify-content: center;
}

.site-branding .site-tagline {
  display: grid !important;
  grid-template-columns: 55fr auto 45fr;
  align-items: center;
  column-gap: 7px;
  width: 100%;
  margin-top: 9px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  line-height: 1.1;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-tagline-word:first-child {
  text-align: right;
}

.site-tagline-word:last-child {
  text-align: left;
}

.site-tagline-separator {
  display: inline-block;
  color: var(--pometum-butter, #E8C76A);
  font-size: 1.15em;
  line-height: 1;
}

/* Keep the home hero expressive without making the headline dominate an
   entire desktop viewport. */
@media (min-width: 961px) {
  body.home .home-hero-v5 {
    padding-top: 30px !important;
    padding-bottom: 42px !important;
  }

  body.home .hero-main-v5 {
    padding: clamp(30px, 3.6vw, 52px) !important;
  }

  body.home .hero-main-v5 h1 {
    max-width: 100% !important;
    margin: 14px 0 20px !important;
    font-size: clamp(48px, 4.55vw, 66px) !important;
    line-height: .99 !important;
    letter-spacing: -.045em !important;
  }

  body.home .hero-main-v5 > p {
    margin-bottom: 24px !important;
  }
}

/* The discovery block works better without the dark rule running across the
   top of the lead image and secondary stories. */
body.home .discover-section .discover-grid {
  border-top: 0 !important;
}

/* Three concise footer destinations; align them by their text baseline rather
   than by the center of their boxes so all labels sit on exactly one level. */
.site-footer .footer-links-v5 {
  align-items: baseline !important;
}

.site-footer .footer-links-v5 li,
.site-footer .footer-links-v5 a {
  display: inline-flex;
  align-items: baseline;
  line-height: 1.2;
}

.site-footer .footer-links-v5 a {
  white-space: nowrap;
}

@media (max-width: 620px) {
  .site-footer .footer-links-v5 a {
    white-space: normal;
  }
}

/* Quinnoa logo cleanup: no legacy leaf; the i dot is a small quinoa grain. */
.pometum-o::after {
  content: none !important;
  display: none !important;
}

.quinnoa-i {
  position: relative;
  display: inline-block;
}

.quinnoa-i::after {
  content: "";
  position: absolute;
  width: .145em;
  height: .115em;
  min-width: 5px;
  min-height: 4px;
  left: 51%;
  top: .095em;
  border: .018em solid rgba(118, 94, 76, .58);
  border-radius: 56% 44% 52% 48% / 43% 58% 42% 57%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.46) 0 14%, transparent 15%),
    linear-gradient(145deg, #F1D67D 0%, var(--pometum-butter, #E8C76A) 54%, #D5AD4E 100%);
  box-shadow:
    inset -.018em -.014em 0 rgba(118, 94, 76, .13),
    0 .018em .025em rgba(45, 51, 44, .16);
  transform: translateX(-50%) rotate(-11deg);
  transform-origin: center;
}

/* Render language flags ourselves instead of relying on emoji support. */
.language-current-flag,
.language-option-flag {
  display: inline-block !important;
  flex: 0 0 auto;
  overflow: hidden;
  font-size: 0 !important;
  line-height: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(251,248,241,.28);
}

.language-current-flag {
  width: 22px;
  height: 15px;
}

.language-option-flag {
  width: 36px;
  height: 24px;
}

.language-current-flag::before,
.language-current-flag::after,
.language-option-flag::before,
.language-option-flag::after {
  content: none !important;
  display: none !important;
}

.flag-es {
  background-image: linear-gradient(
    to bottom,
    #AA151B 0 25%,
    #F1BF00 25% 75%,
    #AA151B 75% 100%
  ) !important;
}

.flag-en {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 18'%3E%3Crect width='26' height='18' fill='%23fff'/%3E%3Cg fill='%23B22234'%3E%3Crect y='0' width='26' height='1.385'/%3E%3Crect y='2.77' width='26' height='1.385'/%3E%3Crect y='5.54' width='26' height='1.385'/%3E%3Crect y='8.31' width='26' height='1.385'/%3E%3Crect y='11.08' width='26' height='1.385'/%3E%3Crect y='13.85' width='26' height='1.385'/%3E%3Crect y='16.615' width='26' height='1.385'/%3E%3C/g%3E%3Crect width='10.5' height='9.7' fill='%233C3B6E'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='1.4' cy='1.3' r='.42'/%3E%3Ccircle cx='3.5' cy='1.3' r='.42'/%3E%3Ccircle cx='5.6' cy='1.3' r='.42'/%3E%3Ccircle cx='7.7' cy='1.3' r='.42'/%3E%3Ccircle cx='9.8' cy='1.3' r='.42'/%3E%3Ccircle cx='2.45' cy='3.1' r='.42'/%3E%3Ccircle cx='4.55' cy='3.1' r='.42'/%3E%3Ccircle cx='6.65' cy='3.1' r='.42'/%3E%3Ccircle cx='8.75' cy='3.1' r='.42'/%3E%3Ccircle cx='1.4' cy='4.9' r='.42'/%3E%3Ccircle cx='3.5' cy='4.9' r='.42'/%3E%3Ccircle cx='5.6' cy='4.9' r='.42'/%3E%3Ccircle cx='7.7' cy='4.9' r='.42'/%3E%3Ccircle cx='9.8' cy='4.9' r='.42'/%3E%3Ccircle cx='2.45' cy='6.7' r='.42'/%3E%3Ccircle cx='4.55' cy='6.7' r='.42'/%3E%3Ccircle cx='6.65' cy='6.7' r='.42'/%3E%3Ccircle cx='8.75' cy='6.7' r='.42'/%3E%3Ccircle cx='1.4' cy='8.5' r='.42'/%3E%3Ccircle cx='3.5' cy='8.5' r='.42'/%3E%3Ccircle cx='5.6' cy='8.5' r='.42'/%3E%3Ccircle cx='7.7' cy='8.5' r='.42'/%3E%3Ccircle cx='9.8' cy='8.5' r='.42'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Search and language overlays use a single heading, without a secondary label above it. */
.search-overlay-title,
.language-overlay-title {
  margin-top: 0 !important;
}

.language-overlay-eyebrow {
  display: none !important;
}

/* Generic category artwork inside an article is only a visual reference. It
   should never behave like a hero image or take over the first screen. */
body.single-post .article-hero-fallback[class*="family-"],
body.single-post .article-hero-fallback[class*="topic-"] {
  width: min(calc(100% - 48px), 520px) !important;
  height: 82px !important;
  min-height: 0 !important;
  margin: 2px auto 20px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.single-post .article-hero-fallback[class*="family-"] > .article-hero-art,
body.single-post .article-hero-fallback[class*="topic-"] > .article-hero-art {
  width: 92px !important;
  height: 62px !important;
  margin: auto !important;
  background-position: 50% 50% !important;
  background-size: contain !important;
}

body.single-post .article-hero-fallback > .food-family-svg,
body.single-post .article-hero-fallback > .food-topic-svg {
  display: none !important;
}

@media (max-width: 680px) {
  body.single-post .article-hero-fallback[class*="family-"],
  body.single-post .article-hero-fallback[class*="topic-"] {
    width: min(calc(100% - 28px), 460px) !important;
    height: 72px !important;
    margin-bottom: 16px !important;
    border-radius: 10px !important;
  }

  body.single-post .article-hero-fallback[class*="family-"] > .article-hero-art,
  body.single-post .article-hero-fallback[class*="topic-"] > .article-hero-art {
    width: 80px !important;
    height: 54px !important;
  }
}

/* Directory pages should feel like normal editorial pages. The cards provide
   enough visual structure on their own, so there is no section background or
   leftover divider line from the homepage versions of these sections. */
.directory-page-wrap {
  padding-bottom: 54px !important;
}

.directory-page-header {
  margin-bottom: 18px !important;
}

.directory-page-section,
.directory-page-section.food-families-section,
.directory-page-section.topic-directory-section {
  position: relative;
  padding: 18px 0 12px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.directory-page-section::before,
.directory-page-section::after {
  content: none !important;
  display: none !important;
}

/* The all-articles page doubles as the main searchable archive. */
.latest-articles-header {
  max-width: 860px !important;
}

.latest-articles-search {
  width: min(100%, 680px);
  margin: 24px 0 0 !important;
}

.latest-articles-search .search-form {
  width: 100%;
}

/* Internal-page rhythm: breadcrumbs belong visually to the header, so remove
   the stacked top spacing from archive/editorial wrappers and the breadcrumb
   itself. The homepage is intentionally untouched. */
body:not(.home) .archive-wrap {
  padding-top: 10px !important;
}

body:not(.home) .breadcrumbs {
  margin-top: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}

body:not(.home) .editorial-page-shell {
  padding-top: 10px !important;
}

body.single-post .site-content > .article-shell:first-child {
  padding-top: 0 !important;
}

/* Article-card sharing stays secondary to the article link and reading time. */
.card-grid .post-card {
  position: relative !important;
}

.card-grid .card-meta {
  padding-right: 92px;
}

.card-share {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 3;
  display: flex;
  align-items: center;
}

.card-share-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 3px 0;
  border: 0;
  background: transparent;
  color: var(--pometum-earth, #765E4C);
  font: inherit;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  cursor: pointer;
  transition: color .18s ease;
}

.card-share-button:hover,
.card-share-button:focus-visible {
  color: var(--pometum-coral, #D96C55);
}

.card-share-button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.card-share-button svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

/* More useful pagination: keep nearby pages visible and let the control wrap
   gracefully instead of collapsing navigation on large archives. */
.pagination.nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 44px;
}

.pagination.nav-links .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 7px 11px;
  border: 1px solid var(--pometum-line, rgba(57,69,54,.17));
  border-radius: 5px;
  background: var(--pometum-paper, #FBF8F1);
  color: var(--pometum-olive, #394536);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.pagination.nav-links a.page-numbers:hover,
.pagination.nav-links a.page-numbers:focus-visible {
  border-color: rgba(57,69,54,.42);
  background: rgba(57,69,54,.045);
}

.pagination.nav-links .page-numbers.current {
  border-color: var(--pometum-olive, #394536);
  background: var(--pometum-olive, #394536);
  color: var(--pometum-paper, #FBF8F1);
}

.pagination.nav-links .page-numbers.dots {
  min-width: 24px;
  padding-left: 3px;
  padding-right: 3px;
  border-color: transparent;
  background: transparent;
}

.pagination.nav-links .prev,
.pagination.nav-links .next {
  min-width: auto;
}

@media (max-width: 700px) {
  .directory-page-wrap {
    padding-bottom: 42px !important;
  }

  .directory-page-header {
    margin-bottom: 14px !important;
  }

  .directory-page-section,
  .directory-page-section.food-families-section,
  .directory-page-section.topic-directory-section {
    padding: 12px 0 8px !important;
  }

  .latest-articles-search {
    margin-top: 20px !important;
  }

  body:not(.home) .archive-wrap,
  body:not(.home) .editorial-page-shell {
    padding-top: 6px !important;
  }

  body:not(.home) .breadcrumbs {
    padding-top: 8px !important;
    padding-bottom: 6px !important;
  }

  .card-grid .card-meta {
    padding-right: 84px;
  }

  .card-share {
    right: 16px;
    bottom: 13px;
  }

  .pagination.nav-links {
    gap: 5px;
    margin-top: 36px;
  }

  .pagination.nav-links .page-numbers {
    min-width: 36px;
    min-height: 36px;
    padding: 6px 9px;
    font-size: 11.5px;
  }
}