.clientes_container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px;
padding: 20px;
align-items: stretch;
justify-content: center;
}
.cliente_card {
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.4);
padding: 16px;
text-align: center;
transition: 0.3s ease;
max-width: 100%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.cliente_card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 15px rgba(0,0,0,0.4);
}
.cliente_logo {
max-height: 90px; max-width: 80%;
width: auto;
margin-bottom: 15px;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}
.cliente_card h3 {
margin: 0;
font-size: 1.2rem;
color: #333;
}
.cliente_card p {
color: #666;
font-size: 0.95rem;
margin: 10px 0;
min-height: 50px;
}
.cliente_site {
display: inline-block;
margin-top: 10px;
font-weight: bold;
color: #2c7be5;
text-decoration: none;
}
.cliente_site:hover {
text-decoration: underline;
}
.cliente_redes a {
margin: 0 6px;
font-size: 1.2rem;
color: #666;
transition: 0.2s;
}
.cliente_redes a:hover {
color: #2c7be5;
}