/* V5.8: logo real Poroto en la tarjeta de programa, sin alterar el contenido */
.program-card:has(.poroto-program-logo){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(145px,34%);
  grid-template-rows:auto 1fr;
  gap:4px 16px;
  align-items:center;
  min-height:175px;
  padding:20px 25px;
}
.program-card:has(.poroto-program-logo)>.program-now{grid-column:1;grid-row:1;align-self:end;position:relative;z-index:2}
.program-card:has(.poroto-program-logo)>div{grid-column:1;grid-row:2;align-self:center;position:relative;z-index:2;min-width:0}
.program-card:has(.poroto-program-logo)>.poroto-program-logo{
  grid-column:2;grid-row:1 / 3;
  display:block;position:relative;z-index:2;
  width:100%;max-width:270px;max-height:145px;
  height:auto;object-fit:contain;justify-self:end;
  filter:drop-shadow(0 0 13px rgba(48,162,255,.28));
}
.program-card:has(.poroto-program-logo)>.program-arrow{display:none!important}
@media(max-width:540px){
  .program-card:has(.poroto-program-logo){grid-template-columns:minmax(0,1fr) minmax(112px,40%);gap:8px;padding:15px 15px;min-height:140px}
  .program-card:has(.poroto-program-logo)>.poroto-program-logo{max-height:110px}
  .program-card:has(.poroto-program-logo) h3{font-size:clamp(15px,4.1vw,19px)}
}