/* ICEYP — Oferta Educativa (acordeón) */

.accordion {
  max-width: 760px;
  margin-inline: auto;
  border-top: 1px solid var(--color-border);
}

.accordion__item {
  border-bottom: 1px solid var(--color-border);
  scroll-margin-top: 100px;
}

.accordion__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-6) var(--space-2);
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
  color: var(--color-navy-900);
}
.accordion__trigger svg { color: var(--color-brand-500); transition: transform var(--transition-base); flex-shrink: 0; }
.accordion__trigger[aria-expanded="true"] svg { transform: rotate(180deg); }

.accordion__panel { padding-bottom: var(--space-4); }
.accordion__panel[hidden] { display: none; }

.accordion__program {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) var(--space-2) var(--space-4) var(--space-6);
  border-top: 1px solid var(--color-border);
  color: var(--color-text);
  font-size: var(--fs-body-lg);
  transition: background var(--transition-base), color var(--transition-base);
}
.accordion__program:hover { background: var(--color-brand-100); color: var(--color-brand-600); }
.accordion__program svg { color: var(--color-neutral-500); transform: rotate(-90deg); flex-shrink: 0; }