.results-section{
    width: 100%;
    min-height: 40vh;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.content-results{
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.results-title{
    width: 100%;
    text-align: center;
}

.results-title > h3{
    font-family: 'Libre Bodoni', sans-serif;
    color: white;
    font-size: clamp(1.75rem, 2.75vw, 3.5rem);
    font-weight: 900;
    text-transform: uppercase;
}

.results-interviews{
    display: flex;
    flex-direction:column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 12px;
}

.interview{
    width: 100%;
    height: 100%;
    padding: 12px;
    color: white;
   
}
/* Detalhe no canto superior esquerdo */
.interview-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 50px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-top-left-radius: 26px;
  opacity: 0.6;
   transform: scale(1);
  animation:pulseGlow 2s ease-in-out both;
  animation-timeline: view();
  animation-range: entry 50% cover 60%;
}

/* Detalhe no canto inferior direito */
.interview-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 50px;
  border-bottom: 2px solid white;
  border-right:2px solid white;
  border-bottom-right-radius: 26px;
  opacity: 0.6;
   transform: scale(1);
  animation: pulseGlow 3s ease-in-out both;
  animation-timeline: view();
  animation-range: entry 50% cover 60%;
}

.interview-content{
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(1rem, 1.9vw, 1.3rem);
    font-weight: 200;
    margin: 16px 0;
    padding: 20px;
     position: relative;
  padding: 1rem;
  border-radius: 0; 
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.interview-content b{
    font-weight:700;
    font-size: clamp(1rem, 1.7vw, 1.3rem);
}

.interview-user{
    margin-top: 20px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(0.7rem, 1.2vw, 1rem);
    font-weight: 200;
}
.interview-user b{
    font-weight:600;
}

@media (min-width: 1020px) {
    .results-interviews {
         flex-direction: row;
         padding: 40px;
    }

    .results-interviews .interview:nth-child(2){
      margin-top: 6rem;
    }

    
}

@keyframes pulseGlow {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.3);
    filter: brightness(10); /* aumenta o brilho */
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}