/* ===== GRID (igual que antes) ===== */
.app-plx-proveedores.app-plx-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:48px 40px;
  margin-top:24px;
}
@media (max-width:1200px){ .app-plx-proveedores.app-plx-grid{ grid-template-columns:repeat(4,1fr);} }
@media (max-width:992px){  .app-plx-proveedores.app-plx-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:768px){  .app-plx-proveedores.app-plx-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:480px){  .app-plx-proveedores.app-plx-grid{ grid-template-columns:1fr;} }

/* ===== CARD con fondo blanco CUADRADO ===== */
.app-plx-card{
  display:flex; flex-direction:column; align-items:center; text-align:center; text-decoration:none;
  background:#fff;                 /* fondo blanco en toda la tarjeta */
  border:1px solid #eef2f6;
  border-radius:0;                 /* cuadrado */
  box-shadow: 0 6px 20px rgba(64,92,146,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.app-plx-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 38px rgba(64,92,146,.18);
  border-color:#e6edf4;
}

/* ===== LOGO SIN PADDING y con esquina inf. derecha redondeada ===== */
.app-plx-logo{
  width:100%;
  aspect-ratio:1.75;               /* lienzo 1.75 */
  background:#fff;
  border-radius:0 0 54px 0;        /* solo la esquina inf dcha */
  overflow:hidden;
  padding:0;                       /* sin padding */
}
.app-plx-logo img{
  width:100%; height:100%; object-fit:contain; display:block;
  transform:none;
}
/* El LOGO se oscurece en hover (sin tocar la imagen original) */
.app-plx-logo img{
  transition: filter .18s ease, transform .18s ease;
}
.app-plx-card:hover .app-plx-logo img{
  filter: brightness(.9);          /* baja un 10% la luminosidad */
  transform: translateY(-1px);     /* micro-movimiento opcional */
}


/* ===== TÍTULO ===== */
.app-plx-title{
  margin:0;                        /* unimos visualmente al logo */
  padding:14px 12px 18px;          /* espacio interior del bloque de título */
  width:100%;
  font-weight:700; font-size:16px; line-height:1.2; letter-spacing:.4px;
  color:#52b5c2; text-transform:uppercase;
}
.app-plx-card:hover .app-plx-title{
  text-decoration:underline; text-underline-offset:3px;
}
/* Ajuste: separar tarjetas del fondo general */
.app-gray-bg .app-plx-card{ background:#fff; }