/* oferta.html — page-specific styles (page designer) */

/* 1. consultations on a white section: person cards turn mint, scope chips white */
.of-consult .wbm-c-team__person{background:var(--mint);box-shadow:none}
.of-consult .ticks li{background:var(--white)}

/* 2. psychoeducation: article meta in the dark side box */
.of-psy .h2{max-width:18ch}
.of-psy__meta{margin:0 0 10px;color:var(--rose)!important;font-weight:600;font-size:15px}

/* 3. audiences: bullet list + links at the card bottom */
.of-groups .sec-head__side a{font-weight:600;color:var(--forest);text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:4px}
.of-groups .card .ticks{margin:2px 0 6px;font-size:17px}
.of-groups .card .ticks li{margin-bottom:6px}
.of-groups__links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:auto 0 0;padding-top:6px}
/* 2 columns: the third card spans the row, inset photo on the left (capped at its natural 415px height) */
@media (min-width:640px) and (max-width:1079px){
  .of-groups .card:last-child{grid-column:1/-1;flex-direction:row;align-items:flex-start;padding:20px 0 20px 20px}
  .of-groups .card:last-child .card__photo{width:42%;flex:none;aspect-ratio:auto;align-self:stretch;height:auto;max-height:415px;border-radius:22px 22px 22px 5px}
  .of-groups .card:last-child .card__body{align-self:stretch;padding-top:4px;padding-bottom:8px}
}

/* 4. materials: documents list beside the rose box */
#materialy .split{align-items:center}