/**
 * @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;
}

.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);
}

/*HEADER*/

.encabezado {
    background-color: #32353f;
    background-image: url(../img/back-header.jpg);
    background-repeat: repeat-x;
    height: 100px !important;
}
.logo-header-unam, .logo-header-iij {
    max-height: 90px;
    width: auto;
    padding: 10px 10px 10px 0px;
}
.texto-header {
    color: #eceae8;
    position: absolute;
    top: 35px;
    font-size: 24px;
}
a:link .nav-link .dropdown-toggle {
    color: red !important;

}
.navbar {
    position: relative;
    width: 100%;
    z-index: 10 !important;
    top:0px;
 }
 .navbar  a {
    color: #1b6977;
 }
 .navbar a:hover {
    color: #b9820d;
 }
 .nav-link {
    color: #1b6977 !important;
 }
 a:hover .nav-link {
    color: #b9820d !important;
 }
 .dropdown-item:hover {
    background-color: #fff !important;
 }
.oculta {
    display: none;
}

.text {
    text-align: end;
}
form#views-exposed-form-linea-de-tiempo-2-page-1, 
form#views-exposed-form-linea-de-tiempo-page-1 {
    margin-top: 15px;
}

/*MENU*/

.navbar-brand {
    font-size: 16px;
    font-weight: bold;
}
.buscador-sentencia {
    padding-top: 9px;
}


/*BUSCADOR*/
.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%;
}
section.row.region.region-buscador {
    width: 50%;
    justify-self: right;
}
.buscador a {
    text-decoration: none;
    color: black;
}
.page-view-buscador a.stretched-link, .buscador .titulo-pdf {
    /* text-decoration: none; */
    font-weight: bold;
}

/*BANNERS*/
.banner-h {
    padding: 0px;
}

/* PRESENTACIÓN */
.views-row {
    padding: 0px;
}
.contenido-descripcion {
    background-color: #efefef; /*Provisional*/
}
.btn-esp {
    text-decoration: none;
    color: white;
    background-color: #29d1b0;
    padding: 10px;
    border-radius: 10px;
}
.btn-eng {
    text-decoration: none;
    color: white;
    /*border: 1px solid lightseagreen; Provisional*/
    background-color: #2ac4b5; /*Provisional*/
    padding: 10px;
    border-radius: 10px;
    margin-left: 10px;
}
.btn-esp:hover, .btn-eng:hover  {
    background-color: #454851;
    color: rgb(236, 236, 236);
}

/*PERSONAS AUTORAS*/
        /* PERSONAS AUTORAS Front */
    .card-nosotros {
        box-shadow: none !important;
        transition: none !important;
        border: none;
    }
    .titulo-bloque-nosotros {
        border-top: 1px solid lightgray;
        padding: 10px 0px 10px 0px;
        margin-top: 3rem;
    }
    .campo-imagen img {
        border-radius: 7px;
        /* margin-top: 1.5rem !important; */
    }
    .caret-icon {
        color:#25b89c;
    }
    .caret-icon-2 {
        color:#ffffff;
    }
    .campo-titulo a {
        color: #60605f;
        padding-left: 10px;
        text-decoration: none;
    }

.titulo-bloque-nosotros,
.titulo-bloque-repo-docs-f {
    font-size: 26px;
    font-weight: bold;
    color: #305caa;
    margin-top: 2rem;
    padding-top: 5rem;
}
.titulo-bloque-repo-docs-f {
    border-top: 1px solid lightgray;
}

.titulo-bloque, .titulo-bloque-antecedentes{
    font-size: 24px;
    font-weight: bold;
    color: #305caa;

}

.card-perfil {
    box-shadow: none !important;
    border-bottom: 1px solid lightgray !important;
    transition: none !important;
    border: none;
}
.campo-fotografia img {
    width: 70%;
    height: auto;
    border-radius: 50%;
}

