@charset "UTF-8";
@media screen {
  /* RESET PAGE */
  html, body,
  div, span,
  h1, h2, h3, h4, h5, h6, p,
  a, em, font, img, strong,
  dl, dt, dd, ol, ul, li,
  form, label, fieldset, legend, input, select, textarea, button,
  table, caption, tbody, tfoot, thead, tr, th, td,
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: none;
    box-sizing: border-box;
  }
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    display: block;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
  }
  ul {
    list-style: none;
  }
  a {
    text-decoration: none !important;
  }
  a, figure, img {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  table, tr, th, td {
    border-collapse: collapse;
    vertical-align: top;
  }
  html, body {
    height: 100%;
  }
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem; /*1rem = 16px*/
  }
}
/*ABSTRACT*/
/*colores*/
/*sizes ratio 1:25*/
/*FONTS*/
@font-face {
  font-family: "Ubuntu-Light";
  src: url("../fonts/Ubuntu-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-Regular";
  src: url("../fonts/Ubuntu-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-Medium";
  src: url("../fonts/Ubuntu-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-Bold";
  src: url("../fonts/Ubuntu-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Twemoji Country Flags";
  unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
  src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
}
em.primary {
  font-style: italic;
}

strong.primary-medium {
  font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

strong.primary-bold {
  font-family: "Ubuntu-bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/*ANIMACIONES*/
/*-1800px es el ancho del primer elemento p de la lista*/
@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-1800px, 0, 0);
  }
}
/*EFECTOS*/
.autoshow {
  opacity: 0;
  transform: translateY(2em);
  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out;
}

.autoshow.active {
  opacity: 1;
  transform: translateY(0);
}

/*BOTONES*/
a.primary,
input[type=submit].primary {
  display: inline-block;
  padding: 0.5em 1em;
  font: normal 1em "Ubuntu-bold", Arial, Helvetica, sans-serif;
  color: #FCC812;
  border: 0.06em solid #172F45;
  border-radius: 3em !important;
  background-color: #172F45;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.primary.outline,
input[type=submit].primary.outline {
  color: #172F45;
  background-color: transparent;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.secondary,
input[type=submit].secondary {
  display: inline-block;
  padding: 0.5em 1em;
  font: normal 1em "Ubuntu-bold", Arial, Helvetica, sans-serif;
  color: #172F45;
  border: 0.06em solid #FCC812;
  border-radius: 3em !important;
  background-color: #FCC812;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.secondary.outline,
input[type=submit].secondary.outline {
  color: #FCC812;
  background-color: transparent;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.small,
input[type=submit].small {
  font-size: 0.9em;
}

a.big,
input[type=submit].big {
  font-size: 1.25em;
}

/*DETALLE CURSO*/
a.BtnDropTemario {
  display: inline-block;
  background: #cecdcd url("../imagenes/ic-drop-down.svg") no-repeat 95% 50%;
  background-size: 1em auto;
  padding: 0.5em 2.5em 0.5em 1em;
  font-size: 1em;
  color: #172F45;
  border-radius: 1em;
}

a.BtnDownTemario {
  display: inline-block;
  background: #172F45 url("../imagenes/ic-pdf.svg") no-repeat 95% 50%;
  background-size: 2.5em auto;
  padding: 0.5em 4em 0.5em 1em;
  font-size: 1em;
  color: #ffffff;
  border-radius: 1em;
}

a.BtnComprarCurso,
input.BtnComprarCurso {
  display: block;
  margin: 0 auto;
  background: #FCC812 url("../imagenes/isologo-azul.svg") no-repeat 1em 50%;
  background-size: 1.3em auto;
  padding: 0.5em 2em 0.5em 2.5em;
  font-family: "Ubuntu-bold", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  color: #172F45;
  border-radius: 1em;
}

a.BtnConsultarCurso,
input.BtnConsultarCurso {
  display: block;
  margin: 0 auto;
  background: #172F45 url("../imagenes/isologo-amarillo.svg") no-repeat 1em 50%;
  background-size: 1.3em auto;
  padding: 0.5em 2em 0.5em 2.5em;
  font-family: "Ubuntu-bold", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  color: #FCC812;
  border-radius: 1em;
}

/*LOGIN*/
a.btn-mostrar-pass {
  display: inline-block;
  background: url("../imagenes/ic-ojo.svg") no-repeat 50% 50%;
  width: 2.5em;
  height: 2.5em;
}

/*SOCIAL*/
a.btn-wapp {
  display: inline-block;
  padding: 0.7em 1em 0.7em 3.3em;
  border-radius: 2em;
  font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  color: #ffffff;
  background: #1BD741 url("../imagenes/ic-wapp.svg") no-repeat 1em 50%;
  background-size: 1.7em auto;
  cursor: pointer;
}

a.btn-wapp-flotante {
  position: fixed;
  z-index: 100;
  bottom: 2em;
  right: 2em;
  display: block;
  width: 4.5em;
  height: 4.5em;
  border-radius: 4em;
  background: #1BD741 url("../imagenes/ic-wapp.svg") no-repeat 50% 50%;
  background-size: 2.5em auto;
  cursor: pointer;
}

a.cerrarx {
  width: 2em;
  height: 2em;
  background: url("../imagenes/ic-equis.svg") no-repeat 50% 50%;
  background-size: 1.5em auto;
}

a.cerrarx.blanca {
  background: url("../imagenes/ic-equis-blanco.svg") no-repeat 50% 50%;
}

a[title=WhatsApp] {
  background: #1BD741 url("../imagenes/ic-wapp.svg") no-repeat 50% 50%;
  background-size: 1.5em auto;
}

a[title*=Instagram] {
  background: url("../imagenes/ic-instagram-banco.svg") no-repeat 50% 50%;
  background-size: 1.5em auto;
}

a[title*=Facebook] {
  background: url("../imagenes/ic-facebook-blanco.svg") no-repeat 50% 50%;
  background-size: 1.5em auto;
}

/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  a.primary:hover,
  input[type=submit].primary:hover {
    color: #ffffff;
    background-color: #000000;
  }
  a.primary-outline:hover,
  input[type=submit].primary-outline:hover {
    color: #ffffff;
    background-color: #000000;
  }
  a.secondary:hover,
  input[type=submit].secondary:hover {
    color: #FCC812;
    background-color: #000000;
  }
  a.secondary-outline:hover,
  input[type=submit].secondary-outline:hover {
    color: #FCC812;
    background-color: #000000;
  }
}
/*FORMULARIOS*/
/*formularios activos*/
label {
  display: block;
  margin-bottom: 0.25em;
  font-size: 1em;
  color: #333333;
  display: block;
}

label strong {
  color: #FCC812;
}

label a {
  font-size: 0.9em;
  color: #707070;
  text-decoration: underline !important;
}

input.primary,
select.primary,
textarea.primary {
  font: normal 1em "Ubuntu-Regular", Arial, Helvetica, sans-serif;
  border: 0.06em solid #b8b8b8;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  width: 100%;
  margin-bottom: 1.5em;
  background-color: #ffffff;
}

.radio-group {
  display: flex;
  flex-wrap: wrap;
}

.radio-group > p {
  flex: 1 1 100%;
  font-size: 1em;
}

.radio-group > span {
  flex: 1;
}

.radio {
  display: inline-flex;
  text-align: left;
}

.radio label {
  flex: 1;
  font-size: 1em;
  color: #000000;
}

.radio input[type=radio] {
  flex: 0 0 1.5em;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.8em;
  border: 0.06em solid #949494;
  border-radius: 50%;
}

.radio input[type=radio]:checked {
  background: url(../imagenes/tilde.png) no-repeat 50% 50%;
}

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.checkbox-group > p {
  flex: 1 1 100%;
  font-size: 1em;
}

.checkbox-group > span {
  flex: 1;
}

.check {
  display: inline-flex;
  text-align: left;
  margin-bottom: 2.5em;
}

.check label {
  flex: 1;
  margin-bottom: 0;
  font-size: 1em;
  color: #000000;
}

.check input[type=checkbox] {
  flex: 0 0 1.2em;
  width: 1.2em;
  height: 1.2em;
  border: 0.06em solid #949494;
  margin-right: 0.8em;
}

.check input[type=checkbox]:checked {
  background: url(../imagenes/tilde.png) no-repeat 50% 50%;
}

.pass-group {
  display: flex;
}

.pass-group input {
  flex: 1;
}

.pass-group a {
  flex: 0 0 auto;
}

textarea.primary {
  height: 11.25em;
}

textarea.small {
  height: 3.5em;
  overflow: hidden;
}

/*placeholders*/
input.primary::-moz-placeholder, textarea.primary::-moz-placeholder {
  color: #b8b8b8;
  opacity: 1;
}
input.primary::placeholder,
textarea.primary::placeholder {
  color: #b8b8b8;
  opacity: 1;
}

/*disabled*/
input.primary[disabled],
select.primary[disabled],
textarea.primary[disabled] {
  opacity: 1;
  background: none;
  background-color: #f2f2f2;
}

/*focus*/
input.primary:not([disabled]):focus,
textarea.primary:not([disabled]):focus,
select.primary:not([disabled]):focus {
  color: #000000;
  outline: 1px solid #FCC812;
}

/*...*/
select.SelectorPais {
  font-family: "Twemoji Country Flags", "Ubuntu-Regular", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  background: #ffffff;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 3em;
}

select.SelectorPais.small {
  font-size: 1em;
}

@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  select.primary {
    padding-right: 2.18em;
    background: #ffffff url(../imagenes/ic-drop-down.svg) no-repeat 98% 50%;
  }
  select.SelectorPais {
    padding-right: 3em;
    background: #ffffff url(../imagenes/ic-drop-down.svg) no-repeat 90% 50%;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  input.primary:not([disabled]):hover,
  textarea.primary:not([disabled]):hover,
  select.primary:not([disabled]):hover {
    border-color: #FCC812;
  }
  input[type=submit].primary:hover {
    border-color: transparent !important;
  }
}
/*COMP MODAL :::::::::::::::::::::::::::::::::*/
@media screen {
  .Modal {
    position: fixed;
    z-index: 9995;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 2.5em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-overflow-scrolling: touch;
  }
  .Mobile .Modal {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ContentModal {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 62em;
    text-align: left;
    background-color: #ffffff;
    border-radius: 0.25em;
    transform: translateY(-1.25em);
    transition: all 0.3s ease-in-out;
  }
  .Modal a.cerrarx {
    position: absolute;
    z-index: 100;
    display: block !important;
    top: 2em;
    right: 2em;
  }
  /*modal general*/
  .ContentModal[data-tipo=general] {
    max-width: 40em !important;
  }
  #ContentModalGeneral {
    text-align: center;
    padding: 2em;
  }
  #ContentModalGeneral p {
    font-size: 1.25em;
  }
  /*modal videos*/
  .ContentModal[data-tipo=video] {
    width: -moz-max-content;
    width: max-content;
    max-width: none !important;
  }
  #VideoLoad {
    width: 100%;
    display: block;
  }
  #VideoLoad video {
    width: 100%;
    display: block;
  }
  #ModalVideos a.cerrarx {
    top: -2em !important;
    right: -2em !important;
  }
  /*modal id*/
  .ContentModal[data-tipo=formulario] {
    max-width: 40em !important;
  }
  #ContentModalID {
    text-align: left;
    padding: 4em 2em;
  }
  .FieldModal label {
    display: block;
    margin-bottom: 0.5em;
  }
  .FieldModal span {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.5em;
  }
  .FieldModal input[type=text] {
    flex: 1;
    margin-bottom: 0.5em;
  }
  .FieldModal input[type=submit] {
    flex: 0 0 auto;
    width: auto;
    margin-bottom: 0.5em;
  }
  a#BtnAyudaId {
    display: block;
    margin-bottom: 0.5em;
    font-size: 0.9em;
    color: #757575;
  }
  #AyudaId {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
  }
  #AyudaId p {
    font-size: 0.8em;
    line-height: 1.25em;
  }
  /*open*/
  #AyudaId.open {
    max-height: 100em;
  }
  /*modals*/
  body[class*=modal] {
    overflow: hidden;
  }
  .modalgeneral #ModalGeneral,
  .modalvideotestimonio #ModalVideos,
  .modalid #ModalID {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
  }
  .modalgeneral #ContentModalGeneral,
  .modalvideotestimonio #ContentModalVideos,
  .modalid #ContentModalID {
    transform: translateY(0);
  }
}
@media (max-width: 500px) {
  .FieldModal input[type=text] {
    flex: 1 1 100%;
    margin-bottom: 0.5em;
  }
  .FieldModal input[type=submit] {
    flex: 1 1 100%;
  }
  a#BtnAyudaId {
    margin-top: 1em;
  }
}
/*CARD GALERIA*/
.CardMateria {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 0.06em solid #D0CFCF;
  border-radius: 0.5em;
  background-color: #ffffff;
  max-width: 400px;
}

