/* ============================================================
   EYUB' - proyectos.css
   ============================================================ */

.casos { display: grid; gap: clamp(1.6rem, 3vw, 2.6rem); }

.caso-completo {
  padding: clamp(1.6rem, 3vw, 2.2rem);
  border-radius: var(--radio-lg);
  border: 1px solid var(--borde);
  background: var(--superficie);
  backdrop-filter: blur(12px);
  transition: border-color var(--normal) var(--ease);
}
.caso-completo:hover { border-color: var(--borde-fuerte); }

.caso-completo__cabeza {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.caso-completo__cabeza h3 { margin: .7rem 0 .25rem; }
.caso-completo__cliente { font-size: .88rem; color: var(--texto-ter); }

.caso-completo__cabeza img {
  width: 180px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radio-sm);
  border: 1px solid var(--borde);
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .caso-completo__cabeza { flex-direction: column; }
  .caso-completo__cabeza img { width: 100%; }
}