/**
 * @file
 * Subtheme specific CSS.
 */


#edit-user-picture-0--description:first-child {
    display: none;
}


.hoja{
    width: 300px;
    height: 200px;
    background-color: #ddd;
}

/*Buscador*/
#views-exposed-form-buscador-general-page-1 label {
    display: none;
}

.buscador {
    padding: 15px!important;
}
.buscador a {
    text-decoration: none;
    color: #3429af;
    transition: all 0.5s ease-in;
}
.buscador a:hover {
    text-decoration: none;
    color: #221a77;
    transition: all 0.5s ease-in-out;
}
.enlace-buscador a {
    font-size: 18px;
    font-weight: bold;    
}

#edit-submit-buscador-general--2 {
    background-color: var(--color-principal);
    color: white;
    border-color: var(--color-principal);
}
.cintatop{
    padding: 0px;;
}

.view-buscador .cintatop:nth-child(2n) {
    border-top: solid 4.5px rgba(220, 145, 30,.6);
    border-radius: 0.375rem;
}
 .view-buscador .cintatop:nth-child(2n+1) {
    border-top: solid 4.5px rgba(8, 66, 106,.6);
    border-radius: 0.375rem;
}
/* ----------- Header -------------*/
.header {
    /* background-color: #32353f; */
    background-image: url(../img/back-barra.jpg);
    background-repeat: repeat-x;
    height: 115px !important;
}
.logo-unam {
    max-height: 30%;
    width: auto;
    padding-top: 7px;
    padding-bottom: 7px;
}
.logo-iij {
    max-height: 30%;
    width: auto;
    padding: 7px;
}
.logo-cjpi {
    max-height: 30%;
    width: auto;
    padding: 11px;
}
.texto-header {
    font-size: 22px;
    color: white;
    text-shadow: 0.5px 0px black;
    display: inline;
    padding-top: 47px;
    /* margin-left: 20vw; */
    line-height: 24px;
    position: absolute;
}
.contenedor-logos .logo-unam {
    max-height: 90px !important;
    max-width: 55px !important;
    padding-bottom: 10px;
    padding-top: 3px;
    margin-left: 0px;
}
.contenedor-logos .logo-iij {
    max-height: 90px !important;
    max-width: 68px !important;
    padding-bottom: 10px;
    padding-top: 3px;
    margin-left: 10px;
}
.contenedor-logos .logo-cjpi {
    max-height: 90px !important;
    /* max-width: 70px !important; */
    /* position: absolute; */
    top: 9px;
    padding-top: 11px;
}


/*      BANNER      */

/*-------*/
/* --------- barra de navegación -------*/
.navbar{
    position: relative;
    width: 100%;
    z-index: 1!important;
    top:0px;
 }


.texto-header span {
    font-size: 16px;
    font-weight: lighter;
}

.text {
    text-align: end;
}
.img-logo {
    position: absolute;
    width: 36%;
    top: 9%;
    left: 37%;
}
/*-------*/

/*MENU*/

.navbar-brand {
    font-size: 16px;
    /* font-weight: bold; */
    color:#232b64 !important;
    transition: all 0.5s ease;
}
.navbar-brand:hover {
    color:#e08e10 !important;
    transition: all 0.5s ease-in-out;
}
.nav-link {
    color:#232b64 !important;
    transition: all 0.5s ease;
}
.nav-link:hover {
    color:#e08e10 !important;
}
.dropdown-item {
    color:#232b64 !important;
    transition: all 0.5s ease;
}
.dropdown-item:hover {
    color:#e08e10 !important;
}
.dropdown-menu a:hover {
    background-color: #FFF !important;
}
.dropdown-menu {
    border: none;
    border-radius: 3px !important;
}


/*BUSCADOR*/

.buscador-sentencia>a,
.buscador-sentencia>a {
    position: relative;
    top: 10px;
    padding: 10px;
}

.buscador-sentencia a {
    color: #000;
    text-decoration: none;
}