/* EJES TEMATICOS */
    /* EJES TEMATICOS Front */
    .card-ejes-tematicos {
        box-shadow: none !important;
        transition: none !important;
        border: none;
    }
    .campo-imagen-eje img {
        width: 100%;
        height: auto;
    }
    .campo-titulo-eje {
        text-align: center;
        background-color: lightgray;
        font-weight: 600;
    }
    .campo-datos .campo-titulo.p-2 {
        background-color: #ededed;
        text-align: center;
        font-weight: 400;
        color: #5f5f5f;
        border-radius: 0 0 15px 15px;
    }
    .titulo-bloque-ejes-t {
        font-size: 24px;
        font-weight: bold;
        color: #305caa;
        border-top: 1px solid lightgray;
        margin-top: 1rem;
        padding-top: 3rem;
    }
/* LINEA DE TIEMPO */
.titulo-bloque-timeline{
    font-size: 24px;
        font-weight: bold;
        color: #305caa;
        border-top: 1px solid lightgray;
        padding-top: 2.5em;
}
.card.card-timeline-front{
    --bs-card-border-color: none;
    --bs-card-border-width: 0px;
    box-shadow: none !important;
    transition: none !important;
}
.card-body-timeline-front .campo-imagen {
    padding-top: 20px;
}
.linea-de-tiempo .campo-descripcion {
    text-align: end;
}
.linea-de-tiempo .campo-descripcion span {
    background: rgb(43, 212, 206);
    padding: 10px 25px;
    border-radius: 5px;
}

/* REPOSITORIO DE DOCUMENTOS */
.contextual-region.view.view-repositorio-de-documentos-front {
    /* background-image: url(/themes/barrio_libroblanco/img/mapa-mexico.jpg); */
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: top;
}
.card.card-repositorio-f {
    box-shadow: none !important;
    transition: none !important;
    background-color: transparent;
}
.card-body-repositorio-f {
    background-color: #00000075;
    border-radius: 5px;
    border: 1px solid white;
}
.card-body-repositorio-f .campo-datos .campo-titulo {
    color: white !important;
    text-align: center;
}

.view-repositorio-de-documentos-front .view-content.row {
    background-image: url(/themes/barrio_libroblanco/img/mapa-mexico.jpg);
    background-repeat: no-repeat;
    background-size: 40% auto;
    background-position: center;
}



/* COMUNICADOS Y AGENDA */
.card.card-com-agenda {
    box-shadow: none !important;
    transition: none !important;
}
.card-body-com-agenda .campo-datos {
    text-align: center;
}
.campo-imagen-com img {
    height: auto;
    width: 35%;
}
.campo-titulo-com {
    padding: 10px 0;
    color: black;
}




/* 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;
}




/*CARDS*/

.titulos-bloques {
    font-weight: bold;
    font-size: 25px;
}
.subrayado {
    border-bottom: #000000 2px 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 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.card-tema a:hover {

    text-decoration: none;
}

/* LINEA DE TIEMPO */
.page-view-linea-de-tiempo-2 .view-content.row, .page-view-linea-de-tiempo .view-content.row{
    /* margin: 2rem !important; */
}
select#edit-field-ano-target-id {
    width: 15%;
}
.page-view-linea-de-tiempo .background {
  z-index: -1;
  position: fixed;
  opacity: .2;
  width: 50%;
  margin: 7% 25% 0 25%;
}
.background {
    z-index: -1;
    position: fixed;
    opacity: 0;
}
.timeline-background img{
    opacity: 40%;
}

.timeline:nth-child(2n){
    flex-direction: row-reverse !important;
  
}
.timeline {
    margin-bottom: 0px;
}
.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    z-index: 5;
    background: #ccc;
    transform: translateX(-50%);
}
.card-timeline {
    box-shadow: none !important;
    transition: none !important;
    padding: 9px 45px;
    background-color: transparent;
}
.card-body-timeline{
    padding: 20px;
    border: 1px solid #c3c3c3;
    border-radius: 15px;
    background-color: #ffffff75;
}
.timeline-campo-imagen img {
    width: auto;
    height: 100%;
    border-radius: 5px;
}
.timeline-campo-datos {
    text-align: end;
}
.timeline:nth-child(2n) .timeline-campo-datos {
    text-align: left !important;
}