.CardGaleria header {
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
}

.CardMateria header figure {
  width: 100%;
  background-color: #eee;
}

.TagAlerta {
  position: absolute;
  z-index: 100;
  top: 1em;
  left: 1em;
  font-size: 14px;
  padding: 0.5em 1em;
  border-radius: 1em;
  background-color: #FCC812;
}

.CardMateria footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.5em 1.5em 3em 1.5em;
}

.CardMateria .InfoMateria {
  flex: 1;
}

.CardMateria p.Categoria {
  font-size: 0.9em;
  color: #A0A0A0;
}

.CardMateria div {
  flex: 1;
  margin-bottom: 0.25em;
}

.CardMateria h4 {
  display: block;
  margin-bottom: 0.5em;
  font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
  font-size: 1.9em;
  color: #000000;
}

.CardMateria h5 {
  font-size: 1em;
  display: block;
  margin-bottom: 0.25em;
}

.CardMateria .Acciones {
  flex: 0 0 auto;
  width: 100%;
  margin-top: 2em;
}

a.BtnMateria {
  display: inline-block;
  font-family: "Ubuntu-bold", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000000;
  padding: 0.7em 3em 0.7em 2.5em;
  border: 0.06em solid #C1C1C1;
  border-radius: 2em;
}

a[data-modalidad=envivo] {
  background: url("../imagenes/ic-vivo.svg") no-repeat 0.3em 50%, url("../imagenes/ic-mas.svg") no-repeat 95% 50%;
}

a[data-modalidad=envideo] {
  background: url("../imagenes/ic-video.svg") no-repeat 0.3em 50%, url("../imagenes/ic-mas.svg") no-repeat 95% 50%;
}

a[data-modalidad=presencial] {
  background: url("../imagenes/ic-prescencial.svg") no-repeat 0.3em 50%, url("../imagenes/ic-mas.svg") no-repeat 95% 50%;
}

/*CARD TESTIMONIO VIDEO*/
.CardTestimonio {
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  border-radius: 0.5em;
  cursor: pointer;
}

.CardTestimonio figure {
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
}

.CardTestimonio figure::before {
  content: "";
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../imagenes/ic-play.svg") no-repeat 50% 50%;
}

.CardTestimonio span {
  display: block;
  text-align: left;
  padding: 1.5em 2em 2em 2em;
}

.CardTestimonio h4 {
  display: block;
  margin-bottom: 0.25em;
  font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #316595;
}

.CardTestimonio h5 {
  font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
}

/*CARD DOCENTE*/
.CardDocente,
.CardDocente2 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  border-radius: 1em;
  text-align: left;
  background-color: #ffffff;
}

.CardDocente > figure,
.CardDocente2 > figure {
  flex: 0 0 15em;
  padding: 1.5em;
}

.CardDocente2 > figure img {
  height: auto !important;
}

.InfoDocente {
  flex: 1;
  display: flex;
  align-items: center;
  background-color: #fff;
}

.InfoDocente > div {
  padding: 2em 4em;
}

p.nombre-docente {
  font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
  font-size: 2.25em;
  display: block;
  margin-top: 0.5em;
}

p.bio-docente {
  display: block;
  margin: 0.5em 0 1em 0;
  font: normal 1.15em "Ubuntu-Light", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}

/*TAGS*/
.TagCategoria {
  display: block;
  font-size: 1em;
  color: #ffffff;
  padding-left: 1em;
  background: url("../imagenes/ic-play-amarillo.svg") no-repeat 0 0.25em;
  background-size: 0.65em auto;
}

.TagModalidad {
  display: inline-block;
  font-family: "Ubuntu-bold", Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #ffffff;
  padding: 0.25em 1em 0.25em 3em;
  border: 0.06em solid #C1C1C1;
  border-radius: 2em;
}

p[data-modalidad=envivo] {
  background: url("../imagenes/ic-vivo.svg") no-repeat 0.3em 50%;
}

p[data-modalidad=envideo] {
  background: url("../imagenes/ic-video.svg") no-repeat 0.3em 50%;
}

p[data-modalidad=presencial] {
  background: url("../imagenes/ic-prescencial.svg") no-repeat 0.3em 50%;
}

/*SPLIDE PLUGIN*/
.splide__pagination {
  bottom: -2em !important;
}

.splide__pagination__page.is-active {
  background-color: #FCC812 !important;
  opacity: 1 !important;
}

/*centra los items y oculta los elementos de navegación cuando la cantidad de items es menor al ancho del carrusel*/
.splide:not(.is-overflow) .splide__list {
  justify-content: center;
}

.splide:not(.is-overflow) .splide__arrows {
  display: none;
}

/*estilos puntuales para los slides del header de las cards de cursos*/
.CardMateria .splide__slide {
  width: 100%;
}

