.btn-negro-destello {
  position: relative;
  display: inline-block;
  padding: 1rem 2.5rem;
  border-radius: .75rem;
  font-size: 1.125rem; /* text-lg */
  font-weight: 600;
  color: #f5f5f5;
  background: #0a0a0a; /* negro sólido */
  border: 1px solid #1a1a1a;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Capa del destello */
.btn-negro-destello::after {
  content:"";
  position:absolute;
  top:0; left:-50%;
  width:40%; height:100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.35) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  opacity: 0;
  pointer-events: none;
}

/* Hover → destello ida y vuelta */
.btn-negro-destello:hover::after {
  opacity: 1;
  animation: rayo-plata 1.4s ease-in-out forwards;
}

@keyframes rayo-plata {
  0%   { left:-50%; opacity:0; }
  20%  { opacity:1; }
  50%  { left:120%; opacity:0.6; }
  80%  { opacity:1; }
  100% { left:-50%; opacity:0; }
}

/* Transición base de la imagen */
.hero-img {
  display: block;
  transition: transform .8s ease;
  will-change: transform;
}

/* Hover fuerte: zoom más grande */
.hero-img:hover {
  transform: scale(1.15);
}

/* Pulso automático sutil en el contenedor */
.hero-img-wrap {
  animation: pulso-sutil 12s ease-in-out infinite;
}

/* Keyframes: la mayor parte del tiempo normal,
   solo hace zoom un instante y regresa */
@keyframes pulso-sutil {
  0%, 85%, 100% { transform: scale(1); }   /* normal */
  90% { transform: scale(1.06); }          /* pequeño zoom */
  95% { transform: scale(1); }             /* regresa */
}

.margin-edit{
  margin-top: 50px;
}