/* Bloco da Galp Solar: manter o papel distinto dos copromotores, com logótipo e texto alinhados. */
.cons-user { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 0; margin-top: 28px; padding: 0; border: 1px solid var(--linha); border-radius: 8px; background: var(--papel); overflow: hidden; }
.cons-user:hover { border-color: var(--linha); background: var(--papel); }
.cons-user-brand { display: flex; align-items: center; justify-content: center; align-self: stretch; padding: 32px 24px; background: #fff; border-right: 1px solid var(--linha); }
.cons-user .cons-user-brand .l-galp { display: block; width: 168px; max-width: 100%; height: auto; }
.cons-user-copy { min-width: 0; padding: 28px 36px; }
.cons-user-role { display: block; color: var(--ardosia); font-size: .72rem; font-weight: 600; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; }
.cons-user .cons-user-copy h3 { margin: 8px 0 12px; font-size: 1.3rem; line-height: 1.25; }
.cons-user .cons-user-copy p { max-width: 68ch; margin: 0; font-size: .95rem; line-height: 1.7; }
/* No móvel, o logótipo precede o texto, com espaços proporcionais ao ecrã. */
@media (max-width: 700px) {
  .cons-user { grid-template-columns: 1fr; }
  .cons-user-brand { justify-content: flex-start; padding: 24px; border-right: 0; border-bottom: 1px solid var(--linha); }
  .cons-user-copy { padding: 24px; }
}

/* A mesma elevação dos copromotores ao passar o rato. */
.cons-user { transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.cons-user:hover { transform: translateY(-4px); box-shadow: 0 18px 36px -20px rgba(15, 30, 51, .45); }
@media (prefers-reduced-motion: reduce) {
  .cons-user:hover { transform: none; }
}