.buscador-sentencia a:hover .buscador-sentencia a:focus,
.buscador-sentencia a:visited,
.buscador-sentencia a:active {
    color: #000;
    text-decoration: none;
}

.region-buscador {
    width: 50%;
    float: right;
}
.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-title.form-item-title.mb-3 {
    width: 50%;
}
div#edit-actions {
    width: 40%;
}
div#edit-actions--2 {
    width: 30%;
}

.contenedor-banner {
    clear: both;
}

/* #block-views-block-footer-dinamico-block-1 {
    background-color: var(--color-principal);
    color: #FFFFFF;
    margin-top: 25px;
} */


/*BANNERS*/
#block-bannerprincipal, #block-descripcionsitio{
    padding: 0px;
}

/*------------ barra redes sociales ------*/
.hr-redes {
    display: none !important;
}
.icon-bar {
    position: fixed;
    z-index: 3;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 17px;
    padding-top: 13px;
    /* background-color: #039676; */
    background: linear-gradient(90deg,rgba(214, 62, 92, 1) 100%, rgb(151, 20, 46) 0%);
    color: #FFF;
    padding-right: 4px;
    padding-right: 17px;
    border-radius: 0 9px 9px 0;
    box-shadow: 0px 8px 9px -2px rgba(163, 161, 163, 1);
    border: thin solid #eceae8;
    border-left: 0px;
}
.redes a {
    color: #e8e8e8;
    transition: all 0.5s ease;
}
.redes a:hover {
    color: #ffffff;
}
/* a .fa-brands {
    transform: scale(1);
    transition: all 0.5s ease;
}
a:hover .fa-brands {
    transform: scale(1.5);
} */
.punto-redes {
    color: white;
    opacity: .0 !important;
}

/*BANNERS HOME y TEMAS*/

.banner-home, .banner-presentacion {
    max-height: 440px;
    overflow: hidden;
}

.banner-home .img-banner-princ, .banner-presentacion .img-banner-princ {
    width: 100%;
    position: relative;
    z-index: -1;
}

.banner-presentacion h1 {
    position: absolute;
    left: 39%;
    top: 37%;
    font-size: 4.5vw;
    font-family: 'Prompt', sans-serif;
    color: grey;
}
.contenedor-banner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.contenedor-desc {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #f9f9f9;
    padding-bottom: 1rem;
}

/*------------------ VISTA INDEX ----------------*/
/* .esconder {
    display: none !important;
} */
.resize-img-video {
    clip-path: inset(12% 0 12% 0) !important;
    width: 100%;
    height: auto;
}
/* -------  */

.views-field.views-field-nothing {
    height: 100%;
}

/* Boton Scroll */
.scrollToTop {
	display:none; 
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--color-principal);
    color: white;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 18px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.scrollToTop:hover{
	text-decoration:none;
    color: white;
}


/* DETALLE */
.fancybox__slide.pdf-iframe .fancybox__content {
    width: 100% !important;
    height: 100% !important;
}
element.style {
    width: 1591px;
    flex: 0 1 auto;
    /* height: 72px; */
}
.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    min-height: 60vh !important;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.iframeyt{
    margin-top: 10px;
}
.iframeyt iframe {
    width: 100%;
    height:  230px;
}

.view-detalle .titulos-bloques {
    color: #000;
}

.campo-presentacion a {
    text-decoration: none;
    color: #2d3359 !important;
    font-weight: 600;
}
.campo-presentacion a:hover {
    border-bottom: solid 3px #2d3359;
}

.campo-descripcion a {
    text-decoration: none;
    color: #2d3359 !important;
    font-weight: 600;
}
.campo-descripcion a:hover {
    border-bottom: solid 3px #2d3359;
}
.campo-portada img {
    .max-width: 100%;
        height: auto;
}
.descargar a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}

.descargar a:hover,
.descargar a:visited,
.descargar a:focus,
.descargar a:active {    
    color: white;
}

