/****************************************************************/
/* ESTO NO SE TOCA - NO SE BORRA - NINGUNA IA LO PUEDE ELIMINAR */
/* EFECTO PREMIUM GLOW — identidad iPhone-like (edgeGlow)      */
/* Canon: plan=premium ⇒ .premium + .premium-glow               */
/****************************************************************/

.ficha-aviso.premium,
.ficha.clasificado.premium,
.gdo-aviso-premium {
  position: relative;
}

.ficha-aviso.premium::after {
  content: "⭐";
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(255, 215, 0, 0.9);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.premium-glow,
.ficha-aviso.premium-glow,
.ficha.clasificado.premium-glow,
.gdo-aviso-detail.premium-glow {
  border: none !important;
  background: #fff !important;
  position: relative !important;
  z-index: 1;
  isolation: isolate;
  overflow: visible !important;
  margin: 6px;
}

.premium-glow::before,
.ficha-aviso.premium-glow::before,
.ficha.clasificado.premium-glow::before,
.gdo-aviso-detail.premium-glow::before {
  content: "";
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  z-index: -2;
  pointer-events: none;
  border-radius: 14px;
  border: 2px solid transparent;
  background: linear-gradient(45deg, #ff005e, #fffa00, #00ffb9, #007bff, #ff005e);
  background-size: 400% 400%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 4px;
  animation: edgeGlow 4s linear infinite;
  /* Soft outer bloom (gama alta) */
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.22), 0 0 28px rgba(0, 123, 255, 0.12);
}

@keyframes edgeGlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Contenedores: no clippear el halo */
.vista-grilla .ficha-aviso.premium-glow,
.resultados-avisos .ficha-aviso.premium-glow,
.mis-avisos .ficha-aviso.premium-glow {
  overflow: visible !important;
}

.gdo-aviso-detail.premium-glow {
  margin: 10px 6px 16px;
  border-radius: 16px;
  padding: 2px;
}
/****************************************************************/

/* Detalle/modal: glow visible sin matar scroll interno */
.modal-content.gdo-aviso-detail.premium-glow {
  overflow: visible !important;
  max-height: none;
}
.modal-content.gdo-aviso-detail.premium-glow {
  /* scroll en hijo si existe; si no, permitir auto */
  max-height: calc(100dvh - var(--gdo-chrome-h, 100px) - 20px);
  overflow-y: auto !important;
  overflow-x: visible !important;
}


/* Detalle modal: el glow no debe quedar clippeado al scrollear */
.modal-aviso-individual {
  overflow-x: visible !important;
}
.modal-content.gdo-aviso-detail.premium-glow {
  overflow-x: visible !important;
}