/* Temporary styles */

/* Slick cuadernos */
.pxc-center-slick .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pxc-center-slick .slick-slide img {
  filter: saturate(0.2) brightness(0.5);
  /*width:390px;
        height:526px;*/
  padding: 20px;
  transform: scale(0.85);
  transition: all .3s ease-in-out;
}
.pxc-center-slick .slick-active img {
  /*width:410px;
        height:546px;*/
  filter: saturate(0.5) brightness(0.75);
}
.pxc-center-slick .slick-current img {
  padding: 0px;
  filter: saturate(1) brightness(1);
  -webkit-box-shadow: -1px 1px 15px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 1px 15px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 1px 15px 0px rgba(0, 0, 0, 0.75);
  position: relative;
  transform: scale(1);
}
.pxc-center-slick .slick-slide {
  z-index: 0;
  position: relative;
}
.pxc-center-slick .slick-active {
  z-index: 1;
}
.pxc-center-slick .slick-current {
  z-index: 2;
}

/* Cuaderno*/
#cuaNum {
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
    font-family: m-semibold;
    color: #D5E5F3;
}
#cuaIds {
  font-size: 2.5rem;    
  font-family: m-bold;
  line-height: 2.75rem;
  color: #fff;
}

/* Branding */
#block-pixel-site-branding {
  text-align: center;
}
#block-pixel-site-branding a img {
  width: 120px;
}
#block-pixel-marcadelsitio img {
  width: 100px;
  margin-left: .6rem;
}
#block-pixel-marcadelsitio small {
    display:block;
    font-size:0.95rem;
    padding:0 1.5rem 1rem 1.5rem;
    color:#c3c8d4;
}
/* Lateral*/
.pxc-lateral {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.pxc-lateral #block-pixel-marcadelsitio {
  background-color: #283f6c;
}
#block-pixel-marcadelsitio img {
  filter: brightness(20);
  margin: 1.5rem 0 0 1.5rem;
}
.pxc-lateral-boton {
  position: absolute;
  right: 25px;
  top: 25px;
}
.pxc-lateral-boton-icono {
  filter: brightness(20);
}
.pxc-lateral nav ul li a, .pxc-lateral nav ul li span {
  color: #fff;
  border-bottom: 1px solid #495d83;
  font-size: 1.2rem !important; /*Diferente a .main*/
  font-family: "m-light";
  padding: 1.5rem;
  text-decoration: none;
  text-transform: uppercase;
}
.pxc-lateral-pie {
    display: flex;
    margin: 1rem 0;
    justify-content: space-around;
}
.pxc-lateral-pie img {
  max-height: 100px;
  width: auto;
}
#pxc-lateral #block-pixel-pxclogopnud50anos img {
  width: 45%;
  min-width: 160px;
}
#pxc-lateral #block-pixel-pxclogosuecia img {
  width: 52%;
}
} /*Menu Lateral*/
.pxc-lateral nav {
  padding-top: 0;
} /*Diferente a .main*/
.pxc-lateral nav .pxc-transmision {
    background-color: #7f6cd7;
    width: fit-content;
    border-radius: 100px;
    margin: 25px 15px 5px 25px;
    padding: 10px 45px 10px 20px;
    font-size: 1.1rem !important;
    position:relative;
}
.pxc-lateral nav .pxc-transmision::after {content: "";display: block;background: url("https:/themes/custom/pixel/img/icono-play.png") center no-repeat;width: 23px;height: 19px;position:absolute;right: 15px;top: 13px;background-size: 85%;}
.pxc-lateral nav .pxc-transmision:hover {
  background-color: #7f6cd7;
  opacity: .8;
}
.pxc-lateral-pie .row {
  align-items: center;
}
.idh-centro{
    transform: translateX(-50%);
    left: 50%;
    padding: 0 15px !important;
}

/* Menu boton */
.pxc-main-menu-boton-wrapper {
  display: flex;
  justify-content: left;
  margin-top: 15px;
}
.pxc-main-menu-boton {
  width: 45px;
  height: auto;
  margin: 0;
}
.pxc-main-menu-boton-wrapper .lang-menu {
  padding-top: 5px;
  padding-left: 10px;
  color: #2e5380;
  font-size: .9rem;
  letter-spacing: .025rem;
  font-family: m-semibold;
}
.mt-n01 {
  margin-top: -15px !important;
}
/* Clases portada */
.idh-portada {
  background-size: cover;
  position: relative;
}
.idh-portada-100 {
  height: 100vh !important;
}
.idh-fondo-derecha {
  background-position: right center;
}
.idh-fondo-izquierda {
  background-position: left center;
}
.idh-fondo-centro {
  background-position: center;
}

