/* CARRUSEL ARTE */
    .carrusel {
      position: relative;
      width: 800px;
      height: 800px;
      margin: auto;
      overflow: hidden;
      background-color: lightblue;
      display: flex;
      align-items: center;
      justify-content: center;
      border: solid black 2px;
      border-radius: 20px;
    }

    /* IMAGENES */
    .imagen-carrusel {
      position: absolute;
      width: 800px;
      height: 800px;
      object-fit: cover;
      border-radius: 30px;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
      cursor: pointer;
    }

    .imagen-carrusel.activa {
      opacity: 1;
      z-index: 2;
    }