.titulo-fasciculo {
    font-size: larger;
    font-style: italic;
}

.titulo-fasciculo {
    font-size: 1.4rem;
}

.juegos a {
    color: white;    
}

.pl-2 {
    padding-left: 15px;
}

.juegos a:hover,
.juegos a:visited,
.juegos a:focus,
.juegos a:active {
    color: white;
}

.juegos div {
    margin-bottom: 5px;
}

.juegos-lista {
    color: #ababab;
}

.custom-card.image.card.h-100 {
    background-color: white;
    border: none;
    --bs-card-border-color: none;
    --bs-card-border-width: none;
    box-shadow: none;
    transition: none;
    margin: auto 0px;
}

.image img {
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  }
  .image img:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px;
  }


@media (max-width: 1960px) {
    .banner-home {
        height: auto;
    }
    .banner-tema {
        height: auto;
    }
}

.texto-logo{
    font-family: 'Prompt', sans-serif;
    
    line-height: 0;
    color: #FFFFFF;
    text-shadow: 1px 0px 3px black;
    top: 4vw;
}
.texto-logo{
    animation: titulo-anim ease 3s backwards;
}
@keyframes titulo-anim {
    from { transform: translateX(-100%); opacity: 0;	}
    to{ transform: translateX(0%); opacity: 1; } 
}


.texto-logo h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.5vw;
    margin: 13.5% 0 0 0;
    font-weight: bold;
}

.texto-logo h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4vw;
    font-weight: 400;
}

/* DESCRIPCIÓN */
.text-susc {
    background-color: #a82248;
    color: #FFFFFF;
    border-radius: 0.375rem;
}
.bg-home-desc{
    background-color: #f3ede1;
}
.txt-descripcion p {
    text-align: justify;
}

/* SUSCRIPCIÓN ACTIVIDADES*/
.text-susc {
    background-color: #a82248;
    color: #FFFFFF;
}
.text-susc p {
    margin: 0px;
}
.txt-icon{
    font-size: 35px;;
}
.txt-icon a, .txt-icon a:hover{
    text-decoration: none;
    color: #FFFFFF;
}

/*MENÚ SECCIONES*/
.contenedor-secciones{
    color: #FFF;
}
.secc-420{
    background-color: #33af33;
}
.secc-pecdd{
    background-color: #4d0072;
}

.secc-card {
    text-decoration: none;
    color: #FFFFFF;
}
.secc-card:hover{
    text-decoration: none;
    color: #FFFFFF;
}
.contenedor-secciones .card{
    font-size: var(--bs-body-font-size);
}
.contenedor-secciones .card:hover {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 14px 28px, rgba(0, 0, 0, 0.11) 0px 10px 10px;
    /*font-weight: bolder;*/
    text-decoration: underline;
}

.enlace-historicos {
    margin: 0;
    padding-top: 9px;
}

/* INTEGRANTES */

.integrantes p {
    padding: 0px;
    margin: 0px;
    color: var(--color-principal);
}
.campo-fotografia img {
    width: 70%;
    height: auto;
    border-radius: 50%;
}
.campo-nombre a{
    font-weight: bold;
    text-decoration: none;
    color: var(--color-principal);
}
.campo-nombre a:hover {
    text-decoration: solid  2px underline;
}
.card-perfil {

    box-shadow: none!important;
    transition: none!important;
    border-bottom: solid 1px lightgrey!important;
}

.card-body-integrantes a{
    text-decoration: none;
    color: #000;
}

.card-body-integrantes {
    padding-bottom: 53px;
}

.campo-institucion {
    color: #59585B;
    font-weight: bold;
}

.campo-orcid{
    text-align: center;
    padding-top: 10px;
    width: 90%;
}

.campo-orcid img{
    width: 15%;
}


/* CARDS  */
.campo-cartel img, .campo-imagen img{
    max-width: 100%;
    height: auto;
}

