.page-mercados{background:#030405}
.mk-hero{position:relative;min-height:520px;overflow:hidden;border-bottom:1px solid rgba(212,162,59,.18)}
.mk-hero-media{position:absolute;inset:0;background:url("../img/mercados/hero-mercados.png?v=20260721-01") center/cover no-repeat}
.mk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,5,.97) 0%,rgba(3,4,5,.82) 38%,rgba(3,4,5,.14) 70%,rgba(3,4,5,.30) 100%)}
.mk-hero-inner{position:relative;z-index:2;min-height:520px;display:flex;align-items:center}
.mk-hero-copy{width:min(48%,650px)}
.mk-breadcrumb{display:flex;gap:10px;margin-bottom:34px;color:rgba(255,255,255,.58);font-size:12px}
.mk-hero-copy h1{margin:0;color:var(--gold-light);font:900 clamp(52px,5vw,84px)/.9 var(--font-title)}
.mk-hero-copy>p:last-of-type{max-width:590px;color:var(--text);font-size:17px;line-height:1.65}
.mk-hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.mk-areas{padding:54px 0}
.mk-section-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:26px}
.mk-section-heading span{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.mk-section-heading h2{margin:0;font:800 28px var(--font-title)}
.mk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mk-card{overflow:hidden;border:1px solid rgba(212,162,59,.52);border-radius:11px;background:linear-gradient(180deg,rgba(13,11,23,.98),rgba(8,8,12,.98));transition:transform .25s ease,box-shadow .25s ease}
.mk-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(77,27,130,.20)}
.mk-card-media{position:relative;aspect-ratio:16/9;overflow:hidden}
.mk-card-media>img{display:block;width:100%;height:100%;object-fit:cover}
.mk-card-icon{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(212,162,59,.72);border-radius:50%;background:rgba(46,11,73,.92)}
.mk-card-icon img{width:36px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%) invert(69%) sepia(63%) saturate(641%) hue-rotate(358deg) brightness(94%) contrast(89%)}
.mk-card-body{padding:18px}
.mk-card h3{margin:0 0 10px;font:800 25px/1 var(--font-title)}
.mk-card p{min-height:108px;margin:0;color:var(--text);font-size:13px;line-height:1.5}
.mk-card-link{display:inline-flex;gap:8px;align-items:center;margin-top:12px;color:var(--gold-light);font:800 12px var(--font-title)}
@media(max-width:1200px){.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mk-hero-copy{width:62%}}
@media(max-width:640px){
  .mk-hero{min-height:610px}
  .mk-hero-inner{min-height:610px;align-items:flex-end;padding-bottom:44px}
  .mk-hero-copy{width:100%}
  .mk-hero-actions{flex-direction:column}
  .mk-grid{grid-template-columns:1fr}
  .mk-card p{min-height:0}
  .mk-section-heading{grid-template-columns:1fr}
  .mk-section-heading span{display:none}
  .mk-section-heading h2{text-align:center}
}