/* ====== Coaching – Section 3 ====== */
:root{
  --hf-primary: #203a72;      /* bleu fond bloc */
  --hf-deep:    #1f2c59;
  --hf-border:  #e6e9f4;
  --hf-radius:  20px;
  --hf-card-shadow: 0 10px 24px rgba(20,35,80,.08);
}

.coaching-s3 {
  padding: clamp(32px, 5vw, 64px) 0;
  background: white;
}

.coaching-s3 .s3-wrap{
  position: relative;
  width: min(1200px, 92vw);
  margin-inline: auto;
  background: var(--hf-primary);
  color: #fff;
  border-radius: 24px;
  overflow: hidden;
  padding: clamp(50px, 8vw, 80px) clamp(20px, 3vw, 28px);
}

/* grille cartes */
.coaching-s3 .s3-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2.5vw, 24px);
}

.coaching-s3 .s3-card{
  background:#fff;
  color:#0f1535;
  border-radius: 22px;
  box-shadow: var(--hf-card-shadow);
  padding: clamp(18px, 2.2vw, 24px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 170px;
}

.coaching-s3 .s3-ico {
  width: 40px;      /* largeur fixe de l’icône */
  height: 40px;     /* hauteur fixe */
  display: flex;
  align-items: center;
  justify-content: center;
}

.coaching-s3 .s3-ico img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}


.coaching-s3 .s3-title{
  font-weight: 800;
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.25;
  margin: 2px 0 0 0;
}
.coaching-s3 .s3-text{
  font-size: clamp(14px, 1.05vw, 15px);
  line-height: 1.6;
  color:#263150;
}

/* Responsive */
@media (max-width: 1024px){
  .coaching-s3 .s3-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  .coaching-s3 .s3-grid{ grid-template-columns: 1fr; }
  .coaching-s3 .s3-wrap{ padding: 20px; border-radius: 20px; }
}