.fecha-card{
    text-align: right;
    margin: 10px 0px 0px;
    color: var(--color-principal);
    font-weight: bold;
}




/* Sitios de Interes */
.field_imagen_logo img {
    max-width: 70%;
    height: auto;
    border-radius: 50%;
}





/*-------CARDS------*/

.titulos-bloques {
    font-weight: bold;
    font-size: 25px;
    color: grey;
}
.subrayado {
    border-bottom: #797a7a 1px solid;
}

.card {
    --bs-card-border-color: none;
    --bs-card-border-width: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    transition: box-shadow 0.3s ease-in-out;
}

.card-tema a {
    text-decoration: none;
    text-decoration: none !important;
}
.card:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

#block-views-block-eventos-block-1 .card-body, #block-barrio-1824-content .card-body {
    padding: 0;
}

.campo-titulo, .campo-titulo a {
    font-size: 17px;
    font-weight: 800;
    line-height: 20px;
    color: #373233;
    
}
.titulo-espacio {
    padding-top: 12px !important;

}
.campo-titulo a {
    text-decoration: none;
}
.campo-fecha-blog{
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    color: gray;
}
.campo-autor-blog{
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    color: gray;
    line-height: 10px;
    font-style: italic !important;
}
.campo-temas-blog{
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    color: gray;
}
.btn-pdf a {
    color: rgb(243, 125, 22) !important;
    transition: all 0.5s ease-in !important;
}
.btn-pdf a:hover {
    color: red !important;
    transition: all 0.5s ease-in-out !important;
}
.liga-detalle-blog a {
    text-decoration: none;
    border-bottom: .04rem solid #4b4440;
    color: #3349b9;
    transition: all 0.5s ease-in !important;
}
.liga-detalle-blog a:hover {
    text-decoration: none;
    border-bottom: .04rem solid #ffffff;
    color: #d15c2a;
    transition: all 0.5s ease-in-out !important;
}
.campo-blog-temas {
    bottom: 0%;
    width: 100%;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    color: #989697;
}
.campo-fecha-evento{
    width: 100%;
    text-align: left;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 300;
    color: gray;
}

