.breadcrumb-item > a {
  border-bottom: 1px solid #fff;
}
.back-v {
  background-image: url(/img/back-video-prep.624d158aa97ef7458ba1.png);
}
.btn-light {
  background-color: #d3007e;
  border: 1px solid #d3007e;
  color: #fff;
  border-radius: 0;
}
.bg-color-video {
  background-color: #e76db6 !important;
  color: #fff;
  border-top: none !important;
}
.btn-video {
  border-bottom: 1px solid #e76db6;
}
.bg-color-video .breadcrumb-item + .breadcrumb-item::before,
.bg-color-video a,
.bg-color-video ol {
  color: #fff;
}
.btn-light:active,
.btn-light:hover {
  background-color: #fff;
  border: 1px solid #d3007e;
  color: #d3007e;
  border-radius: 0;
}
hr {
  color: #9b9b9b;
}
.card {
  padding-bottom: 2em;
  border: none;
}
.lista {
  font-family: Roboto !important;
}
.container-fluid.espacio {
  padding-left: 55px !important;
  padding-right: 55px !important;
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
  .card-group.infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-group,
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .margen-top {
    margin-top: 0 !important;
  }
  .card-group.infografia > .card,
  .card-group > .card.card.proceso {
    margin-bottom: 30px !important;
  }
  .container.espacio > div > div > .card {
    padding: 0 !important;
    margin: 0 0 30px !important;
  }
  .card-img-top,
  .gif-videos {
    padding-top: 0 !important;
  }
  .movil-espacio-50 {
    margin-bottom: 50px !important;
  }
  div.card.card-1 {
    margin-bottom: 15px !important;
  }
  .card-title {
    font-size: 28px;
    text-align: left;
  }
  .tarjetas-color > p {
    width: 150%;
  }
  hr {
    margin: 40px 0 20px;
    border-bottom: 2px solid #ccc !important;
  }
  .mb0 {
    margin-bottom: 0 !important;
  }
  .card-duo,
  .card-trio {
    width: 100% !important;
    margin: 0 auto;
  }
  .border-card {
    border-left: none !important;
  }
  .card-body.centrar-texto {
    padding-top: 35%;
  }
  img.mostrar-movil {
    margin: 0 auto;
    width: 50% !important;
  }
  .card-body > .card-title.titulo-card,
  .card-body > .texto-contenido {
    padding: 0 !important;
  }
  .centrar-movil {
    text-align: center !important;
  }
  .izq-movil {
    text-align: left !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 15px 20px 25px !important;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 15px 20px 25px !important;
  }
  .texto-ine {
    color: #fff !important;
  }
  .text-pie {
    margin-top: 30px;
  }
  .icon-glosario {
    width: 60px !important;
    margin-top: 15px;
    float: right;
  }
  .btn-video {
    border-bottom: 1px solid #fff;
  }
}
@media only screen and (min-width: 360px) and (max-width: 413px) {
  .card-group.infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-group,
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .margen-top {
    margin-top: 0 !important;
  }
  .card-group.infografia > .card,
  .card-group > .card.card.proceso {
    margin-bottom: 30px !important;
  }
  .container.espacio > div > div > .card {
    padding: 0 !important;
    margin: 0 0 30px !important;
  }
  .card-img-top,
  .gif-videos {
    padding-top: 0 !important;
  }
  hr {
    margin: 30px 0 0;
  }
  .movil-espacio-50 {
    margin-bottom: 50px !important;
  }
  .card.card-1 {
    margin-bottom: 15px !important;
  }
  .tarjetas-color > p {
    width: 150%;
  }
  .centrar-movil {
    text-align: center !important;
  }
  .izq-movil {
    text-align: left !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 15px 20px 25px !important;
    margin-top: 15px;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 15px 20px 25px !important;
    margin-top: 15px;
  }
  .texto-ine {
    color: #fff !important;
  }
  .text-pie {
    margin-top: 30px;
  }
  .card-body > .card-title.titulo-card,
  .card-body > .texto-contenido {
    padding: 0 !important;
  }
  .font-weight-bold {
    font-weight: 700 !important;
  }
  .icon-glosario {
    width: 60px !important;
    margin-top: 15px;
    float: right;
  }
  .btn-video {
    border-bottom: 1px solid #fff;
  }
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
  .card-group.infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-group,
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .margen-top {
    margin-top: 0 !important;
  }
  .card-group.infografia > .card,
  .card-group > .card.card.proceso {
    margin-bottom: 30px !important;
  }
  .container.espacio > div > div > .card {
    padding: 0 !important;
    margin: 0 0 30px !important;
  }
  .card-img-top,
  .gif-videos {
    padding-top: 0 !important;
  }
  hr {
    margin: 30px 0 0;
  }
  .movil-espacio-50 {
    margin-bottom: 50px !important;
  }
  .card.card-1 {
    margin-bottom: 15px !important;
  }
  .img-fluid {
    max-width: 80%;
    height: auto;
  }
  .tarjetas-color > p {
    width: 150%;
  }
  .card-body {
    padding: 20px 0;
  }
  .centrar-movil {
    text-align: center !important;
  }
  .izq-movil {
    text-align: left !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 15px 20px 25px !important;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 15px 15px 25px !important;
  }
  .texto-ine {
    color: #fff !important;
  }
  .card-body > .card-title.titulo-card,
  .card-body > .texto-contenido {
    padding: 0 !important;
  }
  .icon-glosario {
    width: 60px !important;
    margin-top: 15px;
    float: right;
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .card-group.infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-group.infografia > .card {
    padding-bottom: 0 !important;
  }
  .card-group,
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .margen-top {
    margin-top: 0 !important;
  }
  .card-group.infografia > .card,
  .card-group > .card.card.proceso {
    margin-bottom: 30px !important;
  }
  .container.espacio > div > div > .card {
    padding: 0 !important;
    margin: 0 0 30px !important;
  }
  .card-img-top,
  .gif-videos {
    padding-top: 0 !important;
  }
  hr {
    margin: 30px 0 0;
  }
  .movil-espacio-50 {
    margin-bottom: 0 !important;
  }
  .card.card-1 {
    margin-bottom: 15px !important;
  }
  .card-title {
    font-size: 28px;
    text-align: left;
  }
  .card-group {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-flow: column !important;
  }
  .card-trio {
    width: 80% !important;
    margin: 0 auto;
  }
  .card-duo {
    width: 50% !important;
    margin: 0 auto;
  }
  .border-card {
    border-left: none !important;
  }
  .text-pie {
    position: initial !important;
    margin-top: 0;
  }
  img.mostrar-movil {
    width: 100% !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 15px 20px 25px !important;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 15px 20px 25px !important;
  }
  .texto-ine {
    color: #fff !important;
  }
  .card-body > .card-title.titulo-card,
  .card-body > .texto-contenido {
    padding: 0 !important;
  }
  .movil-480-img {
    width: 40% !important;
    max-width: 40% !important;
  }
  .icon-glosario {
    width: 70px !important;
    margin-top: 15px !important;
    float: right;
    margin-right: 20px !important;
  }
  .movil-480-img > .card-img-top.img-tam {
    width: 100px !important;
  }
  .movil-480-texto {
    width: 60% !important;
    max-width: 60% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card-body.centrar-texto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card-body.centrar-texto > p {
    margin-bottom: 0;
  }
  .centrar-movil {
    text-align: left !important;
  }
  .card {
    padding-bottom: 15px !important;
  }
  .card-img-top {
    width: 110px !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767.9px) {
  .card-group.infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-group.infografia > .card,
  .card.card.proceso {
    padding-bottom: 0 !important;
  }
  .card-group,
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .card-img-top {
    width: 100px !important;
  }
  .margen-top {
    margin-top: 0 !important;
  }
  .card-group.infografia > .card,
  .card-group > .card.card.proceso {
    margin-bottom: 30px !important;
  }
  .container.espacio > div > div > .card {
    padding: 0 !important;
    margin: 0 0 30px !important;
  }
  .card-img-top,
  .gif-videos {
    padding-top: 0 !important;
  }
  hr {
    margin: 30px 0 0;
  }
  .movil-espacio-50 {
    margin-bottom: 0 !important;
  }
  .card.card-1 {
    margin-bottom: 15px !important;
  }
  .container {
    min-width: 540px;
  }
  .card-group {
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
  }
  .card-title {
    font-size: 28px;
    text-align: left;
  }
  .card-trio {
    width: 80% !important;
    margin: 0 auto;
  }
  .card-duo {
    width: 50% !important;
    margin: 0 auto;
  }
  .border-card {
    border-left: none !important;
  }
  .text-pie {
    position: initial !important;
    margin-top: 0;
  }
  img.mostrar-movil {
    width: 100% !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 15px 20px 25px !important;
    margin-top: 15px;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 15px 20px 25px !important;
  }
  .texto-ine {
    color: #fff !important;
  }
  .card-body > .card-title.titulo-card,
  .card-body > .texto-contenido {
    padding: 0 !important;
  }
  .movil-480-img {
    width: 40% !important;
    max-width: 40% !important;
  }
  .icon-glosario {
    width: 70px !important;
    margin-top: 15px !important;
    float: right;
    margin-right: 20px !important;
  }
  .movil-480-img > .card-img-top.img-tam {
    width: 100px !important;
  }
  .movil-480-texto {
    width: 60% !important;
    max-width: 60% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card-body.centrar-texto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card-body.centrar-texto > p {
    margin-bottom: 0;
  }
  .centrar-movil {
    text-align: left !important;
  }
  .card {
    padding-bottom: 15px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.99px) {
  .card-group.infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .card.proceso,
  .margen {
    padding-bottom: 0 !important;
  }
  img.mostrar-movil {
    margin: 0 auto;
    width: 50% !important;
  }
  .card-trio {
    width: 80% !important;
    margin: 0 auto;
  }
  .card-duo {
    width: 50% !important;
    margin: 0 auto;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    min-height: 306px !important;
  }
  .color-card-1,
  .color-card-2 {
    padding: 15px 20px 25px !important;
    min-height: 280px;
  }
  .texto-ine {
    color: #fff !important;
  }
  .text-pie {
    margin-top: 4em !important;
  }
  .tarjeta-texto {
    width: 270px !important;
  }
  .icon-glosario {
    width: 75px;
    position: absolute;
    left: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024.9px) {
  .card-group.infografia,
  .card.proceso {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .card.proceso,
  .margen {
    padding-bottom: 0 !important;
  }
  .container-fluid.espacio {
    padding-left: 50px !important;
    padding-right: 75px !important;
  }
  .border-card {
    border-left: 1px solid #9b9b9b !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 25px !important;
    min-height: 267px;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 25px !important;
    margin-right: 15px;
    min-height: 312px;
  }
  .texto-ine {
    color: #fff !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .card-group.infografia,
  .infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .card.proceso {
    max-height: 340px;
  }
  .border-card {
    border-left: 1px solid #9b9b9b !important;
  }
  .subtitulo-contenido {
    margin-top: 40px;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 25px !important;
    min-height: 267px;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 25px !important;
    margin-right: 15px;
  }
  .texto-ine {
    color: #fff !important;
  }
}
@media only screen and (min-width: 1366.1px) and (max-width: 1569px) {
  .card-group.infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .card.proceso {
    max-height: 340px;
  }
  .border-card {
    border-left: 1px solid #9b9b9b !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 25px !important;
    min-height: 267px;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 25px !important;
    margin-right: 15px;
  }
  .texto-ine {
    color: #fff !important;
  }
}
@media only screen and (min-width: 1570px) {
  .card-group.infografia,
  .infografia {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  h5.cizq-movilard-title.antetitulo-contenido,
  h5.izq-movil.card-title.antetitulo-contenido {
    margin-bottom: 0 !important;
  }
  .border-card {
    border-left: 1px solid #9b9b9b !important;
  }
  .color-card-1 {
    color: #fff;
    background-color: #333 !important;
    padding: 25px !important;
    min-height: 267px;
  }
  .color-card-2 {
    color: #fff !important;
    background-color: #d3007e !important;
    padding: 25px !important;
    margin-right: 15px;
  }
  .texto-ine {
    color: #fff !important;
  }
  .card {
    padding-bottom: 0 !important;
  }
  .dropdown-divider.line-vertical-medium,
  .dropdown-divider.line-vertical-normal {
    width: 0.8px;
  }
}