:root {
  --gray-color: #808080;
}
.mb-10 {
  margin-bottom: 10rem;
}
.inicio-cursamiento{
  position: absolute;
  width: 100%;
  background-color: transparent;
  top: 0px;
  color: transparent;
}
.hero-plan-estudios {
  background: rgba(0,0,0,0.6);
  min-height: 690px;
  height: auto;
  margin-top: 165px;
  color: var(--white);
  /* background: black; */
  display: grid;
  place-items: center;
  position: relative;
}
.hero-plan-estudios__sb {
  height: 460px;
}
.banner-principal{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-secundario{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-title {
  font-size: 4.3rem;
  font-weight: bold;
  text-align: start;
  margin-bottom: 0px;
}
.hero-title-sub {
  font-size: 1.2rem;
  text-align: start;
  letter-spacing: 3px;
  margin-bottom: 0px;
}
.subtitle-certificaciones {
  font-size: 2rem;
  text-align: start;
  margin-bottom: 0px;
  letter-spacing: 1px;
}
.mockup-programa-derecha {
  width: 50%;
  height: 1152px;
}
#heroPrepa {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ),
    url("../img/background-prepa.jpg") center;
  background-position: right;
  background-size: cover;
  position: relative;
}
/*------------------- licenciatura ---------------*/
/* #heroLicenciatura {
    width: 100%;
    background: linear-gradient(
            to right,
            rgba(0, 2, 1, 0.8) 50%,
            rgba(39, 115, 104, 0.588) 80%,
            rgba(0, 0, 0, 0.271) 100%
        ),
        url("../img/background-licenciatura.jpg") center;
    background-position: right;
    background-size: cover;
} */
#heroLicenciatura {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ),url("../img/BannerLic.png") center;
  background-position: right;
  background-size: cover;
}

/*---------------- TSU -----------------------*/

#heroTSU {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ), url("../img/BannerTSU.png") center;
  background-position: center;
  background-size: cover;
}
.mockup-tsu {
  background: url("../img/mockup-tsu.png");
  background-position: center;
  background-size: cover;
}

/*----------- LIC COMERCIO GLOBAL --------------*/
#heroLicCG {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ),url("../img/bannerLicCG.png") center;
  background-position: center;
  background-size: cover;
  position: relative;
}

.mockup-programa-licCG {
  width: 50%;
  height: 1152px;
  background: url("../img/mockup-licCG.png");
  background-position: center;
  background-size: cover;
}

/* -------------- IDS ---------------------*/
#heroIDS {
  width: 100%;
  background: url("../img/BannerIDS.png") center;
  background-position: center;
  background-size: cover;
  position: relative;
}

.mockup-programa-ids {
  width: 50%;
  height: 1152px;
  background: url("../img/mockup-ids.png");
  background-position: center;
  background-size: cover;
}

/*--------------- MDN --------------------*/
#heroMDN {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ), url("../img/BannerMDN.png") center;
  background-position: center;
  background-size: cover;
  position: relative;
}

.mockup-programa-mdn {
  width: 50%;
  height: 1152px;
  background: url("../img/mockup-mdn.png");
  background-position: center;
  background-size: cover;
}

/*------------------ Master ------------------*/
#heroMaster {
  width: 100%;
  background: url("../img/BannerMaster.png") center;
  background-position: center;
  background-size: cover;
}

/*------------------ Lic Gerenciamiento ------------------*/
#heroLicenciaturaGer {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ),url("../img/BannerLicGer.png") center;
  background-position: center;
  background-size: cover;
  position: relative;
}

/*------------------ TSU RH ------------------*/
#heroTSURH {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ),url("../img/BannerTSURH.png") center;
  background-position: center;
  background-size: cover;
}

.mockup-tsuRH {
  background: url("../img/mockup-tsuRH.png");
  background-position: center;
  background-size: cover;
}

/*------------------ TSU A ------------------*/
#heroTSUA {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0,0,0,0.6) 50%,
      rgba(0,0,0,0.6) 80%,
      rgba(0,0,0,0.6) 100%
    ),url("../img/BannerTSUA.png") center;
  background-position: center;
  background-size: cover;
}

.mockup-tsuA {
  background: url("../img/mockup-tsua.png");
  background-position: center;
  background-size: cover;
}