.campo-fecha-evento-detalle {
    padding: 0px 0px;
    color: gray;

}
.campo-fecha-evento-repositorio {
    top: 70%;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    color: #989697;
}
.campo-repositorio-temas {
    bottom: 0%;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    color: #989697;
}
.campo-tema-evento-repositorio-detalle {
    color: #989697;
}
.campo-tema-evento-repositorio {
    /* top: 70%; */
    width: 100%;
    text-align: left;
    padding: 0px 10px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    color: #727074;
}
.campo-tema-evento-repositorio a {
    color: #727074;
    text-decoration: none !important;
    border-bottom: 0.07rem solid #727074;
}
.campo-tema-evento-repositorio a:hover {
    color: #e08e10;
    /* text-decoration: none; */
    border-bottom: none;
}
.campo-descripcion-repositorio {
    /* padding-top: 10px; */

}
.campo_tipo_evento p {
    padding: 0 15px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.card-tema a:hover {

    text-decoration: none;
}

.actividades-fecha-hora {
    padding-right: 10px;
    padding-top: 10px;
}

.card-body-proximas  img{
    border-radius: 5px;
}
.integrante-correo a {
    color: rgb(229, 142, 22);
    font-size: 14px;    
    text-decoration: none;
    transition: all 0.5s ease;
}
.integrante-correo a:hover {
    color: rgb(165, 101, 11);
    font-size: 14px;    
    text-decoration: none;
}
.integrante-institucion {
    color: #5d5d5d;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}
.integrante-semblanza {
    font-size: 14px;
    padding-top: 15px;
}
.presentacion-vids a {
    filter: brightness(100%);
    transition: all 0.5s ease-in;
}
.presentacion-vids a:hover {
    filter: brightness(70%);
    transition: all 0.5s ease-in-out;
}
/* -----ESTILO PARA LOS TEMAS DEL REPOSITORIO------*/

.js-form-item.js-form-type-select.form-type-select.js-form-item-nid.form-item-nid.mb-3 {
    width: 450px;
}
#edit-submit-repositorio-temas {
    width: 40%;
}

/* Proyectos */

.campo-titulo-proyectos a, .campo-titulo-tesis a {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    text-decoration: none;
    /*border-bottom: 1px solid #000;*/
    text-decoration: none !important;
}

.campo-titulo-tesis {
    font-size: 18px;
    font-weight: 600;
    color: #7f7f7f;
}

.campo-titulo-proyectos a:hover, .campo-titulo-tesis a:hover{
    font-size: 18px;
    /*font-weight: bold;*/
    color: #1c4185;
    text-decoration: none;
    border-bottom: 1.5px solid #929292;
}

.card-proyectos {
    border: none !important;
    box-shadow: rgba(237, 237, 237, 0.25) 0px 1px 0px, rgba(0, 0, 0, 0.22) 0px 2px 7px;
}

.card-body-proyectos{
    width: 100% !important;
}

/*------- DIPLOMADO DETALLE-------*/
.btn-convocatoria-plan a {
    text-decoration: none;
    color: #4f69a5;
    border-bottom: .5px solid #2b1852;
    transition: all 0.5s ease-in;
}
.btn-convocatoria-plan a:hover {
    text-decoration: none;
    color: #e98f21;
    border-bottom: .5px solid #ffffff;
    transition: all 0.5s ease-in-out;
}

/* DETALLE PROYECTOS */

.areas-proyectos {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.campo-responsable p, .campo-participante p{
    margin: 0%;
}


/*---------BREADCRUMB-----*/

.breadcrumb-item a {
    color: #646464;
    text-decoration: none;
    border-bottom: 1px solid #646464;
    transition: all 0.5s ease;
}
.breadcrumb-item a:hover {
    color: #7e3916;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    filter: brightness(2);
    transition: all 0.5s ease-in-out;
}


/* BLOQUES */

.vermas, .vermasazul {
    text-align: right;
}
.vermas a {
    text-decoration: none;
    color: #909096  !important;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.5s ease;
}
.vermas a:hover {
    color: #e0a80f !important;
    text-decoration: none !important;
}
.vermasazul a {
    text-decoration: none;
    color: #909096 !important;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.5s ease;
}
.vermasazul a:hover {
    color: #e08e10 !important;
}
.correo-contacto a {
    color: #e08e10 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: all 0.5s ease;
}
.correo-contacto a:hover {
    color: orangered !important;

}
.webform-button--submit {
    width: 40%;
    background-color: #e08e10;
    border: none;
    transition: all 0.5s ease;
}
.webform-button--submit:hover {
    width: 40%;
    background-color: orangered;
    border: none;
}

/* section.row.region.region-buscador {
    width: 50%;
    float: right;
  }
  .js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-title.form-item-title.form-no-label.mb-3 {
    width: 50%;
  }
  div#edit-actions {
    width: 40%;
  }
  div#edit-actions--2 {
    width: 40%;
  } */

/* INSTITUCIONES */
.field_logo {
    
}


/* PAGINADOR */
#block-barrio-repej-content nav{
    float: right;
}
.active>.page-link, .page-link.active {
    background-color: #2d3359;
}
.page-link {
    color: #2d3359;
}
/*   -----------  para el up button  -----------  */
.scrollToTop {
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    right: 16px;
    bottom: 20px;
    display: none;
    border: none;
    border-radius: 50%;
    background-color: #4156c1 !important;
    color: white;
    padding: 9px 10px;
    font-size: 15px;
    line-height: 1.3333333;
    z-index: 9999;
    padding-left: 15px !important;
    transition: all 0.5s ease;
}
.scrollToTop:hover {
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    right: 16px;
    bottom: 20px;
    display: none;
    border: none;
    border-radius: 50%;
    background-color: #d63e5c !important;
    color: white;
    padding: 9px 10px;
    font-size: 15px;
    line-height: 1.3333333;
    z-index: 9999;
    padding-left: 15px !important;
}

/*------------ FOOTER -----------*/
.region.region-footer {
    background-image: url(../img/back-footer.jpg);
    background-repeat: repeat-x;
    background-color: #214190;
}
.legales {
    color: #d5d5d5;
}
.legales a {
    color: #f8b034;
    text-decoration: none;
    transition: all 0.5s ease;
}
.legales a:hover {
    color: #a7d6f4;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
#block-footer {
    background-color: var(--color-principal);
    color: #FFFFFF;
    margin-top: 25px;
}
.img-ponte-puma {
    width: 50%;
    text-align: center;
}
.row-sin-espacios {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#texto-color-footer {
    color: #ebecea;
}
.piepagina {
    clear: both;
    background-color: var(--color-principal);
    margin-top: 2.5rem;
}
.correo a {
    color: #a6cefa;
    text-decoration: none !important;
    transition: all 0.5s ease;
}
.correo a:hover {
    color: #fe9061;
}

.firma-unam {
    max-width: 95%;
    height: auto;
    padding-top: 10px;
}
/* .footer {
    

} */

/*MEDIA QUERIES DEVICE ONLY */


/*  LOGOS */
.logos-1824 img{
    height: 117px !important;
    padding: 20px;
}
#block-logos hr{
    opacity: 0.1;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.logos-container img {
    max-height: 60px !important;
    max-width: 55px !important;
}



/* Materiales */
.img-material {
    max-height: 360px;
    overflow: hidden;
}
.img-material img {
    max-width: 100%;
    /* max-height: 360px; */
}

#infografia iframe, #audio iframe {
    width: 100%;
    height: 360px;
}

