/* BECAS */
.int-scholar .scholar-head {

  max-width: 100%;
  background-color: #303845;
  padding: 2rem;
  border-radius: 20px;

}

.status-banner {

  display: flex;
  align-items: center;
  gap: 0.55rem;
  background: #cccccc;
  border: 1px solid #e6ebf1;
  border-radius: 999px;
  padding: 2rem 0.75rem;
  margin-bottom: 0.8rem;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.02);
  font-weight: 700;
  height: 4rem;

}

.status-banner .dot {

  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #22c55e; /* active por defecto */
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);

}

.status-banner .status-text {

  color: #111;

}

.status-banner .status-dates {

  color: #6b7280;
  font-weight: 600;
  margin-left: 0.25rem;

}

.int-scholar[data-state="active"] .status-banner .dot {

  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);

}

.int-scholar[data-state="upcoming"] .status-banner .dot {

  background: var(--cecns-gold);
  box-shadow: 0 0 0 3px rgba(255, 195, 0, 0.2);

}

.int-scholar[data-state="closed"] .status-banner .dot {

  background: #9ca3af;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.2);

}

.cta-switch {

  margin-top: 0.6rem;

}

.state-cta {

  display: none;
  gap: 0.7rem;
  flex-wrap: wrap;

}

.int-scholar[data-state="active"] .state-active {

  display: flex;

}

.int-scholar[data-state="upcoming"] .state-upcoming {

  display: flex;

}

.int-scholar[data-state="closed"] .state-closed {

  display: flex;

}

.status-banner {

  padding: 0.55rem 0.75rem; /* antes 2rem */
  height: auto; /* no forzar altura fija */
  flex-wrap: wrap;
  row-gap: 0.25rem;
  font-size: 0.95rem;

}

.status-banner .status-dates {

  display: inline-block;
  margin-left: 0.25rem;

}

@media (max-width: 640px) {
.int-scholar .scholar-head {

    padding: 1.2rem;
    border-radius: 14px;
  
}


}

.state-cta {

  gap: 0.6rem;

}

@media (max-width: 480px) {
.state-cta {

    display: grid !important;
    grid-template-columns: 1fr;
  
}

.state-cta a,
  .state-cta .btn-solid-int,
  .state-cta .btn-outline-int {

    width: 100%;
    text-align: center;
    margin-bottom: 0.8rem;
  
}


}