.imagen-responsiva {
    width: 100%;
    height: auto;
}

.imagen-responsiva-modal {
    max-width: 100%;
    max-height: auto;
}

.imagen-responsiva-inversa {
    height: 100%;
    width: auto;
}

.contenedor-pleca {
    width: 200px;
    height: 20px;
}

@media screen and (min-width: 768px) {
    .navbar-brand {
        margin-right: 100px;
    }
}

.nav-item {
    margin-right: 10px;
}

.nav-link,
.nav-link:visited {
    text-decoration: none;
    position: relative;
}

.nav-link:after,
.nav-link:visited:after {
    margin-bottom: -3px;
    content: '';
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    background: white;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.nav-link:hover:after,
.nav-link:visited:hover:after {
    width: 100%;
}

/*.navbar a.active {
    border-bottom: 3px solid white;
}*/

.navbar a:hover {
    color: white;
}

.imagen-contenido {
    width: 75%;
    height: auto;
}

@media screen and (min-width: 768px) {
    .imagen-contenido {
        width: 100%;
        height: auto;
    }
}

.color-negro-alternador {
    background: #FFFFFF;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .color-negro-alternador {
        background: #000000;
    }
}

.navbar-on-top {
	/*background: -webkit-gradient(linear, left top, left bottom, from(#8C0D14), to(transparent));
    background: -webkit-linear-gradient(top, #8C0D14, transparent);
    background: -o-linear-gradient(top, #8C0D14, transparent);
    background: linear-gradient(to bottom, #8C0D14, transparent);*/
	background: #28326F;
	-webkit-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
	z-index: 1031;
}

.navbar-on-top.fondo-blanco {
    background: transparent;
}

.texto-blanco {
    color: #fff;
}