/*------------------ TSU CD ------------------*/
#heroTSUCD {
  width: 100%;
  background: url("../img/BannerTSUCD.png") center;
  background-position: center;
  background-size: cover;
}

.mockup-tsuCD {
  background: url("../img/mockup-tsuCD.png");
  background-position: center;
  background-size: cover;
}

/*------------------ Programacion PLC ------------------*/
#heroProgramacionPLC {
  width: 100%;
  background: url("../img/BannerProgramacionPLC.png") center;
  background-position: center;
  background-size: cover;
}

.mockup-programacionPLC {
  background: url("../img/mockup-ProgramacionPLC.png");
  background-position: center;
  background-size: cover;
}

/*------------------ Programacion CNC ------------------*/

#heroProgramacionCNC {
  width: 100%;
  background: url("../img/BannerProgramacionCNC.png") center;
  background-position: center;
  background-size: cover;
}

.mockup-programacionCNC {
  background: url("../img/mockup-ProgramacionCNC.png");
  background-position: center;
  background-size: cover;
}

/*------------------ Programacion Lineal ------------------*/

#heroProgramacionLineal {
  width: 100%;
  background: url("../img/BannerProgramacionLineal.png") center;
  background-position: center;
  background-size: cover;
}

.mockup-programacionLineal {
  background: url("../img/mockup-ProgramacionLineal.png");
  background-position: center;
  background-size: cover;
}

/*------------------ Robotica ------------------*/

#heroRobotica {
  width: 100%;
  background: url("../img/BannerRobotica.png") center;
  background-position: center;
  background-size: cover;
}

.mockup-robotica {
  background: url("../img/mockup-Robotica.png");
  background-position: center;
  background-size: cover;
}

/*------------------ Certificaciones Tecnicas ------------------*/

#heroCertificacionesTecnicas {
  width: 100%;
  background: url("../img/BannerCertificacionesTecnicas.png") center;
  background-position: center;
  background-size: cover;
}

.card-certificaciones-title {
  position: absolute;
  top: 1.6rem;
  /* font-weight: 200; */
}

/*----------------- Certificacion Ejecutiva ----------------*/
#heroCertificacionEjecutiva {
  width: 100%;
  background: url("../img/BannerCertificacionEjecutiva.png") center;
  background-position: center;
  background-size: cover;
}

/*----------------- Sesiones informativas ----------------*/
#heroSesionesInformativas {
  width: 100%;
  background: url("../img/BannerSesionesInformativas.png") center;
  background-position: center;
  background-size: cover;
  display: grid;
  place-items: center;
}

/*----------------- Certificaciones Internacionales ----------------*/
#heroCertificacionesInternacionales {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../img/BannnerCertificacionesInternacionales.png") center;
  background-position: center;
  background-size: cover;
  display: grid;
  place-items: center;
}

/*------------------ CertificacionTec TN ------------------*/

#heroCertificacionTecTN {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../img/BannerCertificacionTecTN.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

#heroCertificacionEjecTDDAD {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../img/TDDAD_banner.png") center;
  background-position: right;
  background-size: cover;
}

.mockup-certificacionTecTN {
  background: url("../img/mockup-CertificacionTecTN.png");
  background-position: center;
  background-size: cover;
}

/*------------------ CertificacionTec DEDS ------------------*/

