/* ================= SESSÃO ================= */
.solution {
    padding: 10px 5% 80px 5%;    
}

/* ================= CONTAINER ================= */
.solution-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

/* ================= IMAGEM ================= */
.solution-image {
  width: 100%;
  max-width: 520px;
  height: auto;
  margin-left: -20px;
  transition: transform 0.6s ease;
}

.solution-image:hover {
  transform: scale(1.05); 
}

/* ================= TEXTO ================= */
.solution-right {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 900px;
  text-align: left;
}

.solution-right h2 {
  font-family: "Manrope", sans-serif;
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 700;
  line-height: 1.2;
  color: #0a2f6b;
}

/* ================= LISTA ================= */
.solution-list {
  display: flex;
  flex-direction: column;
  justify-content: 7;
  gap: 18px;
}

.solution-list p {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.5;
  color: #1f3c88;
  padding: 1%;
}

.solution-list span {
  font-weight: 700;
  color: #0a2f6b;
}

/* ================= TABLET ================= */
@media (max-width: 1024px) {
  .solution-container {
    flex-direction: column;
    align-items: center;
        gap: 20px;
  }

  .solution-image {
    margin-left: 0;
  }

  .solution-right {
    align-items: center;
    text-align: left; /* mantém o texto alinhado à esquerda */
  }

  .solution-right{
    gap: 30px;
  }
}

/* ================= MOBILE ================= */
@media (max-width: 600px) {
  .solution {
    padding: 0px 20px 60px 20px;
  }

  .solution-container{
    gap: 20px;
  }

  .solution-right{
    gap: 30px;
  }
}