.CardMateria .splide .splide__list {
  justify-content: flex-start !important;
}

.CardMateria .splide .splide__pagination {
  display: flex !important;
}

.CardMateria .splide:not(.is-overflow) .splide__pagination {
  display: none !important;
}

/*PAGINADO*/
#NavPaginado {
  width: 100%;
  text-align: center;
  margin-top: 3.5em;
}

#NavPaginado ul {
  list-style: none;
  margin: 0 auto;
  width: 100%;
  max-width: 50em;
  display: flex;
  align-items: center;
  justify-content: center;
}

#NavPaginado li {
  flex: 0 0 auto;
  font-size: 1em;
  color: #4D4D4D;
  margin: 0 0.5em;
}

#NavPaginado li a {
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#NavPaginado li.PrevPaginado a {
  margin-right: 1em;
  background: url("../imagenes/nav-left.svg") no-repeat 50% 50%;
  background-size: 0.8em auto;
}

#NavPaginado li.NextPaginado a {
  margin-left: 1em;
  background: url("../imagenes/nav-rigth.svg") no-repeat 50% 50%;
  background-size: 0.8em auto;
}

#NavPaginado li.Number a {
  padding: 0.5em;
  border-bottom: 0.2em solid transparent;
}

/*select*/
#NavPaginado li.select a {
  color: #172F45;
  font-weight: bold;
  cursor: default;
  border-bottom-color: #172F45;
}

/*.......*/
/*CONTADOR*/
.Timer {
  display: block;
}

.Timer > p {
  font-size: 1em;
  display: block;
  margin-bottom: 0.5em;
}

.Clock {
  display: flex;
  justify-content: center;
  padding: 1em;
  margin-bottom: 1em;
  border-radius: 1em;
  width: 100%;
  background-color: #FCC812;
}

.Clock div {
  position: relative;
  flex: 0 0 80px;
  padding-right: 15px;
  text-align: center;
  background: url("../imagenes/puntos.svg") no-repeat 100% 40%;
  background-size: 5px auto;
}

.Clock div p {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 10px;
  color: #000000;
}

.Clock div strong {
  display: block;
  font-size: 3.5em;
}

.Clock div:last-child {
  background: none;
}

/*MISCELANEAS*/
::-webkit-scrollbar {
  width: 0.5em;
}

::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 0.5em;
}

::-webkit-scrollbar-thumb {
  background: #b8b8b8;
  border-radius: 0.5em;
}

