/**
 * estilos_themes.css  for Mooguen Group Theme 2
 *
 * @package MooguenGroup
 */


 



 .menu-collapsed {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
}

.menu-expanded {
  max-height: 100vh;
  transition: max-height 0.4s ease-in-out;
}

.hero-section {
  transition: margin-top 0.4s ease-in-out;
  position: relative;
  z-index: 1;
}

  /* Hero layout */
  .hero-gradient { 
    height: 90vh; position: relative;
     overflow: hidden; }
  #techCanvas { position: absolute; inset: 0; z-index: 0; }
  .hero-inner { position: relative; z-index: 10; }

  /* --- Tech Stack Scroll logos de tecnologia--- */
  .scrolling-wrapper {
    animation: scrollLeft 5s linear infinite;
    white-space: nowrap;
  }

   .reveal { opacity: 0; transform: translateY(18px); transition: all .6s ease; }
    .reveal.show { opacity: 1; transform: translateY(0); }

    /* Team card */
    .team-photo { width: 140px; height: 140px; object-fit: cover; border-radius: 999px; }

@keyframes scrollLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* card view del Home */
.card-flip-height {
  height: 410px; /* 480px o h-[480px] en Tailwind */
}


/* Pillar badges */
.pillar {
      position: absolute;
     /* background: var(--mg-btn-color); */
      border: 1px solid rgba(56,189,248,0.08);
      padding: 10px 14px;
      border-radius: 999px;
      font-weight: 600;
      font-size: 0.9rem;
      /*color: #cfeffd;*/
      backdrop-filter: blur(6px);
      cursor: pointer;
      box-shadow: 0 6px 20px rgba(2,6,23,0.6);
      transition: transform .28s ease, box-shadow .28s ease;
}

.pillar:hover {
   transform: translateY(-6px) scale(1.03); 
   box-shadow: 0 10px 30px rgba(2,6,23,0.75);
}