.idh-infoportada {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 90vh;
    position: relative;
    padding:15px 0;
}

.blanco {
    color:#ffffff;
}

.pxc-lista-docs p {
    font-family: m-semibold;
    color:#ffffff;
}
.pxc-lista-docs p a {
    font-family: m-book;
    text-decoration:none;
    color:#989da7;
}
.pxc-lista-docs p a:hover {
    text-decoration:underline;
}
.py-10 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.pxc-hr-blanco {
    border-bottom:4px solid #fff;
}
.wp-block-image figcaption {
    color:#ddd;
    margin-top:10px;
    font-family: m-semibold;
}
p.pxc-boton-amarillo {
    color: #253560;
    background-color:#ffc107;
    width: fit-content;
    border-radius:2.5rem;
}
p.pxc-boton-amarillo a {
    display:block;
    width:100%;
    text-decoration:none;
    padding:1rem 2rem;
    font-family: m-bold;
}
p.pxc-boton-amarillo:hover {
  background-color:#f5e585;
}
.m-right {
   margin: 0 0 0 auto;
}

/* Ej. Size portada home*/
/*Espacios entre letras*/
.idh-ls-1 {
  letter-spacing: .1rem;
}
/*Articulos y blog */

.page-node-type-article { 
    background: rgb(221,219,207);
    background: linear-gradient(0deg, rgba(221,219,207,0) 0%, rgba(221,219,207,1) 87%);
}
.page-node-type-article .col-md-8{ 
    margin:auto;
}
.page-node-type-article .pxc-page-title{ width: 66.6%;  margin: auto;}

.pxc-page-title h1 {
  color: #2e5380;
  font-family: m-bold;
  margin-bottom: 1.5rem;
  font-size: 2.75rem;
}
.page-node-type-article p {
  color: #18263d
}
article img {
  width: 100%;
  height: auto;
  padding-bottom: 1.5rem;
}
.pxc-nota-titulo a {
  text-decoration: none;
  font-family: m-bold;
}

.pxc-nota-cuerpo, .pxc-nota-cuerpo p {
  color: #283f6b;
  font-size: 1.05rem;
 line-height: 1.75rem;
}
.pxc-notas .card-body {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: none !important;
  padding: 25px;
  transition: all 1s;
}
.pxc-notas .card-body:hover {
  transform: scale(1.025);
}

