/* LIVE360 / Profesionales360 — acompañamiento visual para DIRECPRO v0.26.3
   Densidad marketplace + mapa de overlays sin colisiones.
*/

.prof360-shell{
  --p360-blue:#075dff;
  --p360-blue-dark:#0649bf;
  --p360-navy:#061b46;
}

/* Hero más vivo y alineado con DIRECPRO v0.26.3 */
.prof360-shell>.prof360-hero{
  background:
    radial-gradient(circle at 89% 14%,rgba(82,198,255,.30),transparent 26%),
    radial-gradient(circle at 10% 5%,rgba(255,226,132,.10),transparent 18%),
    linear-gradient(132deg,#061b46 0%,#075dff 58%,#1488ff 100%)!important;
}

/* Tarjetas verticales para mostrar mejor retratos */
.prof360-directory-grid,
.prof360-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch;
}
.prof360-directory-grid .prof360-photo,
.prof360-directory-grid .prof360-photo-placeholder,
.prof360-feature-grid .prof360-photo,
.prof360-feature-grid .prof360-photo-placeholder{
  aspect-ratio:4/5!important;
}
.prof360-card{
  min-width:0;
  border-radius:18px!important;
  border-color:#dbe5f2!important;
  box-shadow:0 10px 28px rgba(6,27,70,.065)!important;
}
.prof360-card:hover{box-shadow:0 18px 40px rgba(6,27,70,.10)!important}
.prof360-card-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to top,rgba(6,27,70,.28),transparent 76%);
}
.prof360-photo{object-position:50% 20%!important}

/* Mapa fijo de overlays: 4 esquinas, sin compartir posición. */
.prof360-entity-badge,
.prof360-verify-badge,
.prof360-featured-badge,
.prof360-directory-membership,
.prof360-rank-badge{
  z-index:5!important;
}
.prof360-featured-badge{
  top:9px!important;
  left:9px!important;
  right:auto!important;
  bottom:auto!important;
  max-width:43%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:6px 8px!important;
  background:rgba(6,27,70,.91)!important;
  color:#ffe39a!important;
  border:1px solid rgba(255,227,154,.28);
  font-size:.54rem!important;
}
.prof360-verify-badge{
  top:9px!important;
  right:9px!important;
  left:auto!important;
  bottom:auto!important;
  max-width:43%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:6px 8px!important;
  font-size:.54rem!important;
}
.prof360-entity-badge{
  left:9px!important;
  bottom:9px!important;
  top:auto!important;
  right:auto!important;
  max-width:43%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:6px 8px!important;
  font-size:.54rem!important;
}
.prof360-directory-membership{
  right:9px!important;
  bottom:9px!important;
  left:auto!important;
  top:auto!important;
  max-width:43%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:6px 8px!important;
  background:rgba(255,255,255,.94)!important;
  color:#174d9f!important;
  border:1px solid rgba(255,255,255,.78)!important;
  font-size:.54rem!important;
}
.prof360-rank-badge{
  top:9px!important;
  left:9px!important;
  right:auto!important;
  width:29px!important;
  height:29px!important;
  font-size:.54rem!important;
}

/* Si existe una zona destacada, la etiqueta editorial tiene prioridad sobre el ranking. */
.prof360-card.sponsored .prof360-rank-badge{display:none!important}

/* Cuerpo marketplace compacto */
.prof360-directory-grid .prof360-card-body,
.prof360-feature-grid .prof360-card-body{padding:13px!important}
.prof360-directory-grid .prof360-card h2,
.prof360-feature-grid .prof360-card h2{font-size:1rem!important;line-height:1.12!important}
.prof360-directory-grid .prof360-card h3,
.prof360-feature-grid .prof360-card h3{min-height:auto!important;font-size:.7rem!important;line-height:1.35!important;-webkit-line-clamp:2!important}
.prof360-directory-grid .prof360-card-summary,
.prof360-feature-grid .prof360-card-summary{min-height:auto!important;margin:8px 0!important;font-size:.68rem!important;line-height:1.45!important;-webkit-line-clamp:2!important}
.prof360-rating-summary{margin-top:6px!important;font-size:.6rem!important}
.prof360-card .prof360-tags{min-height:auto!important;margin:7px 0!important;gap:4px!important;flex-wrap:nowrap!important;overflow:hidden!important}
.prof360-card .prof360-tags span{max-width:50%;padding:4px 6px!important;font-size:.55rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prof360-card .prof360-projection{margin-top:6px!important;padding:7px 0!important}
.prof360-card .prof360-projection div{font-size:.56rem!important}
.prof360-card-facts{gap:4px!important;padding:7px 0!important}
.prof360-card-facts span{padding:4px 5px!important;font-size:.52rem!important}
.prof360-card-cta{font-size:.63rem!important}

/* Las zonas premium usan el mismo tamaño de tarjeta, sin spotlight gigante. */
.prof360-feature-zone{padding:20px!important;border-radius:20px!important}
.prof360-feature-zone>header{margin-bottom:14px!important}
.prof360-feature-zone .prof360-card{width:100%!important;max-width:none!important}

@media(max-width:1180px){
  .prof360-directory-grid,.prof360-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .prof360-directory-grid,.prof360-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .prof360-directory-grid,.prof360-feature-grid{grid-template-columns:1fr!important;gap:13px!important}
  .prof360-directory-grid .prof360-card,.prof360-feature-grid .prof360-card{width:min(100%,390px);margin-inline:auto}
  .prof360-directory-grid .prof360-photo,.prof360-directory-grid .prof360-photo-placeholder,.prof360-feature-grid .prof360-photo,.prof360-feature-grid .prof360-photo-placeholder{aspect-ratio:4/4.65!important}
  .prof360-featured-badge,.prof360-verify-badge,.prof360-entity-badge,.prof360-directory-membership{max-width:46%;font-size:.52rem!important}
}