/* DIRECPRO v0.7.0 — HD Hero + SEO visual layer */
.dp-market-hero-visual{position:relative;isolation:isolate;overflow:hidden;background:#061126;padding:58px 0 54px;min-height:560px;display:flex;align-items:center}
.dp-market-hero-picture{position:absolute;inset:0;z-index:-3;display:block}
.dp-market-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.dp-market-hero-shade{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,rgba(4,12,31,.98) 0%,rgba(5,16,42,.96) 28%,rgba(6,20,49,.86) 48%,rgba(5,18,45,.46) 68%,rgba(5,16,40,.12) 100%),
  linear-gradient(180deg,rgba(3,10,27,.18),rgba(3,10,27,.26));
}
.dp-market-hero-inner-visual{grid-template-columns:minmax(0,760px);align-items:center;position:relative;z-index:1}
.dp-market-hero-visual .dp-market-hero-copy{max-width:760px}
.dp-market-hero-visual .dp-market-hero-copy h1{max-width:760px;text-shadow:0 4px 28px rgba(0,0,0,.18)}
.dp-market-hero-visual .dp-market-hero-copy>p:not(.dp-kicker){max-width:700px;color:#e1e8f5}
.dp-market-hero-visual .dp-market-search{max-width:720px;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.22)}
.dp-market-hero-meta-inline{margin-top:18px;max-width:720px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;background:rgba(4,14,36,.58);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(0,0,0,.12)}
.dp-market-hero-meta-inline>a{grid-column:auto;display:flex;align-items:center;justify-content:center;min-width:150px}

/* SEO category page */
.dp-seo-category-hero{background:linear-gradient(135deg,#07142f 0%,#12346a 65%,#1d3f79 100%);color:#fff;padding:58px 0 52px}
.dp-seo-category-hero .dp-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.dp-seo-category-hero h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-.045em;max-width:900px}
.dp-seo-category-hero p:not(.dp-kicker){max-width:780px;margin:16px 0 0;color:#dce5f4;font-size:14px;line-height:1.8}
.dp-seo-category-count{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);min-width:145px;text-align:center}
.dp-seo-category-count b{display:block;font-size:34px;line-height:1}
.dp-seo-category-count span{display:block;margin-top:5px;color:#d7e1f2;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.dp-seo-category-content{padding:48px 0 72px;background:#f5f6f9}
.dp-seo-category-intro{margin-bottom:28px;padding:22px 24px;background:#fff;border:1px solid #e0e5ed;border-radius:20px;box-shadow:0 12px 30px rgba(7,20,47,.055)}
.dp-seo-category-intro p{margin:0;color:#5b687e;font-size:13px;line-height:1.85}

@media(max-width:1120px){
  .dp-market-hero-visual{min-height:520px}
  .dp-market-hero-shade{background:linear-gradient(90deg,rgba(4,12,31,.98) 0%,rgba(5,16,42,.94) 42%,rgba(5,18,45,.56) 70%,rgba(5,16,40,.22) 100%)}
  .dp-market-hero-meta-inline{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}
  .dp-market-hero-meta-inline>a{grid-column:1/-1}
}
@media(max-width:760px){
  .dp-market-hero-visual{min-height:auto;padding:44px 0 40px}
  .dp-market-hero-picture img{object-position:66% center}
  .dp-market-hero-shade{background:linear-gradient(90deg,rgba(4,12,31,.98) 0%,rgba(5,16,42,.95) 62%,rgba(5,18,45,.70) 100%)}
  .dp-market-hero-inner-visual{grid-template-columns:1fr}
  .dp-market-hero-meta-inline{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}
  .dp-market-hero-meta-inline>a{grid-column:1/-1}
  .dp-seo-category-hero .dp-wrap{grid-template-columns:1fr}
  .dp-seo-category-count{justify-self:start}
}
@media(max-width:520px){
  .dp-market-hero-picture img{object-position:72% center;opacity:.82}
  .dp-market-hero-shade{background:linear-gradient(90deg,rgba(4,12,31,.99) 0%,rgba(5,16,42,.97) 74%,rgba(5,18,45,.78) 100%)}
  .dp-market-hero-meta-inline{grid-template-columns:1fr 1fr 1fr;padding:12px}
  .dp-market-hero-meta-inline>div{padding:10px 5px}
}

/* v0.7.1 — Anclaje UX para resultados de búsqueda */
#resultados{scroll-margin-top:104px;outline:none}
#resultados:focus{outline:none}
@media(max-width:820px){#resultados{scroll-margin-top:84px}}