/* --- Animación ----------------------------- */
@keyframes fadeInLeft{
  0%   {opacity:0; transform:translateX(-20px);}
  100% {opacity:1; transform:translateX(0);}
}

/* --- Estado inicial: invisible y desplazado */
.mgmenu-list li,
.mgsubmenu a{
  opacity:0;
  transform:translateX(-20px);
}

/* --- Se animan cuando el wrapper tiene .anim ---- */
.megamenu.anim .mgmenu-list li,
.mgsubmenu.anim a{
  animation:fadeInLeft .4s forwards;
}

/* Stagger – retrasamos cada <li> de la 1.ª columna */
.megamenu.anim .mgmenu-list li:nth-child(1){animation-delay:.05s;}
.megamenu.anim .mgmenu-list li:nth-child(2){animation-delay:.15s;}
.megamenu.anim .mgmenu-list li:nth-child(3){animation-delay:.25s;}
/* …añade más líneas si tuvieras más items */

/* Para los enlaces de género: un leve retardo conjunto */
.mgsubmenu.anim a:nth-child(1){animation-delay:.05s;}
.mgsubmenu.anim a:nth-child(2){animation-delay:.15s;}
.mgsubmenu.anim a:nth-child(3){animation-delay:.25s;}


/* Botones de la página Gracias */
.btn-principal,
.btn-secundario,
.btn-outline{
  display:inline-block;
  margin:.6rem .4rem .2rem 0;
  padding:.7rem 1.2rem;
  border-radius:6px;
  font-weight:600;
  text-align:center;
  transition:background .15s,color .15s,border .15s;
}

.btn-principal{background:#0070f3;color:#fff;}
.btn-principal:hover{background:#0059c7;}

.btn-secundario{background:#4b5563;color:#fff;}
.btn-secundario:hover{background:#374151;}

.btn-outline{
  border:2px solid #0070f3;
  color:#0070f3;
  background:transparent;
}
.btn-outline:hover{
  background:#0070f3;
  color:#fff;
}

/* Contenedor de acciones */
.gracias__acciones{
  margin:1.2rem 0 2.2rem;
}