.timeline-circle {
    content: '';
    position: absolute;
    top: 20px;
    left: calc(50% - 11px);
    width: 20px;
    height: 20px;
    background: #4A90E2;
    border-radius: 50%;
    border: 4px solid white;
    box-shadow: 0 0 0 2px #4A90E2;
    z-index: 5;
}

.timeline-campo-titulo {
    font-size: 24px;
    font-weight: bold;
    color: #305ca4;
}
.timeline-anio{
    font-size: 45px;
    color: #305ca4;
    font-weight: bold;
}
.timeline-mes {
    font-size: 26px;
    color: #172744;
}
.timeline-anio, .timeline-mes{
    position: absolute;
}
.campo-fecha {
    color: rgba(0, 0, 0, 0.87);
}

.mes-anio {
    /* margin: 0 -5rem 0 15rem; */
    /* padding-top: 20px; */
}


/* EJES TEMATICOS */
.pdf-eje-tematico i {
    font-size: 2rem;
    color: red;
}
.descripcion-eje-tematico {
    padding-top: 1.5rem;
}
.fecha-eje-tematico {
    margin-bottom: 20px;
}

/*REPOSITORIO*/
.fancybox__slide.pdf-iframe .fancybox__content {
    width: 100% !important;
    height: 100% !important;
}

.repo-titulo-bloque, .titulo-bloque-respuestas, .titulo-bloque-proceso,
.titulo-bloque-entidades, .titulo-bloque-actores {
    font-size: 24px;
    font-weight: bold;
    color: #305caa;
}

/* VISTAS DE TAXONOMIA */

.repo-taxonomias {
    text-align: center;
}
.card-entidad {
    border-radius: 15px;
}
.card-body-entidad {
    color: white;
    background-color: #25b89c;
    border-radius: 15px;
}

    /* ANTECEDENTES */
            /* REFORMA JUDICIAL 2021, ESTUDIOS SOBRE EL PODER JUDICIAL, 
            DECISIONES RELEVANTES DE LA SCJN PREVIAS A LA REFORMA, REACCIONES DE ACTORES
            POLÍTICOS A LAS DECISIONES D ELA SCJN, LAS ELECCIONES DE 2024  */

            /*PROTESTAS, AMPAROS, ACCIONES Y CONTROVERSIAS CONSTITUCIONALES, DENUNCIAS CONTRA JUECES
              PAROS DE LABORES: PODER JUDICIAL Y SOCIEDAD CIVIL, ACCIONES ANTE ORGANISMOS INTERNACIONALES*/
            
            /* ASPECTOS GENERALES, ACUERDOS GENERALES DEL INE RELACIONADOS CON LA ORGANIZACÓN DE LA ELECCION,
                FISCALIZACIÓN, TRIBUNAL ELECTORAL, INFORMES Y DENUNCIAS */
            .repo-campo-datos{
                height: 100%;
            }

            .repo-campo-titulo {
                font-weight: bold;
            }
            .repo-campo-fecha {
                padding: 10px 0 10px 0;
                margin-bottom: 5rem;
            }
            .repo-pdf i {
                font-size: 2rem;
                color: red;
            }
    /* PROCESO LEGISLATIVO DE LAS REFORMAS,LEGISLACIÓN SECUNDARIA,
        DOCUMENTOS ELABORADOS POIR EL PODER JUDICIAL DE LA FEDERACIÓN */
    .doc-campo-titulo {
        font-weight: bold;
        padding-top: 15px;
    }
    .doc-campo-fecha {
        padding-bottom: 4rem;
    }
    .doc-pdf i {
        font-size: 2rem;
        color: red;
    }

    /* EL PROCESO ELECTORAL FEDERAL */
        /* LAS CAMPAÑAS */
            .repo-vids a {
                text-decoration: none;
                /* font-size: 20px; */
                color: black;
            }
            .repo-titulo-video {
                font-weight: bold;
                padding-bottom: 2rem;
            }
            .imagen-generica img {
                padding-top: 32px;
            }

    /* LO QUE HAN DICHO LOS ACTORES */
    .page-view-lo-que-han-dicho-los-actores-contenido-2 ._j_t._53j5 {
    padding-bottom: 36% !important;
    }


    element.style {
        position: relative;
        z-index: 0;
        border-bottom: none !important;
    }
    
    /* AGENDA */
    .agenda-titulo-bloque{
        font-size: 24px;
        font-weight: bold;
        color: #305caa;
    }
    .tipo-agenda-titulo {
        font-size: 20px;
        font-weight: bold;
        color: #305caa;
    }
    .agenda-campo-titulo {
    font-weight: bold;
}

