/* Personal Media Queries (For Navbar)*/
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }
}

/* Estado inicial oculto */
.reveal {
  opacity: 0;
  transform: translateX(0);
  transition: opacity 0.6s ease, transform 1s ease;
}

/* Desde la izquierda */
.reveal-left {
  transform: translateX(-80px);
}

/* Desde la derecha */
.reveal-right {
  transform: translateX(80px);
}

/* Cuando se activa */
.reveal.active {
  opacity: 1;
  transform: translateX(0);
}

/* Animacion Bounced*/
/* Estado inicial */
.reveal-bounce {
  opacity: 0;
  transform: scale(0.8) translateZ(0);
  transition: opacity 1s ease;
  transform-origin: center;
}

/* Cuando entra en viewport */
.reveal-bounce.active {
  animation: bounceFront 0.9s cubic-bezier(.34,1.56,.64,1);
  opacity: 1;
}

@keyframes bounceFront {
  0% {
    transform: scale(0.8);
  }
  40% {
    transform: scale(1.08);
  }
  60% {
    transform: scale(0.96);
  }
  80% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}


/* Contenedor Grid Responsivo para mostrar Productos */
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    
}


/* Titulo Grande*/
.entry-title {
  background-color: #228ffc;
  color: white;
}

.entry-title > h2 {
  color: white;
  font-weight: 700;
  font-size: clamp(2.5rem, 5vw, 5rem);
  text-align: center;
}