.card-audio {
    background-color: #18191b;
    color: #FFF;
    padding: 10px 28px;
}


.card-pdf i {
    width: 100%;
    background-color: #000;
    padding: 10px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
}

.fancybox__container.is-compact .fancybox__slide.pdf-iframe .fancybox__content {
    width: 100% !important;
    height: 100% !important;
  }
  
  .fancybox__slide.pdf-iframe .fancybox__content {
    width: 100% !important;
    height: 100% !important;
  }

  #otros iframe {
    width: 100%;
    height: 260px;
}

.pie-contenido.row p {
    font-size: 15px;
    margin: 3px;
}
.repej-cc-by {
    text-align: center;
    padding-top: 10px;
}
span.materias-a a, span.areas-c a{
    text-decoration: none;
    color: #000;
    border-bottom: #e08e10 2px solid;
}

span.materias-a a:hover, span.areas-c a:hover{
    color: #e08e10;
}

.page-view-materiales-detalle ol.list-group {
    display: ruby-text !important;
    --bs-list-group-border-width: none !important;
}
.page-view-materiales-detalle li.list-group-item {
    padding: 0px 5px 0px 2px;
}
/*
.campo-materias:hover {
    color: initial;
}
.campo-materias-card a {
    text-decoration: underline !important;
    color: #000;
} */
.campo-area-conocimiento:hover {
    color: initial;
}
.campo-area-conocimiento {
    color: black;
    text-decoration: underline;
}

/*h5p*/
/* Estilos para el contenedor del iframe */
/* .h5p-iframe-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
} */

/* Estilos para el iframe */
/* .h5p-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

/* .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
} */

/*Creditos*/
.enlace {
    color: white;
}
.enlace:visited,
.enlace:focus,
.enlace:active,
.enlace:hover {
    color: white;
}

.titulos-creditos {
	font-size: 17px;
	font-weight: 700;
    color: #2d2935;
}

#instituto{
    font-size: 21px;
}
.creditos p {
    font-size: 16px;
    color: #2d2935;
}

.titulos-contenido-creditos {
	font-weight: bold;
}

/*-----------MEDIA QUERIES------*/

