.carolina-mascara {
  overflow: hidden;
  position: relative;
  margin: 0 auto;

  -webkit-mask-image: url('../imagens/mascara-forma.png');
  mask-image: url('../imagens/mascara-forma.png');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.carolina-carrossel {
  display: flex;
  height: 100%;
  animation: encerrar var(--carolina-velocidade, 50s) linear forwards;
}

.carolina-carrossel img {
  height: 100%;
  width: 100%;
  flex-shrink: 0;
  object-fit: cover;
  margin-left: -4vw;
  mask-image: linear-gradient(to right, transparent 0%, black 2%, black 98%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 2%, black 98%, transparent 100%);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}

@keyframes encerrar {
  0%   { transform: translateX(0); }
  100% { transform: translateX(var(--carolina-deslocamento)); }
}

.carolina-replay {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
  z-index: 10;
}

.carolina-replay:hover {
  background: rgba(255, 255, 255, 0.2);
}

.carolina-replay::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6 0 .89-.18 1.73-.5 2.5l1.46 1.46C19.63 15.59 20 13.86 20 12c0-4.42-3.58-8-8-8z'/></svg>");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}

.carolina-desfecho {
  position: absolute;
  top: 0;
  right: -22vw;
  width: 25vw;
  padding-left: 1vw;
  font-family: 'Georgia', serif;
  font-size: 0.9rem;
  line-height: 1.4;
  color: #3e2f1c;
  opacity: 0;
  transition: opacity 1.5s ease 0.5s;
  pointer-events: none;
  z-index: 5;
}

.carolina-mascara.revelar-texto .carolina-desfecho {
  opacity: 1;
  pointer-events: auto;
}