/* Styles for Gestor de artículos — grid and cards */
.gda-grid{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:28px;
  align-items:start;
}
.gda-card{
  background: #fff;
  border-radius:20px;
  padding:28px 20px 24px 20px;
  box-shadow: 0 2px 0 rgba(31,58,68,0.04), 0 1px 6px rgba(31,58,68,0.04);
  text-align:center;
  border:2px solid #25607e;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.gda-icon{display:block;margin:0 auto 12px;}
.gda-title{font-size:16px;color:#12313b;margin:0 0 10px 0;line-height:1.3}
.gda-meta{color:#8b9aa3;font-size:13px;margin-bottom:14px}
.gda-button{
  display:inline-block;
  padding:10px 16px;
  border-radius:8px;
  border:2px solid #000; /* Borde negro solicitado */
  background:#f7fafb;
  color:#12313b;
  text-decoration:none;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.gda-button:hover,
.gda-button:focus{
  background: #25607e; /* Color solicitado al hacer hover */
  color: #ffffff; /* Asegurar contraste con el nuevo fondo */
  border-color: #000; /* Mantener borde negro al hover */
}

/* Responsive */
@media (max-width: 1024px){
  .gda-grid{grid-template-columns: repeat(2,1fr);} 
}
@media (max-width: 640px){
  .gda-grid{grid-template-columns: repeat(1,1fr);}
}