/* @media (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav {
        display: none !important;
    }
} */
@media(max-width: 1200px) {
.navbar-toggler-icon {
    display: inline-block !important;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}
}

@media (min-width: 1870px){
    /*.texto-logo h2 {
        font-size: 65px;
    }
    
    .texto-logo h3 {
        font-size: 45px;
    }  */
    .img-logo{
        width: 647.5px;
        height: 357.5px;
        top: 39.4px;
    }

    .banner-presentacion h1 {
        font-size: 84.1px;
        top: 163.6px;
    }
    .banner-presentacion{
        height: 440px;
    }
    .banner-presentacion .img-banner-princ {
        width: 100%;
        position: absolute;
        z-index: -1;
        top: -3vw;
    }
    
}

@media (max-width: 1199px){
    .iframeyt iframe {
        width: 100%;
        height:  162px;
    }
    /* .texto-header {
        margin-left: 27vw;
    } */
}


@media (max-width: 1114px){
    /* .texto-header {
        margin-left: 27vw;
        font-size: 19px;
    } */
}

@media (min-width: 769px) and (max-width: 991px){
    .card-act .view-content .card-child:nth-child(3){
        margin-left: 25%;
    }
}
@media (max-width: 991px) {
    .img-ponte-puma {
        width: 80%;
        margin-bottom: 20px;
    }
    .texto-header {
        font-size: 21px;
        margin-left: 11vw;
    }
    .logo-cjpi {
       display: none;
    }    
    /* .h5p-iframe-wrapper {        
        padding-top: 75.25%;
    } */    
}
@media (min-width: 768px) {
    a .fa-brands {
        color: #e6e5e5;
        transform: scale(1);
        transition: all 0.5s ease;
    }
    a:hover .fa-brands {
        transform: scale(1.3);
        color: #ffffff;
    }
}
@media (max-width: 768px) {
    .firma-unam {
        max-width: 45%;
        height: auto;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 4vw;
        margin-left: 22%;
    }
    .img-ponte-puma {
        width:30%;
        margin-bottom: 20px;
    }
    .texto-header {
        font-size: 21px;
        text-align: center;
    }
    .hr-redes {
        display: inline;
    }
    .icon-bar {
        background: #ffffff !important;
        padding-left: 4.3vw;
        max-width: 400px !important;
        position: relative;
        margin-top: 42px;
        margin-left: 23%;
        box-shadow: none !important;
        border: none !important;
        color: #424242 !important;
    }
    .icon-bar a {
        color: #858585 !important;
        transform: scale(1.5);
      }
      .icon-bar a:hover {
        color: #646464 !important;
        transform: scale(1.9) !important;
      }
      .icon-bar p {
        display: inline-flex !important;
        padding-left: 4.5vw !important;
    }
    .banner-diplomado {
        padding-bottom: 35px;
    }
    
    #block-piedepaginadelsitoweb {
        text-align: center;
    }

    .view-cards-home {
        padding-bottom: 2rem;
    }
    .enlace-constitucion {
        padding-bottom: 10px;
    }
    .mb-sep {
        margin-bottom: 15px;;
    } 
}
@media (max-width: 640px) {
    .texto-header {
        font-size: 16px;
        margin-left: 0vw;
    }
}

@media (max-width: 576px) {
    /* .texto-header {
        font-size: 21px;
        margin-left: 0vw;
    } */
    .campos-perfil {
        top: 83%;
    }

    .texto-logo h2 {
        font-size: 23px;
        padding-left: 10px;
    }
    
    .texto-logo h3 {
        font-size: 16px;
        padding-left: 10px;;
    }

    .campo-orcid {
        position: relative !important;
    }
    .titulo-espacio {
        padding-top: 12px !important;
        padding-left: 25px !important;
    }
    .resize-img-video {
        clip-path: inset(12% 0 12% 0) !important;
        width: 100%;
        height: auto;
        margin-top: -52px !important;
        margin-left: 2vw !important;
    }
}

/*  */