body {
  margin: 0;
  font-family: Arial, sans-serif;
}

* {
  font-family: "Montserrat", sans-serif;
}

body nav {
  display: flex;
  position: fixed;
  justify-content: space-between;
  align-items: center;
  max-width: -webkit-fill-available;
  width: 100%;
  margin: 0 auto;
  padding: 16px 5%;
  background: #fff;
  top: 0px;
  box-shadow: 0px 0px 1px #e41842;
  z-index: 10;
}

.logo img {
  height: 40px;
}

.nav-menu {
  list-style: none;
  display: flex;
  margin: unset;
  gap: 40px;
  align-items: center;
  padding: unset;
}

.nav-menu li {
  margin-left: 0px;
}

.nav-menu a {
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
}

.menu-toggle {
  display: none;
  flex-direction: column;
  cursor: pointer;
}

.menu-toggle .bar {
  width: 25px;
  height: 3px;
  background: #fff;
  margin: 4px 0;
}

img.LogoBlanco {
  display: none;
  height: 40px;
}


img.LogoNegro {
  display: block;
  height: 30px;
}

a.BtnSecundario {
  padding: 8px 24px;
  color: #E41842;
  border: 2px solid #E41842;
  border-radius: 8px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-decoration: unset;
  text-transform: uppercase;
}

a.BtnPrimario {
  padding: 8px 16px;
  background: #E41842;
  border: 2px solid #E41842;
  border-radius: 8px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: unset;
  text-transform: uppercase;
}

button.BtnSecundarioDos,
a.BtnSecundarioDos {
  padding: 8px 16px;
  background: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  color: #E41842;
  font-size: 16px;
  font-weight: 600;
  text-decoration: unset;
  text-transform: uppercase;
}

a.BtnSecundarioTres {
  padding: 8px 16px;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: unset;
}

.CtaBanner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}

.Section1 {
  background: linear-gradient(90deg, rgba(139, 16, 52, 1) 0%, rgba(139, 16, 52, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
  display: flex;
  padding: 180px 5% 60px;
  justify-content: space-between;
  align-items: center;
}

.Section4 {
  display: flex;
  padding: 0px 5% 0px 0px;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  flex-direction: row;
}

.BannerText2 {
  width: 60%;
  padding: 200px 5% 120px;
  background-color: #8B1034;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.BannerText2 p {
  color: white;
}

.BannerImg2 {
  width: 50%;
  padding: 160px 0px 0px 32px;
}

.BannerImg2 img {
  width: 100%;
}

.BannerText2 h1,
.BannerText h1 {
  font-size: 60px;
  color: #ffffff;
  font-weight: bold;
  margin: unset;
}

.BannerImg img {
  width: 100%;
}

.BannerText {
  margin-right: 5%;
  width: 55%;
  display: grid;
  gap: 16px;
}

.BannerImg {
  width: 35%;
}

.BannerText p {
  color: #ffffff;
  font-weight: normal;

}

.divIcon {
  width: 30%;
}

.Section2 {
  display: flex;
  padding: 80px 5%;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  background: #F6F6F6;
}

.SectionDiv {
  gap: 24px;
  display: flex;
  align-content: center;
  align-items: center;
}

.divIcon img {
  width: 100%;
}

.divText h2 {
  color: #A20F35;
  font-size: 24px;
  font-weight: bold;
  margin: 0px auto 16px;
}

p {
  font-size: 16px;
  margin: unset !important;
}

.LineDiv {
  background: #D1D1D1;
  height: 118px;
  width: 4px;
  margin: auto;
  border-radius: 2px;
}

/* seccion 3 */
.Section3 {
  display: flex;
  padding: 80px 5%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  background: #ffffff;
  flex-direction: column;
}

.EncabezadoPlanes h3 {
  font-size: 24px;
  font-weight: bold;
  margin: unset;
  color: white;
}

.EncabezadoPlanes h2 {
  font-size: 40px;
  font-weight: bold;
  margin: auto;
  color: white;
}

.EncabezadoPlanes span {
  font-size: 20px;
}

.ItemsPlanesInt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  text-align: left;
}

.ItemsPlanesInt p {
  margin: unset;
}

.ItemsPlanes {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
}

.EncabezadoPlanes p {
  color: white;
}

.PlanSecLin {
  border: 2px solid #f93b57;
  border-radius: 26px;
  padding-bottom: 32px;
}

.PlanSec {
  background-color: #F83B58;
}

.PlanPriLin {
  border: 2px solid #8B1034;
  border-radius: 32px;
  padding-bottom: 32px;
}

.PlanPri {
  background-color: #8B1034;
}

.EncabezadoPlanes {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  gap: 16px;
}

.SectionPlanInt a.BtnPrimario {
  text-align: center;
  display: table;
  margin: auto;
}

.SectionPlanes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  gap: 24px;
}

