/* Botones */
.posgrados-tabs__botones {
  display: flex !important;
  justify-content: center !important;
  gap: 20px;
  margin: 28px 0 24px;
}

.posgrados-tab {
  flex: 1 1 0;
  max-width: 560px;
  height: 52px;
  border: none !important;
  border-radius: 14px !important;
  background: #e9e9e9 !important;
  color: #245f70 !important;
  font-weight: 700 !important;
  transition: .2s ease;
  cursor: pointer;
}

.posgrados-tab--activo {
  background: #245f70 !important;
  color: #fff !important;
}

/* Grid */
.view-id-posgrados .view-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 24px;
}

.view-id-posgrados .views-row {
  margin: 0;
}

/* Card */
.maestria-card {
  position: relative;
  display: block;
 min-height: 72px!important;
  border: 1.5px solid #0d5c75;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  transition: .2s ease;
  text-decoration: none !important;
}

.maestria-card:hover {
  border-color: #003057;
  transform: translateY(-2px);
}

/* Imagen */
.maestria-card__imagen,
.maestria-card__imagen .field,
.maestria-card__imagen .field__item {
  width: 100%;
  height: 100%;
}

.maestria-card__imagen img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Link para toda la card */
.maestria-card__overlay-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 100 !important;
}

.maestria-card__overlay-link .field,
.maestria-card__overlay-link .field__item,
.maestria-card__overlay-link a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.maestria-card__overlay-link a {
  z-index: 110 !important;
  font-size: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* Ocultar */
.posgrado-tipo {
  display: none;
}

/* Responsive */
@media (max-width: 1024px) {
  .view-id-posgrados .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .view-id-posgrados .view-content {
    grid-template-columns: 1fr;
  }

  .posgrados-tabs__botones {
    flex-direction: column;
  }

  .posgrados-tab {
    max-width: none;
  }
}