/*Color Tipografica*/
.idh-txt-azul-oscuro { color: #18263d;}
.idh-txt-azul-oscuro-1{ color: #253560;}

.idh-txt-azul { color: #2e5380 }
.idh-txt-azul-claro {color: #253560;}
.idh-txt-azul-claro.small {font-size:.75rem; line-height: 1.25rem;
    border-top: 1px solid #2e5380;
    padding-top: 1rem;
    color:#2e5380 !important;
}
.pxc-is-graphic .display-7, .pxc-is-map .display-7 {
      margin-bottom:1rem !important;
}

.idh-label {
    width: fit-content;
    padding: 5px 15px;
    border-radius: 2.5px;
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: .025rem;
    font-family: m-semibold;
}

/*Quotes*/
.idh-quotes p{ padding-left: 50px !important; position: relative;}
.idh-quotes .q-up::after {
   
}


/*Footer*/
.pxc-footer.visible {
  bottom: 0;
  -webkit-box-shadow: -2px 5px 26px 8px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: -2px 5px 26px 8px rgba(0, 0, 0, 0.31);
  box-shadow: -2px 5px 26px 8px rgba(0, 0, 0, 0.31);
}
.pxc-footer {
  padding: 15px 0;
}
.pxc-footer .row {
  align-items: center;
  padding-bottom: 5px;
}
footer a:link {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  opacity: .8;
}

footer .logo-pnud150 p{
    text-transform: uppercase;
    letter-spacing: .05rem;
    padding-bottom: .25rem;
    font-size: .75rem;
}

footer .logo-pnud150 img { width: 250px; height: auto;}
footer .logo-pnud150  > div{ text-align: left;} 

footer .logo-pnud50 img{ width:145px; height:auto;}
footer .logo-pnud50 > div{ text-align: right;} 

footer ul {
    display: flex;
    list-style: none;
    justify-content: right;
    width: 32%;
    float: right;
    margin: 0;
    padding: 0;
}
footer ul img {
    width: 100%;
}

/* Utilidades */

.pxc-mt-n50{ margin-top:-50px;}

.display-7 {
    font-size: 2.5rem;
    line-height: 1.17;
}

.idh-cuadernos .slick-arrow{
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 10px;
    background: #253560;    
}
.idh-btn-1{
    margin: auto;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    margin-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.small {
    font-size: 0.875em !important;
}

.idh-linea-vertical{ position:relative;}
.idh-linea-vertical::after {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, .15);
    width: 2px;
    height: 75%;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.pxc-lt-1{ letter-spacing: .025rem;}

.pxc-left-desk {
  text-align: left;
}
.pxc-right-desk {
  text-align: right;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}




#header.pxc-header-small {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
  padding-bottom: 50px;
}
#header.pxc-header-small-h {
    padding-bottom: 50px;
    background: url(/themes/custom/pixel/img/barra-gradiente-101.png);
    background-repeat: repeat-x;
}

.page-frontpage #block-pixel-site-branding img{ filter: invert(1) grayscale(100%) brightness(10);}
.page-frontpage .pxc-header-small-h #block-pixel-site-branding img{ filter: none;}


.page-frontpage .pxc-main-menu-boton .pxc-main-menu-boton-icono, .page-frontpage  .pxc-main-menu-boton .pxc-main-menu-boton-icono::before, .page-frontpage  .pxc-main-menu-boton .pxc-main-menu-boton-icono::after { background-color:#f6f6f6;}
.page-frontpage .pxc-main-menu-boton-wrapper .lang-menu{ 
    color:#f6f6f6;
}
.page-frontpage .pxc-header-small-h .pxc-main-menu-boton .pxc-main-menu-boton-icono, .page-frontpage  .pxc-header-small-h .pxc-main-menu-boton .pxc-main-menu-boton-icono::before, .page-frontpage  .pxc-header-small-h .pxc-main-menu-boton .pxc-main-menu-boton-icono::after { background-color:#2e5380;}
.page-frontpage .pxc-header-small-h .pxc-main-menu-boton-wrapper .lang-menu{ 
    color:#2e5380;
}

.idh-no-cambia {
    justify-content: space-between;
}
.idh-no-cambia img {
    width:100%;
    max-width:280px;
}
.idh-no-cambia div:nth-child(3) {
      text-align:right;
}

.pxc-is-graphic > .pxc-bloque-body, .pxc-is-map > .pxc-bloque-body, .idh-portada > .pxc-bloque-body {
    max-width: 1320px;
    margin:0 auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
#pxc-g8 {
    text-align:center;
}
#pxc-g8 img {
    margin:0 auto;
}

@media (max-width: 1699px) and (min-width: 1400px) {

    .pxc-lateral .pxc-fantasma {
      width: 70% !important;
    }
    .pxc-lateral-activo {
      width: 30% !important;
    }
}
@media (max-width: 1399px) and (min-width: 1200px) {

    .pxc-lateral .pxc-fantasma {
      width: 60% !important;
    }
    .pxc-lateral-activo {
      width: 40% !important;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    
    .pxc-is-graphic {
        padding:2.5rem 0;
    }
    
}



@media (max-width: 991px) and (min-width: 768px) {
    .pxc-top-header .col-lg-5 {
        order:2;
        position: absolute;
        top: 0;
    }
    .pxc-top-header .col-lg-2 {
        order:1;
    }
  .idh-no-cambia div {
      width:50% !important;
  }
  .idh-no-cambia div:nth-child(2) {
    display:none;
  }   
  .idh-quotes{
    margin: 10px !important;
    padding: 25px !important;
   }
  
  .idh-quotes p {
    padding-left: 0 !important;
    position: relative;
    }
    .idh-no-cambia img {
        width:120px;
    }
    
    .pxc-is-graphic {
        padding:2.5rem 0;
    }
    
}


@media (max-width: 767px) {
  #block-pixel-site-branding a img {
    width: 80px;
    position: relative;
    top: -38px;
  }
  .idh-txt-azul-claro.small {
      margin-top:1rem;
  }
  #block-pixel-marcadelsitio img {
    width: 80px;
    margin-left: 1.5rem;
  }
  .idh-top-150{ width: 75%;}
  .idh-top-50 img{
        width: 50%;
        margin: 25px 0;
  }
  .idh-label {text-align:left !important;}
  .idh-btn-01-mobil{ 
        float: none !important;
        width: fit-content;
        margin: auto;
        display: flex;
        justify-content: center;
    }
  .padd {padding: 15px !important;}
  .pxc-left-desk, .pxc-right-desk { text-align: center;}
  
  .pxc-left-desk { text-align: center !important; }
  .pxc-right-desk { text-align: center !important; }
  
  .idh-order-1{ order:2;}
  .idh-order-1 p { text-align: center;}
  .idh-infoportada .mx-5{ margin:0 !important;}
  
  .idh-quotes{
    margin: 10px !important;
    padding: 25px !important;
   }
  
  .idh-quotes p {
    padding-left: 0 !important;
    position: relative;
    }
    .page-node-type-article .pxc-page-title {
    width: 100%;
    margin: auto;
    }
 
  .padd-t-0{ padding-top:0 !important;}
  
  footer p, footer .text-start{  text-align: center !important;}
  footer ul {
    display: flex;
    list-style: none;
    justify-content: center;
    width: 70%;
    margin: 15px auto 0 auto;
    padding: 0;
    float: inherit;
    }
   .pxc-m-o2 {order:2;}
   .pxc-m-o1 {order:1;}
   .m-right {
    margin: 0 auto;
  }
  .pxc-is-graphic .display-7, .pxc-is-map .display-7 {
      margin-bottom:1.5rem !important;
  }
  .pxc-is-graphic .wp-block-columns {
      margin-bottom:0;
  }
  .idh-no-cambia div {
      width:50% !important;
      flex-basis: calc(50% - 1em) !important;
        flex-grow: 0;
  }
  .idh-no-cambia div:nth-child(2) {
    display:none;
  }
  .idh-no-cambia div:nth-child(3) {
      text-align:right;
  }
  .idh-no-cambia img {
        width:120px;
   }
    .pxc-is-graphic {
        padding:2.5rem 0;
    }
    .idh-portada-inicial .display-2 {
        font-size: 2.25rem !important;
    }
  
}
#block-pixel-site-branding img {
    display:none !important;
}

#pxc-g8 {
    display: flex;
    justify-content: center;
    overflow-x:hidden;
}
#pxc-g8 img {
    opacity: 0;
}
#pxc-g8 #pxc-m-lineas, #pxc-g8 #pxc-m-nombres {
    position:absolute;
    top:0;
}
#pxc-g8 #pxc-m-fondo {
   z-index:1;
   opacity: 0;
   animation: fadeInAnimation ease .5s;
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
   animation-delay: 1s;
}
#pxc-g8 #pxc-m-lineas {
   z-index:2;
   opacity: 0;
   animation: fadeInAnimation ease .5s;
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
   animation-delay: 2s;
}
#pxc-g8 #pxc-m-nombres {
  z-index:3;
  opacity: 0;
   animation: fadeInAnimation ease .5s;
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
   animation-delay: 3s;
}