/* BREADCRUMB */
.breadcrumb-item {
    color: #ababab;
    /* font-size: 14px; */
}
.breadcrumb-item a {
    color: #4e4e4e;
    text-decoration: none !important;
}
.breadcrumb-item a:hover {
    color: #3d3d3d;
    text-decoration: underline !important;
}

/* FOOTER */
div#block-barrio-libroblanco-footer {
    padding: 0;
}
.footer-back {
    min-height: auto;
    border-top: #ca8e0c outset 5px;
    color: #cac9c9;
    background-image: url(../img/back-footer.jpg);
    background-color: #454851;
    background-repeat: repeat-x;
    background-repeat: repeat-y no-repeat;
    height: auto !important;
}
.firma-unam {
    max-width: 55%;
    padding-top: 10px;
}
.legales a {
    color: #ffffff;
    text-decoration: none;
}
.legales a:hover {
    color: #53f9e9;
    text-decoration: none;
}

/* a.legales, a.como_llegar, a.aviso_privacidad {
    text-decoration: none;
    color: #ffb855;
} */

/* --PRUEBA

-- FIN DE PRUEBA -- */

 


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

.titulos-creditos {
	color: var(--color-principal);
	font-size: 25px;
	font-weight: bold;
}

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

/*MEDIA QUERIES*/
@media (min-width: 1875px){   
}
@media (max-width: 1399px){
    .view-repositorio-de-documentos-front .view-content.row{
        background-position: bottom;
    }
}
@media (max-width: 1199px){
    .view-repositorio-de-documentos-front .view-content.row{
        background-size: 55% auto;
    }
}
@media (min-width: 769px) and (max-width: 991px){
}
@media (max-width: 991px) { 
    .lista {
       padding-left: 13vw;
       padding-top: 1rem;
    }
    .h-100 {
        height: auto !important;
    }
    .timeline::before{
        left: 10px;
    }
    .timeline-circle{
        left: 0;
    }
    .card-timeline, .mes-anio{
        width: 100%;
    }
    .timeline-campo-datos {
        text-align: start;
    }
    .timeline-anio,
    .timeline-mes {
        position: relative;
    }
    .mes-anio{
        order: 1;
    }
    .card-timeline{
        order: 2;
    }
    .page-view-linea-de-tiempo .background {
        margin: 10% 0% 0 0%;
        width: 100%;
    }
    select#edit-field-ano-target-id {
    width: 23% !important;
    }
    .view-repositorio-de-documentos-front .view-content.row{
        background-size: 70% auto;
        background-position: 50% 75% !important;
    }
}
@media (max-width: 768px) { 
    .texto-header {
        font-size: 19px;
        left: 36vw;
    }
    .card-body-ejes-tematicos {
        width: 62%;
        margin-left: 14vw !important;
    }
    .btn-eng {
        margin-left: 0px;
    }
    .page-view-linea-de-tiempo .background {
        margin: 15% 5% 0 5%;
        width: 100%;
    }
    select#edit-field-ano-target-id {
        width: 30% !important;
    }
    .view-repositorio-de-documentos-front .view-content.row{
        background-size: 100% auto;
        background-position: 50% 59% !important;
    }
    .firma-unam{
        max-width: 40%;
    }
}

@media (max-width: 578px) {
    .card-body-ejes-tematicos {
        margin-left: 17vw !important;
    }
    .legales {
        padding: 0 25px 0 25px;
    }
    .page-view-linea-de-tiempo .background{
        margin: 20% 0 0 0;
        width: 100%;
    }
    select#edit-field-ano-target-id {
        width: 32% !important;
    }
}