.navbar-on-scroll {
    background: -webkit-gradient(linear, left top, left bottom, from(#A42232), to(#A42232));
    background: -webkit-linear-gradient(top, #27326f, #27326f);
    background: -o-linear-gradient(top, #27326f, #27326f);
    background: -webkit-gradient(linear, left top, left bottom, from(#27326f), to(#27326f));
    background: linear-gradient(to bottom, #27326f, #27326f);
    -webkit-transition: background 300ms linear;
    -o-transition: background 300ms linear;
    transition: background 300ms linear;
}

.texto-index.texto-blanco {
    color: #fff;
}


/*.texto-blanco {
    color: #8C0D14;
}*/

.navbar-on-scroll .texto-blanco {
    color: #fff;
}

.nav-link, .nav-link:visited {
    display: inline-block;
    position: relative;
    color: white!important;
    text-decoration: none;
}

.texto-blanco-variante {
    color: #FFFBBD;
}

.color-primario {
    background: #960E3B;
}

.color-primario-contraste {
    background: #f9ec96;
}

.color-secundario {
    background: #A42232;
    color: #fff;
}


/*.color-secundario2 {
    background: #F2C8C5;
    color: #440104;
}*/

.color-secundario2 p {
    color: #BB272D;
}

.color-secundario-contraste {
    background: #fff;
}

.color-secundario2-contraste {
    background: #fff;
}

.modal-expertos .modal-header .close {
    color: #fff;
}

.modal-expertos .modal-header .close:hover {
    color: #ccc;
}

.color-negro {
    background: #000000;
}


/*.texto-gris {
    color: #8E8E8E;
}*/

.invisible-en-movil {
    display: none;
}

.contenido-seccion {
    margin-top: 5vh;
}

.enlace-blanco {
    color: white;
    text-decoration: none;
}

.enlace-blanco:hover {
    color: white;
    text-decoration: none;
}

.contenedor-imagen-cruzada {
    overflow: hidden;
}

.imagen-cruzada {
    height: auto;
    width: 100%;
}

.wrapper-texto-cruzado {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.contenido-texto-cruzado {
    margin-top: 15px;
    width: 100%;
}

.contenedor-icono {
    height: 100%;
    padding: 8px;
}

.footer {
    margin-top: 0;
    padding-top: 15px;
    background: #B3B3B3;
    padding-top: .5em;
    padding-bottom: .5em;
}

@media screen and (min-width: 577px){
.imagen-footer {
    height: 5.8em;
    margin-bottom: 0;
    margin-top: 0;
}
}

@media screen and (max-width: 576px){
.imagen-footer {
    height: 5em;
    }
}

.Img-de-Pie{
    display: flex;
    justify-content: center;
    align-items: center;
}

.aclaracion-footer {
    margin-top: 15px;
}

.contenedor-enlace-descarga {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.enlace-descarga {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.texto-descarga {
    padding-left: 10px;
    padding-right: 10px;
    border-top: solid 2px #69495d;
    border-bottom: solid 2px #69495d;
    border-left: solid 2px #69495d;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.imagen-responsiva-escalable {
    max-width: 100%;
    height: auto;
}

#referencias .nav-link.active {
    color: #720101;
}

#referencias .nav-link {
    color: #8E8E8E;
}

#referencias .nav-link:hover {
    color: #720101;
}

.row-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tab-pane {
    padding-top: 5px;
}

.encabezado-seccion-variante {
    color: #720101;
    border-bottom: solid 8px #720101;
    margin-left: 15px;
    margin-bottom: 50px;
}

.margenes-automaticos {
    margin-left: auto;
    margin-right: auto;
}

.contenedor-proposito-recurso {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 20%;
}

.titulo-recurso {
    margin-left: 15px;
}

.borde-amarillo-texto {
    border-bottom: 8px solid #FFFBBD;
}

@media screen and (max-width: 767px) {
    .contenedor-titulo-recurso {
        margin-left: 15px;
    }
    .titulo-recurso {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .borde-amarillo-texto {
        border-bottom: 4px solid #FFFBBD;
    }
}

.indicacion-contenido {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.indicacion-variante {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flecha-indicacion {
    margin-right: 15px;
}

.indicacion-col {
    margin-left: -15px;
}

@media screen and (max-width: 767px) {
    .contenedor-imagen-cruzada {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .contenedor-texto-cruzado {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media screen and (min-width: 993px) {
    .navbar-on-top {
        /* background: transparent;*/
        -webkit-transition: background 300ms linear;
        -o-transition: background 300ms linear;
        transition: background 300ms linear;
        height: 61px;
    }
    .navbar-on-scroll {
        background: #28326F;
        -webkit-transition: background 300ms linear;
        -o-transition: background 300ms linear;
        transition: background 300ms linear;
    }
}

.B-Gris-1{
    background: #DDDDDD;
}

@media screen and (min-width: 768px) {
    .invisible-en-escritorio {
        display: none;
    }
    .imagen-cruzada {
        height: 100%;
        width: auto;
    }
    .mostrar-en-escritorio {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .encabezado-seccion {
        text-align: left;
    }
    .wrapper-texto-cruzado {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 35px;
        padding-right: 35px;
        width: 100%;
    }
    .wrapper-imagen-cruzada {
        width: 100%;
        height: 100%;
    }
    .enlace-descarga:hover .texto-descarga {
        color: white;
        border-top: solid 1px #3D6883;
        border-left: solid 1px #3D6883;
        border-bottom: solid 1px #3D6883;
        background: #3D6883;
    }
    .enlace-descarga:hover .icono-descarga {
        background: #3D6883;
    }
    .enlace-descarga:hover .contenedor-icono {
        background: #3D6883;
    }
}

.presentacion-recurso {
    height: 80%;
    width: 100%;
    background-image: url("https://www.uv.mx/celulaode/simulacion/img/movil/global/fondo.png");
    background-size: 100% 100%;
    position: relative;
}

.titulo-recurso {
    position: absolute;
    top: 20%;
    width: 60%;
    left: 10%;
}

.complemento-titulo-recurso {
    position: absolute;
    width: 70%;
    right: 5%;
    top: 54%;
}

@media screen and (min-width: 768px) {
    .presentacion-recurso {
        height: 100%;
        background-image: url("../img/escritorio/global/fondo.png");
    }
    .titulo-recurso {
        width: 40%;
        top: 20%;
    }
    .complemento-titulo-recurso {
        top: 50%;
        width: 30%;
        right: 20%;
    }
}

.contenedor-iframe-video {
    width: 100%;
    height: 0;
    position: relative;
}

.contenedor-iframe-video {
    width: 100%;
    height: 100%;
}

.referencia {
    text-indent: -2em;
    margin-left: 2em;
    margin-bottom: 10px;
}

.subrayado {
    text-decoration: underline;
}

.negritas {
    font-weight: 700;
}