/* ============================================================
   Penelope — Richiesta di colloquio
   Riusa lo scheletro/i componenti di ../../prenotazioni/css/portal.css
   e le variabili colore/font di ../../style.css; qui solo le poche
   regole specifiche di questa pagina (badge diverso da "Ulisse",
   pulsante di selezione slot, riepilogo).
   ============================================================ */

.colloqui-hero{ padding-bottom: 6px; }

.colloqui-badge{
  background: linear-gradient(135deg, var(--pink-dark), var(--lime-dark));
}

.portal-slot-btn.select{
  background: var(--blue);
  color: #fff;
}
.portal-slot-btn.select:hover{ background: var(--blue-dark); }

.portal-slot.selected{
  border: 1.5px solid var(--pink);
  background: rgba(232,21,110,0.06);
}

.colloqui-slot-riepilogo{
  font-family: 'Baloo 2', sans-serif;
  font-weight: 700;
  color: var(--ink);
  background: var(--sky);
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 16px;
  display: inline-block;
}

@media (max-width: 760px){
  .portal-brand-hero{ flex-direction: column; text-align: center; }
}