/*Imagenes opacas para descarga*/
.sombreado {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .sombreado img {
        display: block;
        width: 100%;
        transition: filter 0.4s ease-in-out;
    }

    .sombreado:hover img {
        filter: brightness(70%);
    }

.overlay-sombreado {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 18px;
    font-weight: bold;
    background: rgba(0, 0, 0, 1);
    padding: 10px 15px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.sombreado:hover .overlay-sombreado {
    opacity: 1;
}
/*Termina Imagenes opacas para descarga*/

/*Botones de descarga en default ("Descarga aquí" / "Acceso")*/
.download-btn {
    display: inline-block;
    width: auto;
    min-width: 160px;
    max-width: 90%;
    white-space: normal;
    margin-top: 14px;
}
/*Termina Botones de descarga*/

/*Enlaces (lista de "Enlaces" en Default.aspx)*/
/* Se llamaba .linked, pero ese nombre ya lo usaban desde antes otras
   páginas del sitio (procesos.aspx, atlaseducativo.aspx, etc.), cada una
   con su propio .linked local (solo color/fuente, sin display/padding/
   border). Como la cascada es por propiedad, nuestras propiedades no
   redefinidas ahí (display, padding, border) se colaban igual y rompían
   el diseño de esas páginas. Renombrado a .enlace-item para no chocar. */
.enlace-item {
    display: block;
    padding: 9px 4px 9px 14px;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #e7e2d8;
    line-height: 1.45;
    color: #10312B;
    text-decoration: none;
    transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}

.enlace-item:hover {
    color: #9F2241;
    border-left-color: #B38E5D;
    background-color: #F7F3EC;
    text-decoration: none;
}

li:last-child > .enlace-item {
    border-bottom: none;
}

.enlace-item .glyphicon-new-window {
    margin-left: 5px;
    color: #B38E5D;
    opacity: .85;
}
/*Termina Enlaces*/

/*Barra de título ("Dirección General de Planeación...")*/
/* Antes tenía height:50px fijo (pensado para una sola línea); cuando el
   texto pasaba a dos líneas en pantallas angostas, se salía del fondo
   color arena porque el alto no crecía. Con padding simétrico en vez de
   una altura fija, el fondo siempre cubre el texto sin importar cuántas
   líneas ocupe. vertical-align:middle tampoco hacía nada aquí (solo
   aplica a elementos inline/table-cell, no a un <p> de bloque), así que
   se quita. */
.banner-dgppyee {
    display: block;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    background: #dfc9a4;
    font-weight: bold;
}
/*Termina Barra de título*/

/*Pestañas "Administración YYYY-YYYY" con ícono (informeslabores.aspx,
  informegobierno.aspx, AvanceResultadosPSE.aspx, CalendarioHistorico.aspx).
  Cada página traía copiada esta misma regla en su propio <style>; se
  centraliza aquí para que las 4 pantallas se mantengan iguales.*/
.nowrap {
    white-space: nowrap;
}

.with-icon {
    display: table;
    width: 100%;
}

    .with-icon .glyphicon,
    .with-icon .link-text {
        display: table-cell;
        vertical-align: middle;
    }
/*Termina Pestañas con ícono*/

/*Enlace que envuelve el ícono de PDF en las tablas de informes de esas
  mismas 4 pantallas. Se llamaba .linked ahí también (local, solo en
  informeslabores.aspx e informegobierno.aspx); se renombra al
  centralizarla para no repetir el problema de nombre genérico que ya
  causó la colisión de .enlace-item (ver arriba).*/
.pdf-icon-link {
    font-size: 1.5rem;
    color: #9D2449;
    text-decoration: none;
}

    .pdf-icon-link:hover {
        color: #B38E5D;
    }
/*Termina Enlace ícono PDF*/

/*Ícono de PDF (glyph "bi-filetype-pdf" de Bootstrap Icons) que va dentro de
  .pdf-icon-link. Antes era un <img> apuntando a un .png pixelado; ahora es
  un <span class="icon-pdf"></span> con el SVG codificado una sola vez aquí
  como mask-image, en vez de repetir el <svg> completo en cada pantalla.
  background-color:currentColor hace que el ícono tome el color del enlace
  que lo envuelve (y cambie junto con .pdf-icon-link:hover), igual que si
  fuera texto normal.*/
.icon-pdf {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: middle;
}
/*Termina Ícono de PDF*/