/* lastorres.es · Mercado semanal · UX V0.3.4 */
.market-page-hero{padding-bottom:22px}
.market-hero-route{display:flex;align-items:center;gap:18px}
.market-hero-route img{width:72px;height:72px;flex:0 0 72px}
.market-page-hero h1{margin-bottom:8px}
.market-page-hero p{margin:0;max-width:880px}
.market-kicker{color:var(--market);font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}

.market-current-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--market) 34%,var(--border));border-radius:22px;padding:26px;box-shadow:var(--shadow);margin-bottom:24px;position:relative;overflow:hidden}
.market-current-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--market)}
.market-current-card.is-cancelled{border-color:color-mix(in srgb,var(--alert) 42%,var(--border))}
.market-current-card.is-cancelled::before{background:var(--alert)}
.market-current-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.market-current-top h2{font-size:clamp(1.65rem,3.4vw,2.35rem);line-height:1.12;margin:0;letter-spacing:-.025em}
.market-state-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--market) 32%,var(--border));background:color-mix(in srgb,var(--market) 8%,var(--surface));color:var(--market);border-radius:999px;padding:8px 11px;font-size:.73rem;font-weight:900;white-space:nowrap}
.market-state-pill.is-live{background:color-mix(in srgb,var(--market) 13%,var(--surface))}
.market-live-dot{width:8px;height:8px;border-radius:50%;background:var(--market);box-shadow:0 0 0 4px color-mix(in srgb,var(--market) 16%,transparent)}

.market-facts-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px}
.market-fact{border:1px solid var(--border);background:var(--surface-2);border-radius:15px;padding:15px}
.market-fact-label{display:block;color:var(--muted);font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em;margin-bottom:6px}
.market-fact strong{display:block;font-size:1.04rem;line-height:1.28}
.market-fact small{display:block;color:var(--muted);margin-top:5px;line-height:1.35}

.market-primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.market-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;padding:10px 14px;font-weight:850;text-decoration:none;border:1px solid color-mix(in srgb,var(--market) 34%,var(--border))}
.market-action.primary{background:var(--market);border-color:var(--market);color:#fff}
.market-action.secondary{color:var(--market);background:color-mix(in srgb,var(--market) 6%,var(--surface))}
.market-action:hover{transform:translateY(-1px)}
.market-context-note{margin-top:18px;border-left:4px solid var(--market);border-radius:0 12px 12px 0;padding:13px 15px;background:color-mix(in srgb,var(--market) 8%,var(--surface));color:var(--muted)}
.market-context-note strong{color:var(--text)}
.market-context-note.warning{border-color:var(--alert);background:color-mix(in srgb,var(--alert) 8%,var(--surface))}

.market-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:17px}
.market-section-heading h2{margin:0 0 6px}
.market-section-heading p{color:var(--muted);margin:0;max-width:790px}
.market-upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.market-upcoming-item{border:1px solid var(--border);border-radius:15px;padding:15px;background:var(--surface-2)}
.market-upcoming-item.is-cancelled{border-color:color-mix(in srgb,var(--alert) 35%,var(--border))}
.market-upcoming-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.market-upcoming-head strong{line-height:1.25}
.market-upcoming-time{color:var(--market);font-size:1.22rem;font-weight:900;margin-top:12px}
.market-upcoming-item p{color:var(--muted);margin:5px 0 0;line-height:1.35}
.market-mini-pill{display:inline-flex;border-radius:999px;padding:4px 6px;font-size:.60rem;font-weight:900;color:var(--market);background:color-mix(in srgb,var(--market) 10%,transparent);white-space:nowrap}
.market-mini-pill.danger{color:var(--alert);background:color-mix(in srgb,var(--alert) 10%,transparent)}

.market-week-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.market-week-card{border:1px solid var(--border);border-radius:15px;padding:17px;background:var(--surface-2)}
.market-week-card span{display:block;color:var(--market);font-size:.73rem;font-weight:900;letter-spacing:.06em}
.market-week-card strong{display:block;font-size:1.35rem;margin:6px 0 3px}
.market-week-card p{color:var(--muted);margin:0}

.market-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.market-rule-card{margin-bottom:24px}
.market-rule-card p{color:var(--muted);margin-bottom:0}
.market-source-card{display:flex;justify-content:space-between;gap:24px;align-items:center}
.market-source-card h2{margin-bottom:7px}
.market-source-card p{color:var(--muted);margin:0;max-width:820px}
.market-unavailable p{color:var(--muted)}

@media(max-width:820px){
  .market-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-fact-location{grid-column:1/-1}
  .market-upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-source-card{display:block}
  .market-source-card .market-action{margin-top:16px}
}
@media(max-width:620px){
  .market-hero-route{align-items:flex-start;gap:13px}
  .market-hero-route img{width:58px;height:58px;flex-basis:58px}
  .market-current-card{padding:19px}
  .market-current-top{display:block}
  .market-state-pill{margin-top:12px}
  .market-facts-grid,.market-upcoming-grid,.market-week-grid,.market-rules-grid{grid-template-columns:1fr}
  .market-fact-location{grid-column:auto}
  .market-primary-actions{display:grid;grid-template-columns:1fr}
  .market-action{width:100%}
  .market-upcoming-head{display:block}
  .market-mini-pill{margin-top:7px}
}

/* V0.3.6 · los enlaces internos no quedan ocultos bajo la cabecera sticky. */
#proximos-mercados{scroll-margin-top:106px}

@media(max-width:620px){
  #proximos-mercados{scroll-margin-top:90px}
}