.smooth {
  overflow-y: scroll;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1100px) {
  /*CARD DOCENTE*/
  .CardDocente {
    flex-direction: column;
    width: 100%;
    max-width: 30em;
    margin: 0 auto;
  }
  .CardDocente > figure {
    flex: 0 0 5em;
  }
  .InfoDocente {
    flex: 0 0 auto;
    padding-top: 0;
    padding-bottom: 3em;
  }
  .InfoDocente > div {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
  .CardDocente2 .InfoDocente {
    flex: 1 !important;
  }
  /*CARD TESTIMONIO VIDEO*/
  .CardTestimonio h5 {
    font-size: 1.25em;
  }
}
@media (max-width: 600px) {
  .Clock div strong {
    font-size: 1.9em;
  }
}
/*LAYOUT GLOVAL*/
@media screen {
  body {
    margin: 0 auto;
    text-align: left;
    font-family: "Ubuntu-Regular", Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
  .SafeZone {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  main {
    padding-top: 5em;
  }
  .Viewport {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid red;*/
    max-width: 100em; /*1600px*/
  }
  .ViewportCorto {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid blue;*/
    max-width: 56em; /*900px*/
  }
  /*img responsive*/
  img {
    max-width: 100%;
    display: block;
  }
}
/*HOVER EFFECTS*/
@media (max-width: 1920px) {
  .Viewport {
    max-width: 85em;
  } /*1360px*/
}
@media (max-width: 1470px) {
  .Viewport {
    max-width: 75em !important;
  } /*1200px*/
}
@media (max-width: 1300px) {
  .Viewport {
    padding: 0 2em;
    max-width: none !important;
  }
}
@media (max-width: 600px) {
  main {
    padding-top: 4em;
  }
}
@media (max-width: 500px) {
  .Viewport {
    padding: 0 1.5em;
  }
}
/*HEADER :::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  header.primary {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    padding: 1em 3em 1em 3em;
    text-align: left;
    background-color: #ffffff;
  }
  #ContentHeader {
    display: flex;
    align-items: center;
  }
  a#BtnMenuMobile {
    display: none;
  }
  #Logo {
    flex: 0 0 16em;
  }
  #Logo a {
    display: block;
  }
  #Menus {
    flex: 1;
    display: flex;
    align-items: center;
  }
  #MenuGeneral {
    display: flex;
  }
  #MenuGeneral > li {
    position: relative;
  }
  #MenuGeneral > li > a {
    font-size: 1em;
    display: block;
    padding: 1em;
    margin: 0 1em;
    color: #172F45;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  #MenuGeneral > li > a strong {
    display: block;
    border-bottom: 0.24em solid transparent;
  }
  #MenuGeneral > li.submenu > a {
    background: url("../imagenes/ic-drop-down.svg") no-repeat 90% 50%;
    padding-right: 2em;
  }
  #MenuGeneral ul {
    position: absolute;
    overflow: hidden;
    background-color: #000000;
    top: 3.2em;
    left: 1em;
    padding: 0 2em;
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(2, 1fr);
    max-height: 0;
    transition: all 0.3s ease-in-out;
  }
  #MenuGeneral ul a {
    display: inline-block;
    padding: 0.3em 1em 0.3em 1.9em;
    border: 0.06em solid #696969;
    border-radius: 1em;
    white-space: nowrap;
    font-size: 1em;
    color: #ffffff;
    background: url("../imagenes/ic-play-amarillo.svg") no-repeat 0.7em 0.5em;
  }
  /*open*/
  #MenuGeneral .open > a {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  #MenuGeneral .open ul {
    max-height: 30em;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  /*.....*/
  #BuscarCampus {
    flex: 1;
    margin-left: 1em;
    margin-right: 1.5em;
  }
  #GrupoBuscarCampus {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  #FormBuscar {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 25em;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #949494;
  }
  .SeachField {
    display: flex;
  }
  .SeachField input[type=text] {
    flex: 1;
    min-width: none;
    max-width: none;
    width: 100%;
    font: normal 1em "Ubuntu-Regular", Arial, Helvetica, sans-serif;
    color: #333333;
    padding: 0.5em 1em;
    background-color: #ffffff !important;
    border: none !important;
  }
  .SeachField input[type=submit] {
    flex: 0 0 2em;
    background: url("../imagenes/ic-lupa.svg") no-repeat 0 50%;
    background-size: 1em auto;
    cursor: pointer;
  }
  /*Mobile*/
  a#BtnCampusBuscarMobile,
  a#BtnCerrarBuscador {
    display: none;
  }
  /*.......*/
  #MenuSecundario {
    flex: 0 0 6em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  /*Panel Mi Carrito*/
  #MiCarrito {
    flex: 0 0 auto;
  }
  #BtnCarrito {
    display: block;
    width: 2.5em;
    height: 2.5em;
    background: url("../imagenes/ic-carrito.svg") no-repeat 50% 50%;
    background-size: 60% auto;
  }
  /*Panel Login*/
  #Login {
    position: relative;
    flex: 1;
  }
  #AccesosLogin {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #AccesosLogin a {
    flex: 0 0 auto;
    color: #172F45;
  }
  #AccesosLogin a#BtnRegistro {
    margin-right: 1em;
    font-size: 1em;
    padding-right: 1em;
    border-right: 0.06em solid #000000;
  }
  #AccesosLogin a#BtnLogin,
  #AccesosLogin a#BtnPerfil {
    flex: 0 0 2em;
    height: 2.3em;
    background: url("../imagenes/ic-perfil.svg") no-repeat 50% 50%;
    background-size: 1.2em auto;
  }
  #MenuSecundario .DownPanel {
    position: fixed;
    overflow: hidden;
    z-index: 9910;
    width: 100%;
    height: 0;
    max-height: none;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    background-color: #f2f2f2;
    transition: height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #Login a.cerrarx {
    display: block;
    position: absolute;
    top: 1em;
    right: 1.5em;
  }
  #PanelLogin {
    top: 0;
    left: 0;
  }
  #LogAbierto {
    background-color: #ffffff;
    border-top: 0.25em solid #172F45;
    padding: 3em 1.5em;
    text-align: center;
  }
  #FormPerfil {
    width: 100%;
    padding: 0;
  }
  p.TxtHola {
    font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
    font-size: 1em;
  }
  p.NombreLog {
    font-size: 1.5em;
    display: block;
    margin: 0 0 0.5em 0;
  }
  a#BtnMisDatos {
    display: inline-block;
    margin: 0.5em 0 1em 0;
  }
  #AccionesCarrito {
    display: block;
    margin: 0 0 0.5em 0;
    padding-top: 1em;
    border-top: 0.06em solid #949494;
  }
  #BtnCerrarSesion {
    display: block;
    margin: 0 auto;
    font-size: 0.9em;
    color: #333333;
    cursor: pointer;
    background: none;
    border: none;
  }
  /*loginmode*/
  .loginmode {
    overflow: hidden;
  }
  .loginmode #MenuSecundario .DownPanel {
    height: 100%;
    max-height: none;
  }
  /*....*/
  /*select*/
  #MenuGeneral > li.select a strong {
    border-color: #FCC812;
  }
  /*loginmode*/
  #AccesosLogin a#BtnPerfil {
    border-color: #FCC812;
  }
}
@media (hover: hover) and (pointer: fine) {
  #MenuGeneral > li:not(.select) a:hover {
    color: #8C8B85 !important;
  }
}
@media (max-width: 1600px) {
  /*Home*/
  #Logo {
    flex: 0 0 11em;
  }
}
@media (max-width: 1500px) {
  #MenuGeneral {
    padding-left: 1.25em;
  }
  #MenuGeneral ul {
    left: 0;
  }
  #MenuGeneral > li a {
    font-size: 1em;
  }
  #MenuGeneral > li > a {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1450px) {
  header.primary {
    padding-top: 1em;
  }
  a#BtnMenuMobile {
    display: block;
    position: absolute;
    z-index: 9900;
    top: 1em;
    left: 3em;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
    background: url("../imagenes/ic-menu.svg") no-repeat 50% 50%, url("../imagenes/ic-equis.svg") no-repeat 50% 200px;
  }
  #Logo {
    margin-left: 2.5em;
  }
  /*menus*/
  #MenuGeneral {
    position: fixed;
    z-index: 9000;
    overflow: hidden;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 0;
    padding: 0 8em;
    background-color: #ffffff;
    transition: height 0.3s ease-in-out;
  }
  #MenuGeneral > li {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    transform: translateY(3em);
    transition: transform 0.3s ease-in-out, opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.3s ease-in-out;
  }
  #MenuGeneral > li > a {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 0;
    margin: 1em 0 0 0;
    font-size: 1.5em;
  }
  #MenuGeneral > li.submenu > a {
    background-position: 7em 78%;
  }
  #MenuGeneral > li ul {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    margin-top: 0;
  }
  #MenuGeneral > li ul li {
    margin: 0;
  }
  #MenuGeneral > li ul a {
    font-size: 1.15em;
  }
  #MenuGeneral > li:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  #MenuGeneral > li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  #MenuGeneral > li:nth-of-type(4) {
    transition-delay: 0.25s;
  }
  #MenuGeneral > li:nth-of-type(5) {
    transition-delay: 0.5s;
  }
  #MenuGeneral > li:nth-of-type(6) {
    transition-delay: 0.75s;
  }
  #MenuGeneral .open ul {
    max-height: 60em;
  }
  /*menumode*/
  .menumode {
    overflow: hidden;
  }
  .menumode a#BtnMenuMobile {
    top: 2em;
    background-position: 50% -200px, 50% 50%;
  }
  .menumode #MenuGeneral {
    height: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .menumode #MenuGeneral > li {
    transform: translateY(-3em);
  }
  /*menumode standby*/
  .menumode.standby #MenuGeneral > li {
    opacity: 1;
    transform: translateY(0);
  }
  /*........*/
}
@media (max-width: 950px) {
  #MenuGeneral > li ul {
    display: block;
  }
  #MenuGeneral > li ul a {
    white-space: normal;
    margin-bottom: 0.5em;
  }
}
@media (max-width: 800px) {
  /*buscar*/
  #BuscarCampus {
    text-align: right;
  }
  a#BtnCampusBuscarMobile {
    display: block;
    height: 40px;
    padding: 10px 30px 0 0;
    margin-left: auto;
    background: url("../imagenes/ic-lupa.svg") no-repeat 100% 50%;
    background-size: 19px auto;
    cursor: pointer;
  }
  #GrupoBuscarCampus {
    position: fixed;
    overflow: hidden;
    z-index: 9995;
    top: 0;
    left: 0;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0;
    background-color: #f2f2f2;
    padding-right: 0;
    border: none;
    transition: height 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #FormBuscar {
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  #BuscarCampus input[type=text] {
    font-size: 1.5rem;
  }
  #FormBuscar input[type=submit] {
    height: auto;
  }
  a#BtnCerrarBuscador {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url("../imagenes/ic-equis.svg") no-repeat 50% 50%;
    background-size: 15px auto;
  }
  /*buscarmode*/
  .searchmode {
    overflow: hidden;
  }
  .searchmode a#BtnCampusMenuMobile {
    display: none;
  }
  .searchmode #GrupoBuscarCampus {
    overflow: auto;
    height: 100%;
  }
  /*..........*/
}
@media (max-width: 600px) {
  header.primary {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  a#BtnMenuMobile {
    left: 1.5em;
  }
  #Logo {
    flex: 0 0 9em;
  }
  #MenuGeneral {
    padding: 0 4em;
  }
  #MenuGeneral > li ul a {
    font-size: 1em;
  }
}
/*MAIN FRONT INTERNA*/
@media screen {
  div[data-rel=interna] {
    background-color: #f2f2f2;
  }
  #ModuloInterna header {
    background: url("../imagenes/fondo-personas.jpg") repeat 0 0;
    background-size: 20em auto;
  }
  #ContentHeaderModuloInterna {
    display: flex;
    align-items: center;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #ContentHeaderModuloInterna figure {
    flex: 0 0 auto;
    margin-right: 1em;
  }
  #ContentHeaderModuloInterna span {
    flex: 1;
  }
  #ContentHeaderModuloInterna h2 {
    font-size: 1.9em;
    color: #ffffff;
  }
  #ContentHeaderModuloInterna h3 {
    font-size: 1.5em;
    color: #ffffff;
    background: url("../imagenes/ic-play-amarillo.svg") no-repeat 0 0.3em;
    background-size: 0.5em auto;
    padding-left: 0.85em;
  }
  #ContentHeaderModuloInterna figure.icono img {
    filter: invert(100%);
  }
  #ContentModuloIntena {
    padding-top: 2em;
    padding-bottom: 6em;
  }
  h3.TituloListado {
    display: block;
    margin-bottom: 1em;
    padding-left: 1.2em;
    background: url("../imagenes/ic-play.svg") no-repeat 0 50%;
    background-size: 0.8em auto;
  }
  .ListaCards {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    width: 100%;
  }
  /*FORMULARIOS*/
  #PageForm {
    padding: 3em 0;
    text-align: center;
    background-color: #f2f2f2;
  }
  #DualForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #DualForm > div {
    flex: 1;
    max-width: 34em;
    padding: 0 1.5em;
  }
  #DualForm > div:first-child {
    text-align: right;
  }
  #DualForm > div:last-child {
    text-align: left;
  }
  #MainForm,
  #SecondaryForm {
    position: relative;
    overflow: hidden;
    text-align: left;
    background-color: #ffffff;
    margin: 0 auto;
    width: 100%;
    max-width: 40em;
    border-radius: 0.5em;
  }
  #MainForm.small,
  #SecondaryForm.small {
    max-width: 30em;
  }
  #TopMainForm,
  #TopSecondaryForm {
    padding: 2em 2em 1em 2em;
    text-align: center;
    background: url("../imagenes/fondo-personas.jpg") repeat 0 0;
    background-size: 13em auto;
  }
  #TopMainForm p,
  #TopSecondaryForm P {
    color: #ffffff;
    font-size: 1.9em;
  }
  #TopMainForm p.NotaForm,
  #TopSecondaryForm p.NotaForm {
    display: block;
    margin-top: 0.5em;
    font-size: 0.95em;
  }
  #ContentMainForm {
    padding: 2.5em;
  }
  #ContentMainForm p.nota {
    font-size: 0.9em;
    display: block;
    margin: 0 0 2em 0;
  }
  #ExtraForm {
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    max-width: 32em;
    margin: 0 auto;
    margin-top: 1em;
  }
  #ExtraForm p {
    flex: 0 0 auto;
    font-size: 0.9em;
  }
  #ExtraForm a {
    flex: 0 0 auto;
    margin-left: 0.5em;
    color: #172F45;
  }
  .AccionesPass {
    padding: 0 0 1em 0;
    text-align: center;
  }
  .AccionesPass a {
    font-size: 0.85em;
    color: #707070;
    text-decoration: underline !important;
  }
  #SecondaryForm {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #TopSecondaryForm {
    flex: 0 0 auto;
  }
  #BottomSecondaryForm {
    flex: 1;
    width: 100%;
    padding-bottom: 2.25em;
    background-color: #f2f2f2;
  }
  #ContentAccesoCampus {
    width: 100%;
    height: 100%;
    background: url(../imagenes/fondo-acceso-campus.jpg) no-repeat 50% 100%;
    background-size: cover;
    border-radius: 0 0 0.5em 0.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 3em;
  }
  #ContentAccesoCampus > div {
    text-align: center;
  }
  #ContentAccesoCampus p {
    font-size: 3.1em;
    display: block;
    text-align: center;
    color: #ffffff;
  }
  #ContentAccesoCampus figure {
    display: flex;
    justify-content: center;
    margin: 2em 0;
  }
  #ContentAccesoCampus img {
    margin: 0 0.5em;
    width: 2em;
  }
  #ContentAccesoCampus a {
    margin: 0 auto;
  }
}
@media (max-width: 950px) {
  #DualForm > div {
    flex: 1 1 100%;
    text-align: center;
  }
  #DualForm > div:last-child {
    margin-top: 3em;
  }
}
@media (max-width: 600px) {
  #ContentHeaderModuloInterna figure.ic {
    flex: 0 0 3em;
  }
  #ContentHeaderModuloInterna h2 {
    font-size: 1.5em;
  }
  #ContentHeaderModuloInterna h3 {
    font-size: 1.1em;
    background-position: 0 0.4em;
  }
  /*FORMULARIOS*/
  #TopMainForm {
    padding-left: 1em;
    padding-right: 1em;
  }
  #ContentMainForm {
    padding-left: 1em;
    padding-right: 1em;
  }
  #ContentAccesoCampus p {
    font-size: 2.4em;
  }
  #DualForm #TopMainForm br,
  #ContentAccesoCampus p br {
    display: none;
  }
}
/*FOOTER*/
@media screen {
  #TopFooter {
    background-color: #000000;
    padding: 3em 0;
  }
  #ContentFooter {
    display: flex;
    flex-wrap: wrap;
  }
  #DatosEmpresa {
    flex: 0 0 auto;
    padding-left: 4em;
    background: url("../imagenes/isologo.svg") no-repeat 0 0;
  }
  #DatosEmpresa address {
    color: #ffffff;
    font-style: normal;
    font-size: 1.25em;
  }
  #DatosEmpresa p {
    font-size: 1em;
    color: #ffffff;
    display: block;
    margin: 1em 0;
  }
  #DatosEmpresa a {
    font-size: 1em;
    display: block;
    color: #ffffff;
  }
  #DatosEmpresa a.BtnMail {
    display: block;
    background: url("../imagenes/ic-sobre.svg") no-repeat 0 0.25em;
    padding-left: 1.7em;
    margin-bottom: 2em;
  }
  #ContentTerminosCondiciones {
    display: block;
    border-top: 0.06em solid #707070;
    padding-top: 1em;
  }
  #ContentTerminosCondiciones a {
    display: block;
    font-size: 0.9em;
    color: #b8b8b8;
  }
  #SocialFooter {
    flex: 1;
  }
  #SocialFooter .NavSocial {
    display: flex;
    flex-wrap: wrap;
    margin-left: 3em;
  }
  #SocialFooter .NavSocial a {
    width: 2.5em;
    height: 2.5em;
    margin-left: 1.5em;
    border-radius: 50%;
  }
  #CambiarPais {
    flex: 0 0 8em;
  }
  #Legales {
    padding: 1em 0;
  }
  #ContentLegales {
    display: flex;
    flex-wrap: wrap;
  }
  #ContentLegales p {
    flex: 1;
  }
  #ContentLegales a {
    color: #000000;
  }
  p#Copy {
    font-size: 0.7em;
  }
  p#CreacionUno {
    font-family: Arial;
    font-size: 0.7em;
    text-align: right;
  }
}
@media (max-width: 810px) {
  #SocialFooter {
    margin: 1em 0;
    justify-content: flex-end;
    padding-left: 0.5em;
  }
  #SocialFooter .NavSocial a {
    margin-right: 1em;
    margin-left: 0;
  }
  #CambiarPais {
    flex: 1 1 100%;
    margin-top: 2em;
    margin-left: 4em;
  }
}
@media (max-width: 700px) {
  #ContentLegales p {
    flex: 1 1 100%;
    text-align: center;
  }
  p#CreacionUno {
    margin-top: 1em;
  }
}
@media (max-width: 630px) {
  #DatosEmpresa {
    background-position: 0.5em 0;
    background-size: 2.7em auto;
  }
  #SocialFooter {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
}
/*SELECCION PAIS*/
@media screen {
  #SeleccionPais {
    background: url("../imagenes/fondo-personas.jpg") repeat 0 0;
    background-size: 40em auto;
  }
  #SeleccionPais main {
    padding: 0;
  }
  #LandingPais {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 0 1.5em;
  }
  #ContentLandingPais {
    background: #ffffff url("../imagenes/fondo-seleccion-pais.jpg") no-repeat 0 0;
    background-size: cover;
    border-radius: 0.5em;
    padding-bottom: 4em;
    text-align: center;
  }
  #LogoPais {
    padding: 3em 1em 1em 1em;
  }
  #LogoPais img {
    margin: 0 auto;
  }
  #BandaLandingPais {
    background-color: #FCC812;
    text-align: center;
    padding: 1.5em 2em;
  }
  #BandaLandingPais p {
    display: block;
    margin-bottom: 1em;
    font-size: 1.25em;
  }
  #BandaLandingPais strong {
    font-size: 1.5em;
  }
}
@media (max-width: 500px) {
  #LandingPais {
    background-size: 20em auto;
  }
}
/*HOME*/
@media screen {
  #Hero {
    position: relative;
    overflow: hidden;
  }
  .SlideDinamico {
    width: 100%;
    height: 100%;
  }
  .SlideDinamico picture {
    width: 100%;
    height: 100%;
  }
  .SlideDinamico img {
    max-width: 100%;
    display: block;
  }
  /*splide*/
  #Hero .splide__pagination {
    bottom: 1.5em !important;
  }
  /*....*/
  /*telepronter*/
  #BarraTelepronter {
    position: relative;
    overflow: hidden;
    text-align: left;
    width: 100%;
  }
  #ContentTelepronter {
    white-space: nowrap;
    transform: translateX(30px);
    animation: ticker 30s linear infinite;
  }
  #ContentTelepronter p {
    white-space: nowrap;
    font-size: 0;
  }
  #ContentTelepronter img {
    display: inline-block;
    vertical-align: middle;
    max-width: none;
  }
  /*intro*/
  #Intro {
    text-align: center;
    background-color: #F6F6F6;
    padding: 6em 0;
  }
  #ContentIntro h2 {
    font-size: 3.8em;
  }
  .HLCarreras {
    color: #FCC812;
  }
  .HLCursos {
    color: #172F45;
  }
  .HLWebinarios {
    color: #316595;
  }
  #ContentIntro p {
    font-size: 1.9em;
    display: block;
    text-align: center;
    margin-top: 0.5em;
  }
  /*carrouseles*/
  .ModuloDestacado {
    text-align: left;
    padding: 5em 0;
    background: url("../imagenes/fondo-personas.jpg") repeat 0 0;
  }
  .ModuloDestacado header > div {
    text-align: center;
  }
  .ModuloDestacado h3 {
    display: inline-block;
    margin: 0.5em auto 1em auto;
    padding-left: 1.3em;
    font-size: 1.5em;
    color: #ffffff;
    background: url("../imagenes/ic-star.svg") no-repeat 0 50%;
  }
  .ModuloDestacado .CardMateria {
    height: 100%;
    margin: 0 auto;
  }
  /*estadisticas*/
  #HeroEstadistica {
    text-align: center;
    padding: 4em;
    background-color: #172F45;
  }
  #HeroEstadistica figure {
    width: 100%;
  }
  #HeroEstadistica img {
    margin: 0 auto;
  }
  /*testimonios*/
  #TestimoniosVideo {
    padding: 3em 0;
    background: url("../imagenes/fondo-personas-blanca.jpg") repeat 0 0;
  }
  #TestimoniosVideo h3 {
    display: block;
    margin-bottom: 0.5em;
    padding-left: 1.6em;
    font-size: 1.5em;
    color: #000000;
    background: url("../imagenes/ic-globo.svg") no-repeat 0 50%;
  }
  #CarrouselTestimonios {
    display: flex;
  }
  /*filtro materias*/
  #FiltroMaterias {
    padding: 5em 0;
    background-color: #F6F6F6;
  }
  #NavFiltroMaterias {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
  }
  #NavFiltroMaterias p {
    flex: 0 0 auto;
    font-size: 1.9em;
    margin-right: 1em;
  }
  #NavFiltroMaterias > div {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
  #NavFiltroMaterias a {
    font-size: 0.9em;
    padding: 0.5em;
    color: #949494;
    border: 0.06em solid #949494;
    border-radius: 2em;
    margin: 0 0.5em;
  }
  #ContentPanelMaterias {
    position: relative;
    width: 100%;
  }
  .PanelMaterias {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
  }
  #ListaMaterias {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(5, 1fr);
  }
  #ListaMaterias li {
    position: relative;
    overflow: hidden;
    min-height: 3em;
    text-align: center;
    padding: 1em;
    background-color: #ffffff;
    border: 0.06em solid #D2D2D2;
    border-radius: 0.5em;
  }
  #ListaMaterias a {
    display: block;
  }
  #ListaMaterias p {
    font-size: 1em;
    color: #000000;
  }
  #ListaMaterias img {
    margin: 0 auto;
  }
  /*open*/
  #NavFiltroMaterias a.select {
    color: #000000;
    border-color: #000000;
  }
  #ContentPanelMaterias > div.open {
    position: relative;
    display: block;
  }
  /*....*/
  /*banner aval*/
  #BannerAval {
    padding: 3.5em 0;
    background: url("../imagenes/fondo-aval.jpg") no-repeat 100% 50%;
  }
  #TagCertificacion {
    display: block;
    max-width: 20em;
  }
  #ListaAval {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
  }
  #ListaAval figure {
    position: relative;
    overflow: hidden;
    flex: 0 0 calc(20% - 1em);
    max-width: 13em;
    margin: 0.5em;
    border-radius: 0.5em;
  }
  /*newsletter*/
  #AccesoNewsletter {
    padding: 3em 0;
    background: #172F45;
  }
  #ContentAccesoNewsletter {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #FormNewsletter {
    display: block;
  }
  #FormNewsletter p {
    font-size: 1.5em;
    color: #ffffff;
    display: block;
    margin-bottom: 0.5em;
  }
  #FormNewsletter form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #FormNewsletter form div {
    flex: 1;
    width: auto;
    max-width: none;
    min-width: 0;
    margin-right: 0.5em;
  }
  #FormNewsletter .AccionesForm {
    flex: 0 0 auto;
  }
  #FormNewsletter input {
    margin-bottom: 0 !important;
    padding: 1em !important;
    border: none;
    min-width: 0;
  }
  #FormNewsletter input[type=submit] {
    height: 100%;
  }
  /*prefooter*/
  #PreFooter {
    position: relative;
    overflow: hidden;
    background: url("../imagenes/fondo-personas-blanca.jpg") repeat 0 0;
    background-size: 17em auto;
  }
  #ContentPreFooter {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #ContactoRapido {
    flex: 1;
    max-width: 30em;
    text-align: left;
  }
  #ContactoRapido p {
    font-size: 1.9em;
    display: block;
    margin: 0.5em 0 1em 0;
  }
  #FotoContactoRapido {
    flex: 1;
    max-width: 20em;
  }
}
@media (max-width: 1100px) {
  /*intro*/
  #ContentIntro h2 strong {
    display: block;
  }
}
@media (max-width: 960px) {
  /*intro*/
  .ModuloDestacado {
    padding-top: 3.5em;
    background-size: 15em auto;
  }
  #ContentIntro h2 {
    font-size: 3.1em;
  }
  #ContentIntro p {
    font-size: 1.5em;
  }
}
@media (max-width: 800px) {
  /*carrouseles*/
  .ModuloDestacado h3 {
    font-size: 1.25em;
  }
  /*filtro marterias*/
  #NavFiltroMaterias {
    display: block;
  }
  #NavFiltroMaterias > div {
    margin-top: 1em;
  }
  #NavFiltroMaterias a {
    margin: 0 0.5em 0 0;
  }
  #ListaMaterias {
    grid-template-columns: repeat(4, 1fr);
  }
  /*banner aval*/
  #BannerAval {
    background-size: cover;
  }
  #ListaAval figure {
    flex: 0 0 calc(33.33% - 0.5em);
    margin: 0.25em;
  }
  /*prefooter*/
  #ContactoRapido {
    flex: 2;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  #LogoPreFooter {
    display: none;
  }
  #ContactoRapido p {
    font-size: 1.5em;
  }
  #FotoContactoRapido {
    flex: 1;
  }
}
@media (max-width: 700px) {
  #AccesoNewsletter {
    background-size: cover;
  }
  #FormNewsletter form {
    flex-wrap: wrap;
  }
  #FormNewsletter form div {
    flex: 1 1 100% !important;
    margin: 0.25em 0;
  }
}
@media (max-width: 699px) {
  /*filtro marterias*/
  #ListaMaterias {
    grid-template-columns: repeat(3, 1fr);
  }
  /*prefooter*/
  #ContactoRapido {
    padding: 2em 0;
    text-align: center;
  }
  #ContactoRapido p br {
    display: none;
  }
  #FotoContactoRapido {
    display: none;
  }
}
@media (max-width: 500px) {
  /*newsletter*/
  #AccesoNewsletter {
    background-position: 50% 50%;
  }
  /*filtro materias*/
  #ListaMaterias {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*DETALLE DE CURSO*/