@media (max-width: 767px) {
  #pxc-g8 img {
    width: 140%;
    max-width: 140%;
  }  
}

.pxc-lateral-pie .logo-pnud50 > div {
    text-align:right;
}



#pxc-descarga-btn {
 margin:10px auto;   
}


    @media (max-width: 1200px) { 
        .display-4 {
            font-size: 2.5rem;   
        }
        .display-6 {
            font-size: 1.5rem;   
        }
        .pxc-is-graphic .display-7, .pxc-is-map .display-7 {
            font-size: 1.75rem;  
        }
    }
    
    .display-8 {
            font-size: 1.5rem;   
        }


.pxc-t6 {
    font-size:1.35rem;
}

.pxc-t7 {
    font-size:1.05rem;
}
.pxc-read-more a {
    color:#ffC107 !important;
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: .025rem;
    font-family: m-semibold;
    padding:.75rem 0;
    border-bottom:1px solid #ffC107;
}
.pxc-read-more a:hover {
    color:#fff;
}
.pxc-sara .modal-body {
    background-color:#1f3551;
}
.pxc-sara .btn-close {
    filter: invert(10);
}
.pxc-sara .text-end {
    padding:15px;
}
#pxc-bloque-4 .pxc-preview {
    padding-top:1.5rem;
}


@media (max-width: 767px) {
  #pxc-bloque-4 .pxc-t6 {
    font-size:1.15rem;
  }  
}

.pxc-pager {
   padding-top:25px;
   padding-bottom:180px;
    
}
.pxc-pager nav {
    text-align:center;
}
.pxc-pager nav ul, .pxc-pager nav ul li {
    list-style:none; margin:0; padding:0; display:inline-block; font-size:0;
}
.pxc-pager nav ul li a {
    display:block;
    padding:.25rem .75rem;
    font-size:1rem;
    text-decoration:none;
    border:1px solid #283f6b;
    margin:0 .5rem;
}
@media (max-width: 767px) {
 .pxc-pager {
   padding-top:25px;
   padding-bottom:350px;
}   
}