#heroCertificacionTecDEDS {
  width: 100%;
  background: url("../img/BannerCertificacionTecDEDS.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

.mockup-certificacionTecDEDS {
  background: url("../img/mockup-CertificacionTecDEDS.png");
  background-position: center;
  background-size: cover;
}

/*------------------ CertificacionTec IIS ------------------*/

#heroCertificacionTecIIS {
  width: 100%;
  background: url("../img/BannerCertificacionTecIIS.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

.mockup-certificacionTecIIS {
  background: url("../img/mockup-CertificacionTecIIS.png");
  background-position: center;
  background-size: cover;
}

/*------------------ CertificacionTec GD ------------------*/

#heroCertificacionTecGD {
  width: 100%;
  background: url("../img/BannerCertificacionTecGD.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

.mockup-certificacionTecGD {
  background: url("../img/mockup-CertificacionTecGD.png");
  background-position: center;
  background-size: cover;
}

/*------------------ CertificacionTec GDM ------------------*/

#heroCertificacionTecGDM {
  width: 100%;
  background: url("../img/BannerCertificacionTecGDM.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

.mockup-certificacionTecGDM {
  background: url("../img/mockup-CertificacionTecGDM.png");
  background-position: center;
  background-size: cover;
}

/*------------------ CertificacionTec DSI ------------------*/

#heroCertificacionTecDSI {
  width: 100%;
  background: url("../img/BannerCertificacionTecDSI.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

.mockup-certificacionTecDSI {
  background: url("../img/mockup-CertificacionTecDSI.png");
  background-position: center;
  background-size: cover;
}

/*------------------ CertificacionTec SPI ------------------*/

#heroCertificacionTecSPI {
  width: 100%;
  background: url("../img/BannerCertificacionTecSPI.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

.mockup-certificacionTecSPI {
  background: url("../img/mockup-CertificacionTecSPI.png");
  background-position: center;
  background-size: cover;
}

/*------------------ CertificacionTec DDP ------------------*/

#heroCertificacionTecDDP {
  width: 100%;
  background: url("../img/BannerCertificacionTecDDP.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

.mockup-certificacionTecDDP {
  background: url("../img/mockup-CertificacionTecDDP.png");
  background-position: center;
  background-size: cover;
}

/*------------------ Diplomados ------------------*/

#heroDiplomados {
  width: 100%;
  background: url("../img/BannerDiplomados.png") center;
  /* background: url("../img/BannerCertitifacionTecTN.png") center; */
  background-position: center;
  background-size: cover;
}

/*-------------------- Lic Ger --------------------*/
.mockup-programa-licenciatura-ger {
  width: 50%;
  height: 1152px;
  background: url("../img/mockup-licger.png");
  background-position: center;
  background-size: cover;
}

#heroCertificacionEjecDEE {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/certificacionEjecDEE/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-certificacionEjecDEE {
  background: url("../iconos/certificacionEjecDEE/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroCertificacionEjecGLD {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/certificacionEjecGLD/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-certificacionEjecGLD {
  background: url("../iconos/certificacionEjecGLD/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroCertificacionEjecTCNCM {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/certificacionEjecTCNCM/background.jpg") center;
  background-position: right;
  background-size: cover;
  position: relative;
}

.mockup-certificacionEjecTCNCM {
  background: url("../iconos/certificacionEjecTCNCM/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroCertificacionEjecIELC {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/certificacionEjecIELC/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-certificacionEjecIELC {
  background: url("../iconos/certificacionEjecIELC/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroCertificacionEjecEMDDN {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/certificacionEjecEMDDN/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-certificacionEjecEMDDN {
  background: url("../iconos/certificacionEjecEMDDN/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroCertificacionEjecGOSN {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/certificacionEjecGOSN/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-certificacionEjecGOSN {
  background: url("../iconos/certificacionEjecGOSN/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosFCN {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosFCN/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosFCN {
  background: url("../iconos/diplomadosFCN/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosDO {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosDO/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosDO {
  background: url("../iconos/diplomadosDO/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosAEE {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosAEE/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosAEE {
  background: url("../iconos/diplomadosAEE/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosLCEETD {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosLCEETD/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosLCEETD {
  background: url("../iconos/diplomadosLCEETD/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosEEC {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosEEC/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosEEC {
  background: url("../iconos/diplomadosEEC/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosPTI {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosPTI/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosPTI {
  background: url("../iconos/diplomadosPTI/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosCHECM {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosCHECM/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosCHECM {
  background: url("../iconos/diplomadosCHECM/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosFFE {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosFFE/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosFFE {
  background: url("../iconos/diplomadosFFE/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosEMND {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosEMND/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosEMND {
  background: url("../iconos/diplomadosEMND/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosETD {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosETD/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosETD {
  background: url("../iconos/diplomadosETD/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosFETD {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosFETD/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosFETD {
  background: url("../iconos/diplomadosFETD/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroDiplomadosECL {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/diplomadosECL/background.jpg") center;
  background-position: right;
  background-size: cover;
}

.mockup-DiplomadosECL {
  background: url("../iconos/diplomadosECL/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroMasterLGEC {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/masterLGEC/background.jpg") center;
  background-position: center;
  background-size: cover;
}

.mockup-MasterLGEC {
  background: url("../iconos/masterLGEC/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroMasterGEETD {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/masterGEETD/background.jpg") center;
  background-position: center;
  background-size: cover;
}

.mockup-MasterGEETD {
  background: url("../iconos/masterGEETD/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroMasterCDRH {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/masterCDRH/background.jpg") center;
  background-position: center;
  background-size: cover;
}

.mockup-MasterCDRH {
  background: url("../iconos/masterCDRH/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroMasterCDGO {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/masterCDGO/background.jpg") center;
  background-position: center;
  background-size: cover;
}

.mockup-MasterCDGO {
  background: url("../iconos/masterCDGO/mockup.png");
  background-position: center;
  background-size: cover;
}

#heroMasterVSC {
  width: 100%;
  background: linear-gradient(
      to right,
      rgba(0, 2, 1, 0.8) 50%,
      rgba(39, 115, 104, 0.588) 80%,
      rgba(0, 0, 0, 0.271) 100%
    ),
    url("../iconos/masterVSC/background.jpg") center;
  background-position: center;
  background-size: cover;
}

.mockup-MasterVSC {
  background: url("../iconos/masterVSC/mockup.png");
  background-position: center;
  background-size: cover;
}

.card-text-ce {
  transform: translateY(15px);
}

.container-hero-preparatoria {
  /* padding-top: 8rem; */
}

.container-hero-licenciatura {
  /* padding-top: 5rem; */
}

.icono-hero-preparatoria {
  width: 365px;
}

.icono-hero-licenciatura {
  width: 167px;
}
.icono-hero-programas {
  width: 100px;
  margin-right: 1.5rem;
}

.icono-hero-programas-complete {
  width: 800px;
  /* margin-right: 1.5rem; */
}

.title-hero {
  font-size: 70px;
}

.texto-hero {
  width: 80%;
  margin: auto;
  margin-top: 3rem;
}

#mockup {
  min-height: 1365px;
  display: flex;
  align-items: center;
  height: auto;
  flex-wrap: wrap;
}

.container-beneficios-programa {
  width: 50%;
  min-height: 1065px;
  height: auto;
  background-color: var(--gray-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.beneficios-programa {
  width: 70%;
  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.beneficios-programa button {
  width: 390px;
  /* font-size: 1.25rem; */
}

.mockup-programa-preparatoria {
  width: 50%;
  height: 1152px;
  background: url("../img/mockup-prepa.png");
  background-position: center;
  background-size: cover;
}

.mockup-programa-licenciatura {
  width: 50%;
  height: 1152px;
  background: url("../img/mockup-licenciatura.png");
  background-position: center;
  background-size: cover;
}

.item-beneficio-programa {
  display: flex;
  padding: 5px;
  gap: 3rem;
}

.item-beneficio-programa > div:nth-child(2) {
  display: flex;
  align-items: center;
  width: calc(100% - 3.5rem - 3rem);
}

.item-beneficio-programa > div:nth-child(2) p {
  margin-bottom: 0;
}

.item-beneficio-programa > div svg {
  width: 3.5rem;
  max-height: 3.5rem;
}

.item-beneficio-programa > div:hover svg path,
.item-beneficio-programa > div:hover svg line,
.item-beneficio-programa > div:hover svg rect,
.item-beneficio-programa > div:hover svg ellipse,
.item-beneficio-programa > div:hover svg circle,
.item-beneficio-programa > div:hover svg polyline,
.item-beneficio-programa > div:hover svg polygon {
  stroke: var(--main-color);
}

.icono-beneficio-programa {
  width: 3.5rem;
  height: 3.5rem;
}

.icono-beneficio-programa img {
  width: 3.5rem;
}
.container-cards-verdes{
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8rem;
}
.container-ver-requisitos {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}
/*--------------- IDS --------------*/
.container-opcion-especializarte {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem 5rem;
}

.card-requisitos {
  width: 410px;
  min-height: 200px;
  height: auto;
  padding: 1.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  display: grid;
  place-items: center;
  border: 1px solid transparent;
}
.card-requisitos.card-green {
  box-shadow: none;
  position: relative;
}

.card-requisitos:hover {
  border: 1px solid var(--darker-green);
  cursor: pointer;
}

.card-requisitos img {
  margin-bottom: 1rem;
}



.btn-ver-requisitos {
  width: 100%;
  background-color: var(--darker-main);
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 30px;
  border-radius: 0.6rem;
}

.btn-requisitos-desplegado {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.requisitos-desplegar {
  width: 100%;
  max-width: 1010px;
  background-color: var(--darker-main);
  height: 747px;
  color: var(--white);
  padding: 100px;
  display: none;
  position: relative;
  z-index: 80;
}

.item-requisito {
  font-size: 30px;
}

.mostrar {
  display: block;
}

.descarga-materiales {
  margin-top: 8rem;
  /* margin-bottom: 8rem; */
  padding-bottom: 8rem;
}

.container-iconos-descarga-materiales {
  display: flex;
  flex-direction: column;
  margin-top: 5rem;
  gap: 5rem;
  /* width: 100%; */
}

.container-iconos-descarga-materiales > div {
  max-width: 170px;
}

/*------------------------- TSU -------------------*/
.card-green {
  background-color: var(--main-color);
  color: var(--white);
}
.card-btn > div {
  /* position: absolute; */
}
.card-button-ver-mas {
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card-btn-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 500;
}
#sectionConoce {
  margin-bottom: 10rem;
}
.section-conoce-programas {
  margin-bottom: 10rem;
}
.section-conoce-programas a {
  text-decoration: none;
}
#sectionConoce a {
  text-decoration: none;
}
.ver-mas-text {
  font-size: 18px;
}
.card-master {
  min-height: 300px;
}

.container-iconos-descarga-materiales > div:hover svg path,
.container-iconos-descarga-materiales > div:hover svg line,
.container-iconos-descarga-materiales > div:hover svg rect,
.container-iconos-descarga-materiales > div:hover svg circle {
  stroke: var(--main-color);
}

.proxima-card{
  font-size: 1.3rem;
}

#imgLanzamientoNoticias{
  width: 700PX;
}

.section-programas-listado{
    height: 50rem;
    padding: 0px 5rem;
}
.certi-tec-img-izquierda{
	display: flex;
    height: 100%;
    width: 40%;
}
.certi-tec-img-izquierda img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.certi-tec-programas{
    width: 60%;
    padding: 2rem;
    display: flex;
    justify-content: center;
}
.certi-tec-programas__wrapper{
    height: calc(100% - 3rem - 54px);
    /* width: 100%; */
    overflow-y: auto;
}
.programas-listado-programa{
    flex-grow: 1;
    margin-bottom: 1rem;
}
.certi-tec-programas__wrapper a{
    text-decoration: none;
    color: #000;
}
.programas-listado-icono{
    margin-left: 2rem;
}
.programas-listado-nombre{
    width: 80%;
    
    word-break: break-word;
    font-weight: bold;
    font-size: 1.15rem;
}
.programas-listado-fecha{
    margin-top: 0.4rem;
    border-bottom: 1px solid #000;
    padding-bottom: 0.4rem;
    color: var(--font-green-light);
}
/* Firefox */
.certi-tec-programas__wrapper {
	scrollbar-width: thin;
	scrollbar-color: #555555 #DFE9EB;
}

/* Chrome, Edge and Safari */
.certi-tec-programas__wrapper::-webkit-scrollbar {
  width: 10px;
  width: 10px;
}
.certi-tec-programas__wrapper::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #DFE9EB;
}

.certi-tec-programas__wrapper::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

.certi-tec-programas__wrapper::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

.certi-tec-programas__wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #555555;
}

.certi-tec-programas__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #555555;
}

.certi-tec-programas__wrapper::-webkit-scrollbar-thumb:active {
  background-color: #555;
}

@media (min-width: 768px) {
  .container-iconos-descarga-materiales{
    flex-direction: row;
  }
}

@media (max-width: 991.98px) {
  .beneficios-programa {
    width: 90%;
  }
  .icono-hero-programas-complete {
    width: 600px;
    /* margin-right: 1.5rem; */
  }
}

@media (min-width: 1024px) {
  .container-iconos-descarga-materiales {
    flex-direction: row;
  }
}

@media (max-width: 767.98px) {
  #heroPrepa {
    margin-top: 1px;
  }
  #heroLicenciatura {
    margin-top: 1px;
  }
  #heroAliados {
    margin-top: 1px;
  }
  .hero-plan-estudios {
    margin-top: 0px;
    padding: 5rem 0rem 2rem 0rem;
  }
  .container-beneficios-programa {
    width: 100%;
    padding: 2rem 1rem;
  }
  .mockup-programa-licenciatura {
    width: 100%;
  }
  .mockup-programa-preparatoria {
    width: 100%;
  }
  .mockup-programa-mdn {
    width: 100%;
  }
  .container-iconos-descarga-materiales {
    gap: 3rem;
  }
  .mockup-programa-derecha {
    width: 100%;
    height: 400px;
  }
  .container-beneficios-programa{
    min-height: auto;
  }
  .beneficios-programa h2{
    text-align: center;
  }
  .beneficios-programa button{
    width: 100%;
  }
  #mockup{
    min-height: auto;
  }
  .texto-hero {
    text-align: start !important;
  }
  /* #heroPrepa {
    background: url("../img/banner-prepara.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  } */
  .icono-hero-programas-complete {
    width: 80%;
    /* margin-right: 1.5rem; */
  }
  .title-hero {
    font-size: 2.5rem;
  }
  .hero-proximamente{
    min-height: 400px;
  }
  /* #heroTSUA{
    background: url("../img/bannersMovil/TSUA.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroTSUCD{
    background: url("../img/bannersMovil/TSUCD.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroTSURH{
    background: url("../img/bannersMovil/TSURH.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroMDN{
    background: url("../img/bannersMovil/Maestria.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroLicenciatura{
    background: url("../img/bannersMovil/Licenciatura.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroLicenciaturaGer{
    background: url("../img/bannersMovil/LicenciaturaGer.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroLicCG{
    background: url("../img/bannersMovil/LicenciaturaCD.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroProgramacionPLC{
    background: url("../img/bannersMovil/IngenieriaPLC.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroProgramacionCNC{
    background: url("../img/bannersMovil/IngenieriaCNC.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroRobotica{
    background: url("../img/bannersMovil/IngenieriaRobotica.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroProgramacionLineal{
    background: url("../img/bannersMovil/IngenieriaLineal.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroCertificacionTecDEDS{
    background: url("../img/bannersMovil/CTDEDS.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroCertificacionTecIIS{
    background: url("../img/bannersMovil/CTIIS.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroCertificacionTecGDM{
    background: url("../img/bannersMovil/CTGDM.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroCertificacionTecDSI{
    background: url("../img/bannersMovil/CTDSI.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroCertificacionTecSPI{
    background: url("../img/bannersMovil/CTSPI.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroCertificacionTecDDP{
    background: url("../img/bannersMovil/CTDDP.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosEMND{
    background: url("../img/bannersMovil/DiplomadoEMND.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosETD{
    background: url("../img/bannersMovil/DiplomadoETD.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosFETD{
    background: url("../img/bannersMovil/DiplomadoFETD.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosECL{
    background: url("../img/bannersMovil/DiplomadoECL.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosFCN{
    background: url("../img/bannersMovil/DiplomadoFCN.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosDO{
    background: url("../img/bannersMovil/DiplomadoDO.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosAEE{
    background: url("../img/bannersMovil/DiplomadoAEE.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosLCEETD{
    background: url("../img/bannersMovil/DiplomadoLCEETD.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosEEC{
    background: url("../img/bannersMovil/DiplomadoEEC.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosPTI{
    background: url("../img/bannersMovil/DiplomadoPTI.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #heroDiplomadosFFE{
    background: url("../img/bannersMovil/DiplomadoFFE.png") center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  } */
  #imgLanzamientoNoticias{
    width: 70%;
  }
  .certi-tec-img-izquierda{
	display: none;
  }
  .certi-tec-programas{
	width: 100%;
  }
  .section-programas-listado{
	padding: 0px 3rem;
  }
  .certi-tec-programas{
	padding: 2rem 0rem;
  }
}

@media (max-width: 575.98px) {
  .section-conoce-programas{
    padding: 0px 2rem;
  }
  .section-conoce-programas a{
    width: 100%;
  }
  .section-conoce-programas a button{
    width: 100%;
  }
  .bandera-inicio-curso{
    left: -5%;
  }
  .card-requisitos{
    width: 100%;
  }
  #imgLanzamientoNoticias{
    width: 90%;
  }
  .card-green-marco-responsive{
    padding: 4rem 0px;
  }
  .programas-listado-nombre{
	width: 90%;
  }
}