@media screen {
  #ModuloDetalle {
    width: 100%;
    background: url("../imagenes/fondo-personas.jpg") repeat 0 0;
    background-size: 30em auto;
  }
  #HeroInterna {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #InfoHeroInterna {
    flex: 1;
    padding-right: 2.5em;
  }
  p#IntroHeroInterna {
    display: inline-block;
    margin: 0.25em 0 0.2em 0;
    font: normal 2.8em "Ubuntu-Medium", Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 1.5em;
  }
  p#IntroHeroInterna span {
    padding: 0.1em;
    background-color: #FCC812;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  p#CopyHeroInterna {
    font-size: 1em;
    color: #ffffff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
  }
  a.BtnAmpliarCopyHero {
    text-decoration: underline !important;
    font-size: 1em;
    color: #FCC812;
    margin: 0.5em 0 0 0;
    display: none;
  }
  /*open*/
  #InfoHeroInterna.open p#CopyHeroInterna {
    display: block;
    white-space: normal;
  }
  #InfoHeroInterna.open a.BtnAmpliarCopyHero span {
    display: none;
  }
  #InfoHeroInterna.open a.BtnAmpliarCopyHero::after {
    content: "Cerrar ×";
    text-decoration: underline !important;
    font-size: 1em;
    color: #FCC812;
    display: block;
    margin: 0.5em 0 2em 0;
  }
  /*....*/
  #ExtraHero {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
  }
  #ExtraHero p {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
  }
  #FotoHeroInterna {
    position: relative;
    overflow: hidden;
    flex: 1;
    padding: 1.5em 0;
  }
  #FotoHero figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 50em;
  }
  #FotoHeroInterna img {
    border-radius: 0.5em;
  }
  #FotoHeroInterna .TagAlerta {
    top: 2em;
  }
  #ContentDetalle {
    background-color: #f2f2f2;
  }
  #Curso {
    padding-top: 4.5em;
    padding-bottom: 2em;
  }
  #ContentCurso {
    display: flex;
    flex-wrap: wrap;
  }
  #IntroCurso {
    flex: 1;
    padding-right: 4em;
  }
  #IntroCurso * {
    font-size: 1em;
    line-height: 1.7em;
  }
  p.TituloIntroCurso {
    display: block;
    margin: 2em 0 0.5em 0;
    font-size: 1.5em !important;
  }
  #IntroCurso ul {
    list-style: disc;
    list-style-position: inside;
  }
  #AccionesTemario {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0;
  }
  #AccionesTemario > a {
    flex: 1;
    margin-right: 0.5em;
  }
  #ContentTemario {
    flex: 1 1 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0.5em 0;
    display: none;
  }
  /*open*/
  #ContentTemario.open {
    display: block;
  }
  /*....*/
  #ExtraModalidades {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  #IntroCurso .TagModalidad {
    color: #000000;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
  }
  #ExtraCurso {
    flex: 0 0 27em;
  }
  #VideoCurso {
    border-radius: 1em;
  }
  #VideoCurso p {
    display: block;
    padding: 0.5em;
    font-size: 1.3em;
    color: #fff;
  }
  #LoadVideo {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    width: 100%;
  }
  #LoadVideo img {
    max-width: 100%;
    display: block;
  }
  #CardFichaCurso {
    display: block;
    margin-top: 1em;
    padding-bottom: 2em;
    text-align: center;
    border: 0.06em solid #ccc;
    background-color: #fff;
    border-radius: 1em;
  }
  #CardFichaCurso header {
    padding: 2em 2em 0 2em;
    text-align: left;
  }
  #CardFichaCurso .TagCategoria {
    color: #172F45;
  }
  #CardFichaCurso h3 {
    display: block;
    margin-top: 0.5em;
    font: normal 1.8em "Ubuntu-Medium", Arial, Helvetica, sans-serif;
  }
  #DetalleCompleto {
    margin-top: 1em;
  }
  table.TablaCurso {
    width: 100%;
    border-collapse: collapse;
  }
  table.TablaCurso td {
    padding: 1em 0;
  }
  table.TablaCurso h4 {
    font-family: "Ubuntu-bold", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
  }
  table.TablaCurso h5 {
    font-size: 0.9em;
  }
  table.TablaCurso tr td:first-child {
    padding-left: 2em;
    padding-right: 1em;
    text-align: left;
  }
  table.TablaCurso tr td:last-child {
    padding-left: 1em;
    padding-right: 2em;
    text-align: right;
  }
  table.TablaCurso tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  table.TablaCurso tr.PrecioFinal h5 {
    color: #172F45;
    font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
    font-size: 1.9em;
  }
  #AccionesCurso {
    margin-top: 2em;
    padding: 0 3em;
  }
  p.AlertaAcciones {
    display: block;
    font-size: 1.25em;
    color: #990000;
    margin-top: 0.8em;
  }
  #AccionesCurso a {
    margin: 0.8em 0;
  }
  #Beneficios {
    padding: 2.5em 0;
    background-color: #ffffff;
  }
  #ContentBeneficios {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #ContentBeneficios div {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
  #ContentBeneficios figure {
    flex: 0 0 8em;
    margin-right: 1em;
  }
  #ContentBeneficios img {
    max-width: 100%;
    display: block;
  }
  #ContentBeneficios p {
    flex: 1;
    font-size: 1.3em;
  }
  #ContentBeneficios span {
    flex: 1;
    height: 3em;
    background: url("../imagenes/filete.svg") no-repeat 50% 50%;
  }
  #Docente {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #172F45;
  }
  #Docente .TagCategoria {
    color: #172F45;
  }
  #Docente .CardDocente {
    margin: 0.5em auto;
  }
  #WebinariosRelacionados {
    padding: 3.5em 0;
  }
  #WebinariosRelacionados header {
    margin-bottom: 1em;
  }
}
@media (max-width: 1340px) {
  #DetalleCurso #HeroInterna {
    max-width: none !important;
    padding-left: 3em;
    padding-right: 0 !important;
  }
  #FotoHeroInterna {
    padding-right: 1em;
  }
  #ContentBeneficios {
    display: inline-flex;
  }
  #ContentBeneficios div {
    flex: 0 0 auto;
    justify-content: center;
  }
  #ContentBeneficios figure {
    flex: 0 0 5em;
  }
  #ContentBeneficios p {
    flex: 0 0 auto;
  }
  #ContentBeneficios span {
    display: none;
  }
}
@media (max-width: 1200px) {
  #InfoHeroInterna {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
@media (max-width: 1100px) {
  #DetalleCurso #HeroInterna {
    padding-left: 2em;
    padding-right: 2em;
  }
  p#IntroHeroInterna {
    font-size: 2.4em;
  }
  p#CopyHeroInterna {
    font-size: 1.15em;
  }
  #Curso {
    padding-top: 0;
  }
  #IntroCurso {
    flex: 1 1 100%;
    padding-right: 0;
  }
  #ExtraCurso {
    flex: 1 1 100%;
    margin-top: 2.5em;
  }
  #ContentBeneficios div {
    margin: 1.5em 0;
  }
  #ContentBeneficios figure {
    flex: 0 0 6em;
  }
  #ContentBeneficios p {
    font-size: 1em;
  }
}
@media (max-width: 1023px) {
  #ContentBeneficios div {
    flex: 1 1 100%;
  }
  #ContentBeneficios p {
    flex: 0 0 10em;
  }
}
@media (max-width: 950px) {
  #InfoHeroInterna {
    flex: 1 1 100%;
    order: 2;
    padding-top: 1em;
  }
  #FotoHeroInterna {
    flex: 1 1 100%;
    order: 1;
    padding: 0;
    height: 4em;
  }
  #FotoHeroInterna figure {
    display: none;
  }
  #FotoHeroInterna .TagAlerta {
    left: 0;
  }
}
@media (max-width: 500px) {
  #DetalleCurso #HeroInterna {
    padding: 0 1.5em 0 1.5em;
  }
  a#trigger-temario {
    order: 1;
    flex: 1 1 100%;
  }
  #ContentTemario {
    order: 2;
    flex: 1 1 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  a#trigger-download-temario {
    order: 3;
    flex: 1 1 100%;
    margin-top: 1em;
  }
  #AccionesCurso {
    padding-left: 1em;
    padding-right: 1em;
  }
  #Beneficios {
    margin-top: 0;
  }
}
/*WEBINARIOS*/
@media screen {
  #Webinarios #ContentModuloIntena {
    padding-top: 0;
  }
  #ProximosWebinarios {
    padding-top: 4em;
    padding-bottom: 4em;
    background-color: #ffffff;
  }
  #WebinariosPasados {
    padding-top: 4em;
  }
}
/*NOVEDADES*/
@media screen {
  .ModuloNovedades {
    display: block;
    padding: 1em 0 2em 0;
  }
  #Novedades #NavFiltroMaterias > p {
    font-size: 1.25em !important;
  }
  #Novedades .ModuloNovedades {
    display: none;
  }
  /*open*/
  #Novedades .ModuloNovedades.open {
    display: block;
  }
  /*.....*/
}
/*QUIENES SOMOS*/
@media screen {
  #ContentQuienesSomos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  #FotoQuienesSomos {
    flex: 1;
    background: url("../imagenes/quienes-somos.jpg") no-repeat 50% 0;
    background-size: cover;
    border-radius: 0.5em;
  }
  #InfoQuienesSomos {
    flex: 2;
    padding: 3em 2em;
  }
  #InfoQuienesSomos h2 {
    font-size: 1.5em;
    display: block;
    margin-bottom: 1em;
  }
  #InfoQuienesSomos h3 {
    font-size: 1.25em;
    line-height: 1.5em;
    display: block;
    margin-bottom: 1em;
  }
  #InfoQuienesSomos p {
    display: block;
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.5em;
  }
  .DestacadoNuevo {
    display: block;
    padding: 1em 2em 1em 3em;
    margin: 2em 0 3em 0;
    border: 0.06em solid #172F45;
    border-radius: 1em;
    background: url("../imagenes/ic-prescencial.svg") no-repeat 1em 50%;
  }
  .DestacadoNuevo p {
    font-size: 1.25em;
    margin: 0 !important;
    text-align: left;
  }
  #Avales {
    padding: 3em 0;
    background-color: #ffffff;
  }
  #ContentAvales h2 {
    display: block;
    text-align: center;
  }
  #CarruselAvales li {
    padding: 0 2em;
  }
}
@media (max-width: 910px) {
  #FotoQuienesSomos {
    flex: 1 1 100%;
    height: 8em;
    background: url("../imagenes/ic-modalidades.svg") no-repeat 2em 50%, url("../imagenes/quienes-somos-mobile.jpg") no-repeat 50% 0;
    background-size: auto, cover;
  }
  #InfoQuienesSomos {
    flex: 1 1 100%;
    padding: 3em 1em;
  }
}
/*MI CARRITO*/
@media screen {
  #MiCarrito #Docente {
    min-height: 50vh;
  }
  #CarritoDocente {
    flex: 1;
  }
  #CarritoTotal {
    flex: 0 0 auto;
    padding: 2em 2.5em;
  }
  #CarritoTotal p.nombre-docente,
  #CarritoDocente p.nombre-docente {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.5em;
  }
  #CarritoTotal p#total {
    display: block;
    margin: 0 0 0.5em 0;
    color: #172F45;
    font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
    font-size: 1.9em;
  }
  #CarritoTotal p#total span {
    display: block;
    font-size: 0.5em !important;
    line-height: 1em !important;
  }
}
@media (max-width: 1100px) {
  #MiCarrito .InfoDocente {
    display: block;
    padding-top: 0;
  }
  #CarritoDocente {
    display: block;
  }
  .CardDocente > figure {
    padding: 2em 2.5em 1em 2.5em;
  }
  .CardDocente > figure img {
    max-width: 30%;
  }
  #CarritoTotal {
    display: block;
    padding-top: 1em;
    padding-bottom: 0;
    border-top: 1px solid #000;
  }
}
/*PASARELA DE PAGO*/
@media screen {
  #ModuloPasarela {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    padding: 2em;
    text-align: left;
    width: 100%;
    max-width: 30em;
    margin: 0 auto;
    background-color: #ffffff;
  }
  #ModuloPasarela p#total {
    display: block;
    margin: 0 0 0.5em 0;
    color: #172F45;
    font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
    font-size: 1.9em;
  }
  #ModuloPasarela p#total span {
    display: block;
    font-size: 0.5em !important;
    line-height: 1em !important;
  }
  .BotonMedioPago {
    display: block;
    margin-bottom: 0.5em;
    padding: 0.5em 1em;
    font: normal 1.25em "Ubuntu-Regular", Arial, Helvetica, sans-serif;
    color: #FCC812;
    border: 0.06em solid #172F45;
    border-radius: 3em !important;
    background-color: #172F45;
    text-align: center;
    cursor: pointer;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  /*PAY PAL*/
  #EfectuarPago .CardDocente {
    display: inline-block;
    margin: 0 auto;
    padding: 1.5em 0;
    max-width: 40em;
  }
  #EfectuarPago .InfoDocente {
    display: block;
    margin: 0 auto;
    padding: 0 !important;
  }
  #EfectuarPago .nombre-docente {
    text-align: center;
    margin-bottom: 0.5em;
  }
  #EfectuarPago h3 {
    display: block;
    font-family: "Ubuntu-Regular", Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
    text-align: center;
  }
  /*WESTERN UNION*/
  p.nombre-usuario {
    display: block;
    text-align: center;
    font-size: 1.25em;
    color: #172F45;
    margin-bottom: 0.5em;
  }
  p.tipo-pago {
    display: block;
    background-color: #ccc;
    padding: 1em;
    text-align: center;
    font-size: 1.25em;
    border-radius: 0.5em;
  }
  p.TituloDatosPago {
    padding-bottom: 0.5em;
  }
  .DetalleDatosPago {
    padding-bottom: 1em;
    border-bottom: 0.06em solid #000000;
  }
  .AccionesDatosPago {
    text-align: center;
    margin-top: 1em;
  }
  .AccionesDatosPago p {
    text-align: left;
    margin-bottom: 1em;
  }
  .AccionesDatosPago a {
    margin: 0 auto;
  }
  /*DLOCAL*/
  a.BtnLocalGo {
    padding-top: 1em;
    padding-bottom: 1em;
    background: #13187B url(../imagenes/d-local-logo.png) no-repeat 50% 50%;
  }
  #MedioPagoDLocal .TiposPago {
    text-align: center;
  }
  #MedioPagoDLocal .TiposPago > p {
    display: block;
    margin-top: 2em;
    text-align: center;
  }
  #MedioPagoDLocal .TiposPago ul {
    display: flex;
    flex-wrap: wrap;
  }
  #MedioPagoDLocal .TiposPago li {
    flex: 0 0 50%;
    text-align: center;
    padding: 1em;
  }
  #MedioPagoDLocal .TiposPago li p {
    font-size: 0.9em;
    margin-top: 0.25em;
  }
  #MedioPagoDLocal .TiposPago li img {
    margin: 0 auto;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .BotonMedioPago:hover {
    color: #ffffff;
    background-color: #000000;
  }
}
/*MIS COMPRAS*/
@media screen {
  /*modal detalle de compra*/
  #ContenidoModalDetalleCompra {
    transform: none;
  }
  #ContenidoModalDetalleCompra .ContainerTableModal {
    padding: 0;
  }
  #ContenidoModalDetalleCompra .TopModal p {
    color: #172F45;
    display: block;
    margin-bottom: 1em;
  }
  #ContenidoModalDetalleCompra table td p {
    font-size: 1em;
  }
  #ContenidoModalDetalleCompra table tbody td p {
    font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif;
  }
  #ContenidoModalDetalleCompra .ConceptoResumen {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
  }
  #ContenidoModalDetalleCompra .ConceptoResumen p:first-child {
    flex: 1;
    width: auto;
    padding: 0;
  }
  #ContenidoModalDetalleCompra p.ValorTotal {
    flex: 0 0 auto;
    width: auto;
    padding: 0;
  }
  #ContenidoModalDetalleCompra #ExtraDataEnvio {
    padding: 15px 15px;
  }
  #ExtraDelivery > div p:last-child,
  #EstadoPago > div p,
  #EstadoEnvio > div p {
    font-size: 0.9em !important;
  }
  /*body mis compras*/
  a#BtnAccederCampus {
    border: 0.06em solid #FCC812;
  }
  table.general {
    width: 100%;
    text-align: left;
  }
  table.general thead {
    position: relative;
    overflow: hidden;
  }
  table.general thead td {
    padding: 15px 25px 10px 25px;
    background-color: #C6C6C6;
  }
  table.general thead td:first-child {
    border-radius: 10px 0 0 0;
  }
  table.general thead td:last-child {
    border-radius: 0 10px 0 0;
  }
  table.general thead td p {
    font-size: 1em;
    font-family: "Ubuntu-Medium", Arial, Helvetica, sans-serif;
    color: #363535;
  }
  table.general tbody td {
    vertical-align: middle;
    padding: 20px 25px;
    border-bottom: 1px solid #E3E3E3;
    transition: background-color 0.3s ease;
  }
  table.general tbody tr:last-child td {
    border: none;
  }
  table.general tbody td p {
    font-size: 1em;
    color: #363535;
  }
  td[data-info=fecha] {
    width: 100px;
  }
  td[data-info=importe] {
    text-align: right;
    white-space: nowrap;
  }
  td[data-info=acciones] {
    width: 360px;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  table.general tbody td[data-info=acciones] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  table.general tbody td[data-info=acciones] a {
    margin: 0 5px;
    cursor: pointer;
  }
}
@media (max-width: 1270px) {
  #MisCompras .CardDocente,
  #MisCompras .InfoDocente {
    display: block;
    background: none;
    border-radius: 0;
    padding: 0;
    max-width: none;
  }
  table[data-tipo=responsive] thead {
    display: none;
  }
  table[data-tipo=responsive],
  table[data-tipo=responsive] tbody,
  table[data-tipo=responsive] tbody tr,
  table[data-tipo=responsive] tbody td {
    display: block;
    width: 100%;
    text-align: left !important;
  }
  table[data-tipo=responsive] tbody {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  table[data-tipo=responsive] tbody tr {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
  }
  table[data-tipo=responsive] tbody td {
    flex: 0 0 auto;
    width: 100% !important;
    border: none;
    padding: 1em 1.5em 0.5em 1.5em !important;
  }
  table[data-tipo=responsive] tbody td:first-child {
    background: #000000;
    padding-bottom: 1em !important;
  }
  table[data-tipo=responsive] tbody td:last-child {
    padding-bottom: 1em !important;
  }
  table[data-tipo=responsive] tbody td::before {
    font-variant: small-caps;
    display: block;
    font-size: 0.9em;
    color: #949494;
  }
  table[data-tipo=responsive] tbody td[data-info=fecha]::before {
    content: "fecha";
  }
  table[data-tipo=responsive] tbody td[data-info="metodo de pago"]::before {
    content: "método de pago";
  }
  table[data-tipo=responsive] tbody td[data-info=importe]::before {
    content: "importe";
  }
  table[data-tipo=responsive] tbody td[data-info="estado de compra"]::before {
    content: "estado de compra";
  }
  table[data-tipo=responsive] tbody td[data-info="estado de pago"]::before {
    content: "estado de pago";
  }
  table[data-tipo=responsive] tbody td p {
    font-size: 1em;
  }
  table[data-tipo=responsive] tbody td:first-child p {
    color: #ffffff;
  }
  table[data-tipo=responsive] tbody td[data-info=acciones] {
    display: block;
  }
  table[data-tipo=responsive] tbody td[data-info=acciones] a {
    display: block;
    margin: 0.5em 0;
  }
}
@media (max-width: 600px) {
  #MisCompras .Modal a.cerrarx {
    right: 0.5em;
  }
  #ContenidoModalDetalleCompra .TopModal p {
    font-size: 0.9em;
    font-weight: bold;
  }
  #ContenidoModalDetalleCompra .ContainerTableModal {
    padding-top: 0.5em;
    padding-bottom: 0.25em;
    border-top: 1px solid #949494;
    border-bottom: 1px solid #949494;
  }
  .ContainerTableModal table.general,
  .ContainerTableModal table.general tbody,
  .ContainerTableModal table.general td {
    display: block !important;
  }
  .ContainerTableModal table.general thead {
    display: none;
  }
  .ContainerTableModal table.general td[data-info=articulo] {
    padding: 0;
  }
  .ContainerTableModal table.general td[data-info=importe] {
    padding: 0.5em 0;
    text-align: left;
  }
  #BaseTable {
    padding: 0 !important;
  }
  #ContenidoModalDetalleCompra .ConceptoResumen,
  #ContenidoModalDetalleCompra .ConceptoResumen p {
    display: block;
    text-align: left;
  }
  #ExtraDelivery div,
  #ExtraEntrega div {
    display: block !important;
    padding-right: 0;
  }
  #MisCompras #ContentHeaderModuloInterna {
    flex-wrap: wrap;
  }
  #Docente {
    padding-top: 1em;
  }
  a#BtnAccederCampus {
    flex: 1 1 100%;
    margin-top: 1em;
    max-width: 15em;
    margin-left: 1.5em;
  }
}/*# sourceMappingURL=main.css.map */