/* LANDMUK - Mejora visual de "Tu forma de aprender"
   Override aislado: no modifica PHP, datos ni administración. */

#modalidades.home-section{
  padding-top:56px;
  padding-bottom:58px;
}

#modalidades .home-section-heading{
  width:min(860px,100%);
  margin:0 auto 30px;
  display:block;
  text-align:center;
}

#modalidades .home-section-heading .eyebrow{
  display:inline-block;
  margin:0 0 12px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
}

#modalidades .home-section-heading h2{
  max-width:760px;
  margin:0 auto 14px;
  font-size:clamp(2rem,3.4vw,3.35rem);
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
}

#modalidades .home-section-heading p{
  max-width:680px;
  margin:0 auto;
  font-size:1rem;
  line-height:1.7;
  text-wrap:balance;
}

#modalidades .home-modes{
  margin-top:28px;
  gap:18px;
}

#modalidades .home-mode{
  min-height:0;
  padding:28px 30px;
}

#modalidades .home-mode h3{
  margin-top:16px;
  margin-bottom:9px;
  font-size:1.18rem;
}

#modalidades .home-mode p{
  margin-bottom:0;
  line-height:1.6;
}

@media (max-width:680px){
  #modalidades.home-section{
    padding-top:38px;
    padding-bottom:42px;
  }
  #modalidades .home-section-heading{
    margin-bottom:22px;
    text-align:left;
  }
  #modalidades .home-section-heading h2{
    margin-left:0;
    font-size:clamp(1.8rem,9vw,2.45rem);
    line-height:1.08;
  }
  #modalidades .home-section-heading p{
    margin-left:0;
    font-size:.94rem;
    line-height:1.6;
  }
  #modalidades .home-modes{
    margin-top:20px;
  }
  #modalidades .home-mode{
    padding:23px 22px;
  }
}