/* UMBRAL v39 — Inicio más claro. Solo index.html. No afecta Monster Food ni páginas internas. */

/* Header: único bloque grande que conserva el marrón. */
body.home-page .site-header {
  top: 0 !important;
  background: rgba(58,45,38,.98) !important;
  color: var(--on-dark) !important;
  box-shadow: 0 4px 20px rgba(35,31,27,.12);
  backdrop-filter: blur(16px);
}
body.home-page .site-header.is-sticky {
  background: rgba(58,45,38,.96) !important;
}
body.home-page .site-header .header-inner {
  border-bottom-color: rgba(232,229,224,.12);
}
body.home-page .site-header .desktop-nav a,
body.home-page .site-header .header-panel-link,
body.home-page .site-header .icon-button {
  color: var(--on-dark);
}

/* Portada: crema en lugar de la gran masa marrón. */
body.home-page .hero {
  background: linear-gradient(135deg,#f7f4ed 0%,#f1eadf 58%,#e9dfd1 100%) !important;
  color: var(--ink) !important;
  padding-top: 112px;
}
body.home-page .hero-grain { opacity:.02; }
body.home-page .hero-copy > .eyebrow,
body.home-page .hero h1 em { color: var(--moss) !important; }
body.home-page .hero h1 { color: var(--ink) !important; }
body.home-page .hero-secondary,
body.home-page .hero-description,
body.home-page .hero-signature,
body.home-page .hero-art-caption p { color: var(--stone) !important; }
body.home-page .hero-signature strong,
body.home-page .hero-art-caption > span { color: var(--ink) !important; }
body.home-page .hero-art-caption { border-top-color: var(--line) !important; }
body.home-page .hero-art-caption .round-link { border-color: rgba(35,31,27,.22) !important; color:var(--ink); }
body.home-page .hero-bottom { color:#756b64 !important; }
body.home-page .hero-bottom a,
body.home-page .hero-bottom > span { color:#756b64 !important; }
body.home-page .hero-shadow { background:rgba(74,65,58,.18) !important; }
body.home-page .hero-art img { filter:drop-shadow(14px 28px 20px rgba(35,31,27,.18)) !important; }

/* Cuarto premio: mantiene el contraste del layout pero en crema. */
body.home-page .category-light {
  background:#e9dfd1 !important;
  color:var(--ink) !important;
}
body.home-page .category-light .category-number { color:var(--moss) !important; }
body.home-page .category-light .category-copy p { color:var(--stone) !important; }
body.home-page .category-light .round-link { border-color:var(--line) !important; }

/* Secciones que antes formaban grandes bloques marrones. */
body.home-page .editorial-section {
  background:#eee8dc !important;
  color:var(--ink) !important;
}
body.home-page .editorial-copy .eyebrow,
body.home-page .editorial-copy h2 em { color:var(--moss) !important; }
body.home-page .editorial-copy > p,
body.home-page .editorial-footnote { color:var(--stone) !important; }
body.home-page .editorial-footnote { border-top-color:var(--line) !important; }

body.home-page .focus-card {
  background:linear-gradient(135deg,#f0e9dd,#e5dacb) !important;
  color:var(--ink) !important;
  border:1px solid rgba(35,31,27,.08);
  box-shadow:0 24px 60px rgba(35,31,27,.08);
}
body.home-page .focus-copy .eyebrow,
body.home-page .focus-copy h2 em { color:var(--moss) !important; }
body.home-page .focus-copy > p { color:var(--stone) !important; }

body.home-page .closing-section {
  background:#f7f4ed !important;
  color:var(--ink) !important;
  border-top:1px solid var(--line);
}
body.home-page .closing-section .eyebrow,
body.home-page .closing-section h2 em { color:var(--moss) !important; }
body.home-page .closing-section p { color:var(--stone) !important; }

/* Footer claro: conserva apenas el marrón en detalles, no como gran superficie. */
body.home-page .site-footer {
  background:#eee8dc !important;
  color:var(--ink) !important;
  border-top:1px solid rgba(35,31,27,.10);
}
body.home-page .site-footer .footer-intro > p,
body.home-page .site-footer .footer-note,
body.home-page .site-footer .footer-top > div:not(:first-child) > a,
body.home-page .site-footer .footer-top .text-link,
body.home-page .site-footer .footer-bottom {
  color:#6e6258 !important;
}
body.home-page .site-footer .footer-top h3 { color:var(--ink) !important; }
body.home-page .site-footer .footer-top > div > a:hover,
body.home-page .site-footer .text-link:hover { color:#231f1b !important; }
body.home-page .site-footer .footer-bottom { border-top-color:rgba(35,31,27,.12) !important; }
body.home-page .site-footer .brand-custom-image {
  filter:brightness(0) saturate(100%) opacity(.84);
}
body.home-page .site-footer .footer-palette { display:none !important; }

@media (max-width:760px) {
  body.home-page .hero { padding-top:96px; }
}