/*
 * 17-razones-type-x2.css - '¿Por que asistir?': tipografia al doble de tamano manteniendo las animaciones.
 * Origen: index.html, <style> #5 (desde la linea 1). Contenido identico al original.
 */
/* ===== ¿POR QUÉ ASISTIR? — tipografía x2 ===== */
/* Se mantienen las animaciones y se aumenta la legibilidad. */
#razones .info-content{
  height:28%!important;
  padding:14px 22px!important;
}

#razones .info-card:hover .info-content,
#razones .info-card:focus-visible .info-content{
  height:38%!important;
}

#razones .info-photo-wrap{
  height:72%!important;
}

#razones .info-card:hover .info-photo-wrap,
#razones .info-card:focus-visible .info-photo-wrap{
  height:62%!important;
}

/* Título: 18px → 36px */
#razones .info-content h3{
  font-size:36px!important;
  line-height:1.05!important;
  letter-spacing:.08em!important;
  margin:0 0 8px!important;
}

/* Descripción: 12px → 24px */
#razones .info-description p{
  font-size:24px!important;
  line-height:1.25!important;
  padding-top:10px!important;
}

/* En pantallas pequeñas reducimos proporcionalmente para que no se corte. */
@media(max-width:900px){
  #razones .info-content h3{font-size:32px!important}
  #razones .info-description p{font-size:21px!important}
}

@media(max-width:520px){
  #razones .info-content{
    height:28%!important;
    padding:14px 18px!important;
  }
  #razones .info-card:hover .info-content,
  #razones .info-card:focus-visible .info-content{
    height:42%!important;
  }
  #razones .info-photo-wrap{height:72%!important}
  #razones .info-card:hover .info-photo-wrap,
  #razones .info-card:focus-visible .info-photo-wrap{
    height:58%!important;
  }
  #razones .info-content h3{font-size:28px!important}
  #razones .info-description p{font-size:19px!important}
}