/* DIRECPRO v0.26.3 — Visual Parity + Marketplace Density
   Objetivos:
   1) acercar la identidad pública al azul vivo de LIVE360;
   2) eliminar colisiones entre badges/overlays;
   3) aumentar densidad útil de perfiles tipo marketplace;
   4) mantener legibilidad y responsive real.
*/

:root{
  --dp-max:1440px;
  --dp-primary:#061b46;
  --dp-primary-2:#075dff;
  --dp-primary-3:#1384ff;
  --dp-market-blue:#075dff;
  --dp-market-blue-2:#1488ff;
  --dp-market-blue-dark:#063fae;
  --dp-market-navy:#061b46;
  --dp-market-soft:#f3f7fd;
  --dp-market-line:#dbe5f2;
}

body{background:#f4f7fb}
.dp-wrap{width:min(var(--dp-max),calc(100% - 32px))}

/* ---------- Paridad visual LIVE360 ---------- */
.dp-topbar{background:rgba(6,27,70,.96);border-bottom-color:rgba(255,255,255,.10)}
.dp-market-hero.dp-market-hero-visual,
.dp-hero,
.dp-page-head,
.dp-profile-hero{
  background:
    radial-gradient(circle at 86% 16%,rgba(104,196,255,.22),transparent 24%),
    radial-gradient(circle at 14% 6%,rgba(255,219,104,.10),transparent 18%),
    linear-gradient(132deg,#061b46 0%,#075dff 57%,#1384ff 100%) !important;
}
.dp-market-hero.dp-market-hero-visual::after{
  background:linear-gradient(90deg,rgba(6,27,70,.88) 0%,rgba(6,27,70,.58) 48%,rgba(7,93,255,.10) 78%) !important;
}
.dp-market-hero-copy .dp-kicker{color:#ffe39a}
.dp-market-search button,.dp-sidebar-actions button,.dp-btn:not(.ghost):not(.light){box-shadow:0 12px 24px rgba(10,73,190,.16)}
.dp-market-sidebar-promo,.dp-join.compact{background:linear-gradient(135deg,#061b46,#075dff)!important}
.dp-market-sidebar-promo a,.dp-join.compact .dp-btn.light{color:#063fae}
.dp-promo-zone,.dp-partner-zone{border-color:#d7e5fa}
.dp-promo-zone.style-featured,.dp-promo-zone.style-cards.dp-promo-middle{background:linear-gradient(145deg,#073a9d,#075dff)!important}

/* ---------- Layout: más espacio útil ---------- */
.dp-market-shell{padding-top:28px;padding-bottom:62px}
.dp-market-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:22px!important}
.dp-market-sidebar{top:94px}
.dp-market-results{min-width:0}
.dp-market-results-head{margin-bottom:16px}
.dp-market-results-head h2{font-size:clamp(24px,2.2vw,34px)!important}
.dp-section-support{max-width:720px}

/* ---------- Marketplace: 4 columnas reales ---------- */
.dp-market-featured-grid,
.dp-market-featured-grid-uniform,
.dp-market-card-grid,
.dp-promo-zone-grid,
.dp-partner-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch;
}

.dp-card.dp-card-v0263{
  border-radius:18px!important;
  border:1px solid var(--dp-market-line)!important;
  box-shadow:0 10px 28px rgba(6,27,70,.065)!important;
  background:#fff!important;
  overflow:hidden!important;
  min-width:0;
}
.dp-card.dp-card-v0263:hover{
  transform:translateY(-2px)!important;
  border-color:#bfd4f2!important;
  box-shadow:0 18px 38px rgba(6,27,70,.10)!important;
}
.dp-card-v0263.dp-card-featured-uniform{border-color:#c9d8f4!important;box-shadow:0 14px 34px rgba(7,93,255,.10)!important}
.dp-card-featured-uniform::before{display:none!important;content:none!important}

.dp-card-v0263 .dp-card-media{
  aspect-ratio:4/5!important;
  background:linear-gradient(145deg,#e9f0fa,#f7faff)!important;
}
.dp-card-v0263 .dp-card-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:36%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to top,rgba(4,20,52,.30),transparent 78%);
}
.dp-card-v0263 .dp-card-media img{object-position:50% 20%!important}

/* ---------- Overlay map: cada elemento tiene su esquina ---------- */
.dp-card-v0263 .dp-badge-promotion,
.dp-card-v0263 .dp-badge-verified,
.dp-card-v0263 .dp-type,
.dp-card-membership-overlay-v0263{
  position:absolute!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:23px!important;
  max-width:44%!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  box-shadow:0 7px 16px rgba(6,27,70,.15)!important;
  backdrop-filter:blur(8px)!important;
}
.dp-card-v0263 .dp-badge-promotion{top:9px!important;left:9px!important;right:auto!important;bottom:auto!important;background:rgba(6,27,70,.91)!important;color:#ffe39a!important;border:1px solid rgba(255,227,154,.28)!important}
.dp-card-v0263 .dp-badge-promotion.membership{background:rgba(6,27,70,.91)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.dp-card-v0263 .dp-badge-promotion.partner{background:rgba(255,255,255,.94)!important;color:#075dff!important;border-color:#cfe0fb!important}
.dp-card-v0263 .dp-badge-verified{top:9px!important;right:9px!important;left:auto!important;bottom:auto!important;background:rgba(236,250,244,.96)!important;color:#087a58!important;border:1px solid #bee9d8!important}
.dp-card-v0263 .dp-type{left:9px!important;bottom:9px!important;top:auto!important;right:auto!important;background:rgba(6,27,70,.90)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}
.dp-card-membership-overlay-v0263{right:9px!important;bottom:9px!important;top:auto!important;left:auto!important;background:rgba(255,255,255,.94)!important;color:#174d9f!important;border:1px solid rgba(255,255,255,.78)!important;text-transform:none!important;letter-spacing:0!important;font-size:7.3px!important}

/* Evita los badges legacy dentro de la foto: ahora los reconocimientos viven en la ficha. */
.dp-card-official-stack{display:none!important}

/* ---------- Cuerpo compacto ---------- */
.dp-card-v0263 .dp-card-body{padding:13px 13px 12px!important}
.dp-card-v0263 .dp-card-meta{min-height:auto!important;margin:0 0 4px!important;font-size:7.5px!important;line-height:1.2!important;letter-spacing:.075em!important}
.dp-card-v0263 h3{margin:4px 0 2px!important;font-size:17px!important;line-height:1.12!important;letter-spacing:-.025em!important}
.dp-card-v0263 .dp-card-title{margin:0 0 6px!important;font-size:10.5px!important;line-height:1.42!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dp-card-v0263 .dp-summary{margin:5px 0 7px!important;font-size:9px!important;line-height:1.48!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.dp-card-v0263 .dp-tags{margin:4px 0 0!important;gap:5px!important;display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important}
.dp-card-v0263 .dp-tags span{max-width:50%!important;padding:4px 6px!important;font-size:7px!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.dp-card-v0263 .dp-card-footer{margin-top:auto!important;padding-top:9px!important;gap:8px!important}
.dp-card-v0263 .dp-card-footer .dp-link{font-size:9px!important}
.dp-card-v0263 .dp-services-count{font-size:7.5px!important}

/* ---------- Confianza compacta en el cuerpo ---------- */
.dp-card-trust-v0262{display:none!important}
.dp-card-trust-v0263{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-height:28px;
  margin:4px 0 3px;
}
.dp-card-verifications-v0263{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
  padding:5px 7px;
  border:1px solid #c7eadc;
  border-radius:999px;
  background:#eef9f5;
  color:#176748;
  font-size:7px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.dp-card-verifications-v0263 b{display:grid;width:14px;height:14px;place-items:center;border-radius:50%;background:#18a66f;color:#fff;font-size:8px}
.dp-card-recognitions-v0263{display:inline-flex;align-items:center;justify-content:flex-end;min-width:0;height:28px;padding-right:1px}
.dp-card-recognitions-v0263 img{width:27px!important;height:27px!important;object-fit:contain!important;margin-left:-6px!important;filter:drop-shadow(0 4px 6px rgba(6,27,70,.14));position:relative;z-index:1}
.dp-card-recognitions-v0263 img:first-child{margin-left:0!important}
.dp-card-recognitions-v0263 small{display:grid;width:21px;height:21px;place-items:center;margin-left:-4px;border:1px solid #cfe0f5;border-radius:50%;background:#fff;color:#33577f;font-size:7px;font-weight:900;position:relative;z-index:2}

/* ---------- Promociones y zonas: mismas cards, no gigantes ---------- */
.dp-promo-zone-grid .dp-card-v0263,
.dp-partner-grid .dp-card-v0263,
.dp-market-featured-grid-uniform .dp-card-v0263{width:100%!important;max-width:none!important}
.dp-promo-zone{padding:20px!important}
.dp-promo-zone-head{margin-bottom:14px!important}

/* ---------- Perfiles relacionados: 4 columnas y menor altura ---------- */
.dp-related-v0241 .dp-related-premium-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.dp-related-v0241 .dp-related-premium-card{border-radius:18px!important;box-shadow:0 10px 26px rgba(6,27,70,.06)!important}
.dp-related-v0241 .dp-related-premium-media{aspect-ratio:4/5!important}
.dp-related-v0241 .dp-related-premium-body{min-height:150px!important;padding:12px!important}
.dp-related-v0241 .dp-related-premium-body h3{font-size:16px!important;margin:5px 0 3px!important}
.dp-related-v0241 .dp-related-premium-body>p{font-size:9.5px!important;line-height:1.45!important;-webkit-line-clamp:2!important}
.dp-related-v0241 .dp-related-mini-tags{margin-top:7px!important;gap:4px!important}
.dp-related-v0241 .dp-related-mini-tags span{font-size:7.5px!important;padding:4px 6px!important}
.dp-related-v0241 .dp-related-open{padding-top:8px!important;font-size:9px!important}
.dp-related-premium-card .dp-card-trust-v0263{margin:5px 0 2px}

/* ---------- Breakpoints ---------- */
@media(max-width:1280px){
  .dp-wrap{width:min(100% - 28px,1320px)}
  .dp-market-layout{grid-template-columns:205px minmax(0,1fr)!important;gap:18px!important}
  .dp-market-featured-grid,.dp-market-featured-grid-uniform,.dp-market-card-grid,.dp-promo-zone-grid,.dp-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dp-related-v0241 .dp-related-premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .dp-market-layout{display:block!important}
  .dp-market-featured-grid,.dp-market-featured-grid-uniform,.dp-market-card-grid,.dp-promo-zone-grid,.dp-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dp-related-v0241 .dp-related-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dp-card-v0263 h3{font-size:18px!important}
}
@media(max-width:620px){
  .dp-wrap{width:min(100% - 20px,var(--dp-max))}
  .dp-market-featured-grid,.dp-market-featured-grid-uniform,.dp-market-card-grid,.dp-promo-zone-grid,.dp-partner-grid{grid-template-columns:1fr!important;gap:13px!important}
  .dp-card.dp-card-v0263{width:min(100%,390px)!important;margin-inline:auto!important}
  .dp-card-v0263 .dp-card-media{aspect-ratio:4/4.65!important}
  .dp-card-v0263 .dp-card-body{padding:14px!important}
  .dp-card-v0263 h3{font-size:19px!important}
  .dp-card-v0263 .dp-card-title{font-size:11px!important}
  .dp-card-v0263 .dp-summary{font-size:9.5px!important}
  .dp-card-v0263 .dp-badge-promotion,.dp-card-v0263 .dp-badge-verified,.dp-card-v0263 .dp-type,.dp-card-membership-overlay-v0263{max-width:46%!important;font-size:7px!important}
  .dp-related-v0241 .dp-related-premium-grid{grid-template-columns:1fr!important}
  .dp-related-v0241 .dp-related-premium-card{width:min(100%,390px)!important;margin-inline:auto!important}
}