/* Dentro de CSS/custom-styles.css */

/* Estas 3 líneas son importantes para que Tailwind funcione correctamente con tu CSS */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* Aquí van tus clases personalizadas */
  .carousel-slide {
    transition: opacity 1s ease-in-out;
  }
  .carousel-slide:not(.active) {
    opacity: 0;
    visibility: hidden;
  }
  .carousel-slide.active {
    opacity: 1;
    visibility: visible;
  }
}