/* =========================
   ZONA PROGRAMARI – CENTRATA
   ========================= */
.programari-zone{
  display:flex;
  justify-content:center;
  margin:40px 0;
}

/* CONTAINER BUTOANE */
.programari-zone .wide-button-row{
  display:flex;
  gap:18px;
  max-width:900px;
  width:100%;
}

/* BUTOANE GENERALE */
.programari-zone .wide-button{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:18px;
  border-radius:14px;

  font-size:17px;
  font-weight:700;
  text-decoration:none;

  background:#f1f5f9;
  color:#0f172a;
  border:2px solid #cbd5e1;

  transition:all .2s ease;
}

/* HOVER STANDARD */
.programari-zone .wide-button:hover{
  background:#e2e8f0;
}

/* BUTON PROGRAMARI – EVIDENTIAT */
.programari-zone .wide-button.programari{
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  color:#ffffff;
  border:none;

  box-shadow:
    0 0 0 0 rgba(37,99,235,.6),
    0 12px 30px rgba(37,99,235,.55);

  animation:pulse 1.8s infinite;
}

/* ICON CALENDAR */
.programari-zone .wide-button.programari::before{
  content:"📅";
  font-size:22px;
}

/* ANIMATIE PULS */
@keyframes pulse{
  0%{
    box-shadow:
      0 0 0 0 rgba(37,99,235,.5),
      0 12px 30px rgba(37,99,235,.55);
  }
  70%{
    box-shadow:
      0 0 0 16px rgba(37,99,235,0),
      0 12px 30px rgba(37,99,235,.55);
  }
  100%{
    box-shadow:
      0 0 0 0 rgba(37,99,235,0),
      0 12px 30px rgba(37,99,235,.55);
  }
}

/* RESPONSIVE */
@media (max-width:768px){
  .programari-zone .wide-button-row{
    flex-direction:column;
  }
}