



.financas-container-2 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 30px;
  padding: 40px 0; /* Padding extra para o hover não cortar nas bordas */
}

.financas-boxes-2 {
  background: #4C4D4F;
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
  position: relative;
  z-index: 1;
}

.financas-boxes-2 img {
  width: 100%;
  height: auto;
  display: block;
}

.financas-boxes-3 {
    background: #fff;
    border-radius: 14px;
    margin-top: 30px;
    box-shadow:
      0 10px 0 #4C4D4F;
}

.financas-boxes-3 p{
  color: var(--texto-color);
  margin-top: 10px;
  padding: 10px 10px 0px 10px;
}

/* --- Efeito de Hover (Expansão automática) --- */
.financas-boxes-2:hover {
  transform: scale(1.15); /* Aumenta 15% ao passar o mouse */
  z-index: 10; /* Garante que fique por cima dos vizinhos */
  box-shadow: 0 15px 35px rgba(0,0,0,0.4); 
}

/* --- Cores das Bordas Inferiores (nth-child) --- */
.financas-boxes-2:nth-child(3n+1) { border-bottom: 10px solid var(--azul-color); } 
.financas-boxes-2:nth-child(3n+2) { border-bottom: 10px solid var(--verde-color); } 
.financas-boxes-2:nth-child(3n+3) { border-bottom: 10px solid #FCAF17; } 

/* --- Responsividade --- */
@media (max-width: 992px) {
  .financas-container-2 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .financas-container-2 { grid-template-columns: 1fr; }
  .financas-boxes-2:hover { transform: scale(1.05); } /* Expansão menor no mobile */
}














