/* Exclusivo del inicio. No importar ni depender de display.css. */
#home-markets { max-width: 1280px; margin: 0 auto; padding: 48px 32px; color: #223b2d; }
#home-markets .hm-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
#home-markets .hm-eyebrow { display: block; color: #52705c; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
#home-markets h2 { font-size: 28px; font-weight: 700; letter-spacing: -.025em; margin: 6px 0 0; }
#home-markets h3 { font-size: 25px; font-weight: 700; margin: 5px 0 0; line-height: 1.2; }
#home-markets .hm-heading p { font-size: 13px; color: #62746a; }
#home-markets .hm-boards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
#home-markets .hm-board { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fff; border: 1px solid #dbe5dd; border-top: 4px solid #238257; border-radius: 18px; box-shadow: 0 5px 20px #22382b0c; }
#home-markets .hm-forward { border-top-color: #527c9b; }
#home-markets .hm-board-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 24px; border-bottom: 1px solid #e7eee9; background: #f7faf8; }
#home-markets button { padding: 10px 14px; border: 1px solid #cdded2; border-radius: 10px; color: #246342; background: #fff; font-size: 12px; font-weight: 600; cursor: pointer; min-height: 44px; }
#home-markets button:hover { background: #edf6ef; }
#home-markets :is(button,a):focus-visible { outline: 3px solid #37a66b; outline-offset: 3px; }
#home-markets .hm-grain-list { flex: 1; padding: 0 24px; }
#home-markets .hm-grain-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 19px 0; min-height: 86px; border-bottom: 1px solid #e7eee9; }
#home-markets .hm-grain-row:last-child { border-bottom: 0; }
#home-markets .hm-grain-icon { width: 42px; height: 42px; border-radius: 12px; background: #edf4ef; display: grid; place-items: center; color: #34714d; }
#home-markets .hm-grain-icon svg { width: 30px; height: 30px; }
#home-markets .hm-grain-name { display: block; font-size: 17px; font-weight: 650; }
#home-markets .hm-grain-note { display: block; color: #647569; font-size: 12px; margin-top: 4px; overflow-wrap: anywhere; }
#home-markets .hm-grain-price { text-align: right; color: #1d623b; font-size: 24px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
#home-markets .hm-grain-price small { font-size: 13px; margin-right: 5px; }
#home-markets .hm-unquoted { font-size: 13px; color: #788078; font-weight: 500; }
#home-markets .hm-board-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; border-top: 1px solid #e7eee9; padding: 14px 24px; color: #647569; font-size: 11px; background: #fafcfb; }
#home-markets .hm-empty-state { padding: 24px 0; color: #647569; font-size: 14px; }
#home-markets .hm-dollar { display: grid; grid-template-columns: minmax(190px, 1fr) 2fr; align-items: center; gap: 28px; margin-top: 24px; padding: 26px; color: #f5faf6; border-radius: 18px; border: 1px solid #3a5744; background: linear-gradient(115deg, #1c3225, #30483a); }
#home-markets .hm-dollar .hm-eyebrow { color: #a9d6b7; }
#home-markets .hm-dollar-heading > span:last-child { display: block; margin-top: 12px; color: #c4d6c9; font-size: 12px; }
#home-markets .hm-dollar-items { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; min-width: 0; }
#home-markets .hm-bna-value { border-left: 1px solid #ffffff29; padding-left: 24px; }
#home-markets .hm-bna-value span { display: block; color: #c4d6c9; font-size: 12px; margin-bottom: 5px; }
#home-markets .hm-bna-value strong { font-size: 27px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
#home-markets .hm-bna-source { grid-column: 1 / -1; padding-left: 24px; font-size: 11px; color: #c4d6c9; }
#home-markets .hm-bna-source a { text-decoration: underline; text-underline-offset: 3px; }
#home-markets .hm-bna-source span { display: block; margin-top: 4px; }
#home-markets .hm-dollar .hm-empty-state { color: #c4d6c9; grid-column: 1 / -1; }
#home-markets .hm-is-stale { border-color: #c59b56; }
#home-markets .hm-is-stale [role="status"] { color: #9c661d; }
#home-markets .hm-dollar.hm-is-stale [role="status"] { color: #f5d196; }
@media (max-width: 1023px) {
  #home-markets .hm-grain-price { font-size: 20px; }
  #home-markets .hm-board-header, #home-markets .hm-board-footer { padding-inline: 18px; }
  #home-markets .hm-grain-list { padding-inline: 18px; }
  #home-markets .hm-dollar { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 767px) {
  #home-markets { padding: 32px 16px; }
  #home-markets .hm-heading { flex-direction: column; align-items: start; gap: 8px; }
  #home-markets .hm-boards { grid-template-columns: 1fr; gap: 20px; }
  #home-markets .hm-dollar { padding: 22px 18px; }
  #home-markets .hm-bna-value { padding-left: 0; border-left: 0; }
  #home-markets .hm-bna-value strong { font-size: 22px; }
  #home-markets .hm-bna-source { padding-left: 0; }
}