/* Seccion 4 */
.MetricasInt h2, .MetricasInt h4 {
  margin: unset;
}

.MetricasInt h4 {
  font-size: 14px;
}

.container.Section3 {
  padding: 0px 0px 80px;
  width: 100%;
}

.MetricasInt h2 {
  font-size: 36px;
  border-bottom: unset !important;
  text-align: left;
  margin: unset !important;
  font-weight: bold;
}

.textlegal p {
  color: white;
  font-size: 16px;
  font-weight: lighter;
}

footer img {
  height: 30px;
}

a.BtnPrimario button, button.BtnPrimario {
  padding: 8px 16px;
  background: #E41842;
  border: 2px solid #E41842;
  border-radius: 8px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: unset;
  text-transform: uppercase;
}

.MetricasGeneral {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  margin: auto;
}

.MetricasInt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.DivImg img {
  width: 100%;
}

h2.TitleDivInterno {
  font-size: 40px;
  margin: unset;
  padding-bottom: 8px;
  border-bottom: 2px solid #E41842;
  display: block;
  width: fit-content;
}

.SectionDivInterno {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 50%;
}

/* Login */
.Section1Login {
  display: flex;
  padding: 12% 5%;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  background: #ffffff;
  flex-direction: column;
}

.input-container {
  position: relative;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

input[type="email"],
input[type="password"],
input[type="text"],
input[type="number"] {
  width: -webkit-fill-available;

  /* Espacio para el ícono */
  color: var(--Secundario-400, #888);

  /* text - sm/regular */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  border-radius: 8px;
  border: 1px solid var(--Secundario-200, #D1D1D1);
  background: var(--Blanco, #FFF);

  /* Background blur/Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.toggle-password {
  position: absolute;
  top: 65%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
}

.toggle-password img {
  width: 20px;
  height: 20px;
}

.form_login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 500px;
}

div#Section1Login form {
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 32px;
}

.OtraPregunta {
  display: flex;
  gap: 8px;
  align-items: center;
}

.input-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  z-index: 0;
}

.input-container label {
  color: var(--Secundario-500, #6D6D6D);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.EncabezadoLogin h1 {
  color: var(--Primario-600, #E41842);
  text-align: center;
  font-family: Montserrat;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
  margin: auto auto 8px;
}

.EncabezadoLogin {
  text-align: center;
  margin: auto;
}

a.LinkSecundario {
  color: var(--Secundario-950, #000);
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-decoration: unset;
  border-color: var(--Primario-600, #E41842);
}

input:focus-visible {
  outline-offset: 0px;
  outline: var(--Primario-600, #E41842) auto 1px;
}

p.texlegal {
  color: var(--Secundario-950, #000);
  text-align: center;

  /* text - sm/regular */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

p.texlegal span {
  color: var(--Primario-800, #A20F35);

  /* text - sm/bold */
  font-style: normal;
  font-weight: 700;
}

/* Pasarela de pagos */
.Section1Pasarela {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 180px 5% 60px;
  justify-content: space-between;
  align-items: start;
}

.ItemsPasalera {
  display: flex;
  align-items: center;
}

p.ItemsPasalera {
  display: flex;
  padding: 4px 11px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  width: 14px;
}

.pasalaActivo {
  color: var(--Blanco, #FFF);
  background: var(--Primario-900, #8B1034);
}

.pasaInactivo {
  color: var(--Secundario-950, #000);
  background: var(--Secundario-50, #F6F6F6);
}

.lineCenterInactive {
  background-color: var(--Secundario-50, #F6F6F6);
  width: 120px;
  height: 4px;
}

.lineCenterActive {
  background-color: var(--Primario-900, #8B1034);
  width: 120px;
  height: 4px;
}

.PasarlaInt {
  display: inline-grid;
  gap: 40px;
}

a.BtnTerciario {
  padding: 8px 24px;
  background: var(--Secundario-50, #F6F6F6);
  border: 2px solid var(--Secundario-50, #F6F6F6);
  border-radius: 8px;
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-decoration: unset;
  text-transform: uppercase;
}

.form_Pasarela {
  display: flex;
  gap: 40px;
  flex-direction: column;
  align-items: center;
}

.EncabezadoPasarela {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.EncabezadoPasarela h3 {
  color: var(--Secundario-950, #000);

  /* text - 2xl/regular */
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 133.333% */
  margin: unset;
}

.EncabezadoPasarela h3 span {
  color: var(--Primario-600, #E41842);

  /* text - 2xl/bold */
  font-style: normal;
  font-weight: 700;
  /* 133.333% */
}

.EncabezadoDatosPlan h3 {
  color: var(--Secundario-950, #000);

  /* text - 4xl/bold */
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 111.111% */
  margin: unset;
}

.EncabezadoDatosPlan h2 {
  color: var(--Secundario-950, #000);

  /* text - 5xl/bold */
  font-family: Montserrat;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  /* 116.667% */
  margin: unset;
}

.DatosPlan {
  border-radius: 16px;
  border: 1px solid var(--Secundario-400, #888);
  background: var(--Blanco, #FFF);
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
}

.EncabezadoDatosPlan {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ItemsPlanesDos {
  display: inline-grid;
  flex-direction: column;
  gap: 16px;
}

.EncabezadoDatosPlan span {
  font-size: 36px;
  line-height: 40px;
}

.Imput-Radio img {
  height: 20px;
  width: fit-content;
}

.Imput-Radio {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}


.radio-custom {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 2px solid #DD3D85;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

.radio-custom::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #DD3D85;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

input[type="radio"] {
  display: none;
}

input[type="radio"]:checked+.radio-custom::after {
  opacity: 1;
}

/* Estilo para los labels */
.Imput-Radio label {
  font-size: 16px;
  font-weight: bold;
  color: black;
  cursor: pointer;
}

h2.subtitlePago {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

.input-document {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 16px;
}

select#opciones {
  width: -webkit-fill-available;
  color: var(--Secundario-400, #888);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
  border: 1px solid var(--Secundario-200, #D1D1D1);
  background: var(--Blanco, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.DivImg {
  width: 50%;
}

.divText2 h2 {
  color: #A20F35;
  font-size: 18px;
  font-weight: bold;
  margin: 0px auto 8px;
}

.input_error input[type="email"],
.input_error input[type="password"],
.input_error input[type="text"],
.input_error input[type="number"] {
  border: 1px solid #8B1034;
}

.input_error p {
  color: #8B1034;
  text-align: right;
  font-size: 12px;
}

a.ctaSencillo {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #E41842;
  text-decoration: unset;
}

.Mensaje_Error {
  width: 450px;
  margin: auto;
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: var(--Error-50, #FEF2F2);
}

.Mensaje_Error img {
  width: 56px;
  height: 56px;
}

.Text_Error h3 {
  color: #121212;

  /* text - md/bold */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 100% */
  margin: unset;
  text-align: left;
}

.Text_Error p {
  color: #121212;

  /* text - xs/regular */
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin: auto;
  text-align: left;
  line-height: 16px;
  /* 133.333% */
}

.Text_Error {
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: flex-start;
}

footer {
  display: flex !important;
  width: 100%;
  padding: 60px 70px;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  background: #000;
  max-width: -webkit-fill-available;
}

.textInt_Footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.textInt_Footer h3 {
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
  margin: auto;
}

.textInt_Footer a {
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 100;
  text-decoration: unset;
  line-height: 28px;
  /* 155.556% */
}

.textFooter {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 160px;
  align-self: stretch;
}

h2.TitleDivInternoBlanco {
  font-size: 40px;
  padding-bottom: 8px;
  border-bottom: 2px solid #fff;
  display: block;
  width: fit-content;
  color: white;
  margin: 0px auto 32px;
}

.SectionDivCarouser {
  background-color: #8B1034;
  padding: 70px 40px;
  border-radius: 80px 16px 16px 16px;
  flex-direction: column;
  color: white;

}

.SectionDivCarouser p {
  color: white;
}

.carousel-control-next, .carousel-control-prev {
  position: relative !important;
  width: 5% !important;
}

div#carouselExample {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
}

.carousel-indicators {
  position: relative !important;
  margin: 0px !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.IntCarousel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: auto;
}

body .carousel-control-prev-icon {
  background-image: url(../img/arrow-left-circle.svg);
}

body .carousel-control-next-icon {
  background-image: url(../img/arrow-right-circle.svg);
}

body .prev-icon-2 {
  background-image: url(../img/arrow-left-circle-2.svg);
}

a.carousel-control-prev,
a.carousel-control-next {
  display: block;
}

body .next-icon-2 {
  background-image: url(../img/arrow-right-circle-2.svg);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  opacity: 1;
}

body .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.Section3.DivEntes {
  background-color: #FFF1F2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.logos_certificadores {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.logos_certificadores img {
  height: 45px;
}

.star-rating {
  color: #E41842;
}

h5.card-title {
  color: #A20F35;
  font-weight: 700;
}

p.card-text2 {
  font-weight: bold;
  margin: auto 0px;
}

.div_calificacion {
  display: flex;
  justify-content: space-between;
}



img.card-img-top {
  height: 150px;
}

.card.CursosCard {
  border-radius: 60px 8px 9px 8px;
}

p.card-text {
  font-size: 16px;
}

.carousel-inner.version_mobile {
  display: flex;
  flex-direction: column;
}

.row.ItemsCliente {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 120px;
}

.Section1Bienvenida {
  padding: 250px 5%;
  background-image: url(../img/Img_Banner_Bienvenida.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.Section1Bienvenida .EncabezadoLogin {
  width: 60%;
  display: flex;
  gap: 32px;
  flex-direction: column;
  align-items: center;
}

.Section1Bienvenida .EncabezadoLogin h1, .Section1Bienvenida .EncabezadoLogin p {
  color: white;
  margin: unset;
  padding: unset;
}

.ImgMobileBienvenida {
  display: none;
}

.QueHacemos {
  background-color: #8B1034;
  padding: 40px;
  border-radius: 80px 16px 16px 16px;
  flex-direction: row;
  color: white;
  display: grid;
  align-content: center;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 32px;
}

.QueHacemos_text h2 {
  font-size: 60px;
  color: #ffffff;
  font-weight: bold;
  margin: unset;
}

.QueHacemos_text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.MisionVision {
  display: grid;
  align-content: center;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: stretch;

}

.MisionVision_Int img {
  height: 400px;
}

.MisionVision_Int {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 32px;
  border: 1px solid #E7E7E7;
  border-radius: 16px 80px 16px 16px;
}

.Section3.divValores {
  background-color: #FFF1F2;
}

.divValores_Int {
  background-color: white;
  padding: 24px;
  border-radius: 8px;
}

.divValoresGrid {
  display: grid;
  align-content: center;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  align-items: stretch;
}

.divValores_Int h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1300px) {
  .logos_certificadores img {
    height: 32px;
    width: auto;
  }

  .MetricasInt h2 {
    font-size: 24px;
  }

  .EncabezadoPlanes h2 {
    font-size: 32px;
  }

  .EncabezadoPlanes h3 {
    font-size: 20px;
  }

  .EncabezadoPlanes p {
    color: white;
    font-size: 16px;
  }
}

::marker {
  display: none !important;
  color: #ffffff00;
  opacity: 0;

}

@media only screen and (max-width: 768px) {
  .textlegal p {
    font-size: 12px;
    text-align: center;
  }

  .MisionVision_Int img {
    width: 100%;
    height: auto;
  }

  .MisionVision_Int {
    padding: 16px;
    border-radius: 16px 40px 16px 16px;
  }

  .QueHacemos {
    padding: 32px 16px;
    border-radius: 40px 8px 8px 8px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .divValoresGrid, .MisionVision {
    grid-template-columns: 1fr;
  }

  .Section4 {
    padding: 0px;
    justify-content: center;
    flex-direction: column;
  }

  .BannerText2 {
    width: 100%;
    padding: 100px 24px 30px;
  }

  .BannerImg2 {
    width: 100%;
    padding: 30px 24px 60px;
  }

  .QueHacemos_text h2, .BannerText2 h1, .BannerText h1 {
    font-size: 32px;
  }

  .Section1Bienvenida .EncabezadoLogin {
    width: 100%;
    align-items: stretch;
  }

  .Section1Bienvenida {
    padding: 120px 5% 80px;
    background-color: #E41842;
    background-image: none;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .ImgMobileBienvenida img {
    width: 100%;
  }


  .ImgMobileBienvenida {
    display: block;
  }

  body .CardsCursos {
    grid-template-columns: auto;
  }

  .IntCarousel {
    height: 550px;
  }

  .row.ItemsCliente img {
    width: auto;
    padding: 8px;
  }

  .row.ItemsCliente {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logos_certificadores {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }

  .logos_certificadores img {
    width: auto;
  }

  body .carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }

  body .logo-container {
    max-width: 100%;
  }

  .carousel-control-next, .carousel-control-prev {
    width: 50px !important;
  }

  .carousel-control-next-icon, .carousel-control-prev-icon {
    width: 32px !important;
    height: 32px !important;
  }

  .controlesCarousel.version_mobile {
    gap: 24px;
  }

  div#carouselExample {
    flex-direction: column;
    gap: 32px;
  }

  body .version_desktop {
    display: none;
  }

  body .version_mobile {
    display: flex;
  }

  .DivCarousel h2,
  h2.TitleDivInternoBlanco {
    font-size: 24px;
  }

  .SectionDivCarouser {
    padding: 40px 24px;
    border-radius: 40px 8px 8px 8px;
  }

  .IntCarousel {
    grid-template-columns: 1fr;
  }

  .logo-container {
    flex: 1 1 100%;
    /* Un logo por fila en pantallas pequeñas */
    max-width: 100%;
  }

  .version_mobile {
    display: flex;
  }

  .version_desktop {
    display: none;
  }

  footer {
    padding: 60px 5%;
  }

  .textInt_Footer a, .textInt_Footer h3 {
    font-size: 16px;
  }

  .textFooter {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
  }

  .Mensaje_Error {
    width: auto;
  }

  h2.TitleDivInterno {
    font-size: 24px;
  }

  .DivImg {
    width: 100%;
  }

  .SectionDivInterno, .MetricasGeneral, .SectionPlanes {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .container.Section3,
  .Section3 {
    padding: 40px 24px;
    justify-content: center;
    flex-direction: column;
  }

  .MetricasInt h2 {
    font-size: 48px;
  }

  /* Pasarela de pago */
  .DatosPlan {
    padding: 24px;
  }

  .EncabezadoDatosPlan h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .EncabezadoDatosPlan h2 {
    font-size: 30px;
    line-height: 36px;
  }

  .EncabezadoDatosPlan span {
    font-size: 16px;
    line-height: 16px;
  }

  p.texlegal {
    font-size: 12px;
    line-height: 16px;
  }

  .Section1Pasarela {
    grid-template-columns: 1fr;
    padding: 100px 5% 60px;
  }


  /* Login */
  .Section1Login {
    padding: 100px 5% 60px;
    width: 100%;
  }

  a.BtnPrimario, a.BtnSecundario, a.BtnTerciario, a.BtnSecundarioTres, a.BtnSecundarioDos {
    width: -webkit-fill-available;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
  }

  .form_login {
    width: 100%;
  }

  .EncabezadoLogin h1 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 8px;
  }

  .OtraPregunta {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }


  img.LogoBlanco {
    display: none;
  }


  img.LogoNegro {
    display: block;
  }

  .nav-menu {
    display: none;
    flex-direction: column;
    width: 90%;
    position: absolute;
    top: 64px;
    left: 0;
    background: #333;
  }

  .nav-menu li {
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 0px;
  }

  .menu-toggle {
    display: flex;
  }

  nav {
    background: #ffffff;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    max-width: -webkit-fill-available;
    margin: 0 auto;
    padding: 16px 5%;
    align-items: center;
    position: fixed;
    z-index: 1;
  }

  .Section1 {
    flex-direction: column;
    padding: 100px 24px 40px;
    gap: 60px;
    background: rgb(139, 16, 52);
    background: linear-gradient(180deg, rgba(139, 16, 52, 1) 0%, rgba(139, 16, 52, 1) 63%, rgba(255, 255, 255, 1) 63%, rgba(255, 255, 255, 1) 100%);
  }

  .BannerText {
    margin: unset;
    width: 100%;
  }

  .BannerImg {
    width: 100%;
  }

  .BannerText h1 {
    font-size: 32px;
  }

  /* .BannerText p {
    font-size: 14px;
    
  } */

  .CtaBanner {
    flex-direction: column;
    display: flex;
    align-items: stretch;
    gap: 24px;
    width: 100%;
  }

  .SectionPlanInt a.BtnPrimario {
    text-align: center;
    display: table;
    margin: auto 24px;
  }


  .Section2 {
    padding: 60px 24px;
    flex-direction: column;
  }

  .SectionDiv {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  p {
    font-size: 16px;
    line-height: 20px;
  }

  .divText h2 {
    font-size: 18px;
  }

  .divIcon {
    width: 25%;
  }

  .LineDiv {
    background: #D1D1D1;
    width: 80%;
    height: 2px;
    margin: auto;
    border-radius: 2px;
  }

}

.nav-menu.active {
  width: 100%;
  max-width: 100%;
  display: flex;
  padding: 24px 5% 40px;
  margin: unset;
  gap: 24px;
  background: #ffffff;
  border-bottom: 1px solid #e41842;
}

.Inter_carousel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.logo-container {
  flex: 1 1 20%;
  max-width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.logo-container img {
  max-width: 100%;
  height: auto;
  max-height: 100px;
}

.carousel-item.active {
  display: flex !important;
}

/* 
a.carousel-control-next, a.carousel-control-prev,
.carousel-item-next, .carousel-item-prev {
  display: none;
} */

.carousel-inner.version_mobile,
.version_mobile {
  display: none;
}

.carousel-control-next, .carousel-control-prev {
  position: relative;
  width: 5%;
}

.CardsCursos {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 16px;
  width: 100%;
}

.CardsCursoscControls {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 16px;
  width: 100%;
}

a.carousel-control-prev.Control_Color-Izq,
a.carousel-control-next.Control_Color-Der {
  width: auto !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

a.carousel-control-next.Control_Color-Der {
  background-image: url(../img/arrow-right-circle-2.svg);
}

a.carousel-control-prev.Control_Color-Izq {
  background-image: url(../img/arrow-left-circle-2.svg);
}

.Calificacion {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Calificacion p.card-text {
  font-weight: bold;
}

body .card {
  border-radius: 80px 16px 16px 16px;
}

.card img {
  border-radius: 40px 15px 0px 0px;
}