@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url("https://use.typekit.net/etl1kbw.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
/************************************************************************************
2021 Equipo NTG Colombia
CSS Estilos personalizados MEN
/************************************************************************************/

:root {
    --h1: 2.5rem;
    --h2: 2rem;
    --h3: 1.5rem;
    --h4: 1.25rem;
    --h5: 1.12rem;
    --h6: 1rem;
    --bs-blue: #0943b5;
    --bs-red: #b43737;
    --bs-yellow: #FFB527;
    --bs-gray: #EDEDED;
    --bs-gray-dark: #343a40;
    --bs-primary: #0943b5;
    --bs-secondary: #EDEDED;
    --bs-info: #0943b5;
    --bs-purple: #93278F;
    --bs-green: #C0FD19;
    --plandecenal-fase1: #C26DBA;
    --plandecenal-fase2: #9F1792;
    --plandecenal-fase3: #77126D;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.bg-info {
    background-color: var(--bs-info) !important;
}

.bg-gray {
    background-color: var(--bs-gray) !important;
}

@font-face {
    font-family: 'Govco Icon';font-style:normal;
    src:url("https://cdn.www.gov.co/v2/assets/fonts/icons/v2/govco-icons.eot");
    src:local("Govco Icon"),local("govco-icons"),
    url("https://cdn.www.gov.co/v2/assets/fonts/icons/v2/govco-icons.eot?#iefix") format("embedded-opentype"), 
    url("https://cdn.www.gov.co/v2/assets/fonts/icons/v2/govco-icons.woff2") format("woff2"), 
    url("https://cdn.www.gov.co/v2/assets/fonts/icons/v2/govco-icons.woff") format("woff"), 
    url("https://cdn.www.gov.co/v2/assets/fonts/icons/v2/govco-icons.ttf") format("truetype"), 
    url("https://cdn.www.gov.co/v2/assets/fonts/icons/v2/govco-icons.svg") format("svg")
}

.govco-icon {
    font-family: "Govco Icon";
    font-size:1.5rem;
    color:#fff
}

.govco-icon-check-cn,
.govco-icon-check-n {
    font-family: "Govco Icon" !important;
    font-size:1.5rem;
    line-height: 1;
    color: var(--bs-blue);
}

.govco-icon-check-cn:before {
    content: '\e961';
}

.govco-icon-language-en-p:before {
    content: '\e9a4';
}

.govco-icon-check-n:before {
    content: '\e959';
}

.header-govco + div .govco-icon:hover {
	color: #E5EEFB;
}

/************************************************************************************
LAYOUT
*************************************************************************************/

hr {
    margin: 1rem 0;
    border-color: transparent;
}

sub, sup {
    font-size: .875rem;
}

.video-hero p {
    margin-bottom: 0;
}

.graphics-section {
    background-color: var(--bs-gray);
    padding: 3rem 0;
}

.banners-section {
    background-color: var(--bs-gray);
    padding: 3rem 0;
}

.container-footer {
    background-color: var(--bs-white);
    top: -5rem;
    position: relative;
    margin-top: 8rem;
    border: solid var(--bs-primary) 1px;
}
/************************************************************************************
CONTENT
*************************************************************************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    font-weight: bold;
    color: var(--bs-purple);
}

a {
    color: var(--bs-purple);
    background-color: transparent;
    text-decoration: underline;
}

a:visited {
    color: var(--bs-purple);
}

a:hover {
    color: var(--bs-gray-dark);
    text-decoration: underline;
}

a:focus-visible {
    outline:var(--bs-purple) solid 2px;
    border: solid 1px #fff;
    border-radius: 5px;
}

a.text-info:hover {
    color: var(--bs-blue) !important;
}

a.text-muted {
    text-decoration: none;
}

a.text-muted:hover {
    text-decoration: underline;
}

.binary-img_seccion img,
.binary-foto_perfil img,
.binary-foto_marquesina img,
.binary-demo img,
.binary-img_articulo img {
    border-radius: 0px;
}

.binary-foto_marquesina a:last-child,
.titulo_invisible a:last-child {
    display:none;
}

ul li::marker {
    color: var(--bs-purple);
}

ol li::marker {
    font-weight: 700;
    color: var(--bs-purple);
}

option {
    text-transform: uppercase;
}

@-moz-document url-prefix() {
    option {
        text-transform: uppercase;
    }
}

.pa-banner .row {
    background-image: url(channels-982_titulo_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.pa-banner .titulo {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.pa-banner .titulo:before {
    content: "";
    position: absolute;
    top: .5rem;
    width: 95%;
    height: 2.5rem;
    background-color: var(--bs-green);
    z-index: -1;
    transform: rotate(-2deg);
}

.div-titulo-secundario .ntg-titulo-caja,
.titulo-secundario {
    position: relative;
    padding: 0;
    padding-bottom: 5px;
    color: var(--bs-blue);
    font-size: 1.5rem;
}

.div-titulo-secundario .ntg-titulo-caja a,
.titulo-secundario a {
    color: var(--bs-blue);
    text-decoration: underline;
}

.div-titulo-secundario .ntg-titulo-caja a:hover,
.titulo-secundario a:hover {
    color: var(--bs-primary);
}

table.table,
table.blue-tabla {
    border: 0;
    background-color: transparent;
    margin: 2rem 0;
    background-color: #fff;
}

table.table thead,
table.blue-tabla thead {
    background: var(--bs-purple);

} 

table.table thead th,
table.blue-tabla thead th {
    /*text-align: left !important;*/
    background-color: var(--bs-purple) !important;
    font-weight: bold;
    color: var(--bs-green);
}

.table-bordered,
table.table td, 
table.table th,
table.blue-tabla td, 
table.blue-tabla th {
    border: 0 !important;
}

table.table td,
table.blue-tabla td {
    border-bottom: 2px solid #e6effd !important;
    /*text-align: left !important;*/
}

/* table.table td p,
table.blue-tabla td p {
    text-align: left !important;
} */


table.table td,
table.table tbody tr,
table.blue-tabla td,
table.blue-tabla tbody tr {
    padding: .75rem;
    vertical-align: top;
    border: none;
    background-color: transparent;
    color: #4b4b4b;
}

table.table thead + tbody tr td, 
table.blue-tabla thead + tbody tr td {
    color: #4b4b4b; 
}

table.table th,
table.blue-tabla th {
    border: none;
    padding: 15px;
}

table.table a,
table.blue-tabla a {
    word-break: break-word;
    min-width: 200px;
}

table::-webkit-scrollbar {
    height: 10px;
}

table::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

table::-webkit-scrollbar-thumb {
background: var(--bs-blue); 
border-radius: 10px;
}

table::-webkit-scrollbar-thumb:hover {
background: var(--bs-blue); 
}

table {
    scrollbar-color: #004884 white;
    scrollbar-width: auto;
  }

.clean-tabla pre {
    text-align: center;
    background-color: #e6effd;
    color: var(--bs-blue);
    padding: 1rem 1rem;
}

.dataTables_wrapper {
    border: 2px solid #E5EEFB;
    border-radius: 5px;
    margin: 2rem 0;
    font-size: 0.875rem;
}

.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child {
    padding: 1rem;
} 

.dataTables_paginate .page-link {
    border: 0;
}

.dataTables_paginate .page-item.previous a,
.dataTables_paginate .page-item.next a{
    font-weight: normal;
    text-decoration: underline;
}

.dataTables_wrapper caption,
.dataTables_wrapper table.table tbody tr,
.dataTables_wrapper table.table td {
    border-top: 2px solid #E5EEFB;
}

.dataTables_wrapper caption {
    text-align: center;
    font-size: 0.875rem;
}

.dataTables_wrapper table.dataTable thead .sorting:after {
    right: 0.3em;
}

div.dataTables_wrapper div.dataTables_info {
    text-align: center;
    margin-bottom: 1rem;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}

.container-footer h3,
.container-footer .h3 {
    color: var(--bs-primary);
    font-weight: 600;
}

/************************************************************************************
NAVEGACION
*************************************************************************************/
/* BARRA ACCESIBILIDAD */

.altoContraste {
    -webkit-filter: invert(1);
    filter: invert(1);
    background-color: #fff;
}

@-moz-document url-prefix() {
    .altoContraste {
        mix-blend-mode: difference;
        background-color: #fff;
        filter: none;
    }
}

.accesibilidad-menu {
    background-color: var(--bs-blue);
    display: block;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 0;
    z-index: 200;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 3px #0000002b;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.accesibilidad-items {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 5px;
    width: 36px;
    margin: 0;
}

.accesibilidad-items a {
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 8px;
    transition: all .5s;
    width: 180px;
    padding: 2px 0px;
    text-decoration: none;
}

.accesibilidad-items a:hover {
    background-color: #4672c8;
    -webkit-transform: translateX(-140px);
            transform: translateX(-140px);
    padding: 2px 10px;
}

.accesibilidad-items img {
    display: flex;
    width: 26px;
    height: 26px;
    padding: 4px;
    margin: 5px 0;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.accesibilidad-items span {
    font-size: 0.8rem;
    margin-left: 10px;
}

@media only screen and (max-width: 575.98px) {
    .accesibilidad-items {
        width: 30px;
    }

    .accesibilidad-items img {
        width: 20px;
        height: 20px;
        margin: 3px 0;
    }
}

/* BARRA ACCESIBILIDAD FIN*/

header .recuadro img {
    width: 100%;
}

.logo_menu_superior, 
.menu_superior {
    background: var(--bs-primary);
    color: #fff;
}
.items_menu_superior, .buscador_menu_superior {
    display: flex;
    align-items: center;
}

.header-govco {
    padding: 8px 0;
}

@media only screen and (max-width: 991.98px) {
    .logo-men img {
        max-width: 130px;
    }
    .logo-plan-decenal img {
        max-width: 100px;        
    }
}

@media only screen and (max-width: 767.98px) {
    .logo-men img {
        max-width: 110px;
    }
    .logo-plan-decenal img {
        max-width: 90px;        
    }
}

@media only screen and (max-width: 767.98px) {
    header .logo {
        text-align:center;
    }
}

@media screen and (min-width: 1px) and (max-width: 991.98px){
    .items_menu_superior > div {
        width: 100%;
    }

    .busqueda_avanzada,
    .header-govco {
        margin: auto;
    }
}

.items_menu_superior ul {
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0;
}

.items_menu_superior ul > li {
    display: inline-block;
}

.items_menu_superior ul > li a {
    color: #fff;
    padding: 20px 15px;
    display: inline-block;
    position: relative;
    font-size: 0.875rem;
}

.items_menu_superior ul > li a:hover {
    text-decoration: none;
}

.items_menu_superior ul > li a:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    background: #f0cf37;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .items_menu_superior ul {
        margin-bottom: 20px;
    }
    .items_menu_superior ul > li {
        width: 100%;
        text-align: center;
    }
    .items_menu_superior ul > li a {
        color: #fff;
        padding: 5px 15px;
    }
}

#cuadro_busqueda {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z'/><path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    background-size: 17px;
    font-size: 0;
    width: 30px;
    height: 30px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
}

.busqueda_avanzada {
    position: relative;
    margin-left: auto;
    width: 100%;
    max-width: 350px;
}

@media screen and (min-width: 1px) and (max-width: 768px){
    .busqueda_avanzada {
        position: relative;
        margin: auto;
        margin-bottom: 20px;
    }
}

#buscador_mch {
    padding: 6px 40px 6px 16px;
    width: 100%;
    border: 1px solid #C9C9C9;
    border-radius: 5rem;
}

/*---------MENU---------*/

.main-navbar {
    padding: 0;
    background: #ededed;
    min-height: 4rem;
    box-shadow: 0px 10px 10px 5px #0000001a;
    --bs-nav-link-padding-y: 0;
}
.navbar-nav {
    --bs-nav-link-padding-y: 0;
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
}

.main-navbar .navbar-nav {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    justify-content: space-between;
}

.main-navbar .navbar-nav > .nav-item {
    height: 100%;
    padding: 1.6rem 0.5rem;
    position: relative;
}

#more-button {
    padding: .6rem;
}

.main-navbar .navbar-nav > .dropdown-toggle {
    padding: 0.5rem;
}

.main-navbar .navbar-nav > li > a {
    display: block;
    align-items: baseline;
    position: relative;
    font-size: 1rem;
    line-height: 1;
    color: #000;
    text-decoration: none;
}

.main-navbar .navbar-nav > li > a:visited {
    color: var(--bs-purple);
}

.main-navbar .navbar-nav > li:hover,
.main-navbar .navbar-nav > li.active,
.main-navbar .navbar-nav > li.active  > a,
.main-navbar .navbar-nav > li > a:hover,
.main-navbar .navbar-nav > li.active > div > a,
.main-navbar .navbar-nav > li ul li.active > a,
.main-navbar .navbar-nav .submenu > li.active p,
.main-navbar .navbar-nav > li ul li a:hover,
.main-navbar .navbar-nav > li ul li p:hover {
    background-color: var(--bs-green);
    font-weight: normal;
    text-decoration: none;
    color: #000 !important;
}

.main-navbar .navbar-nav > li > div[class^="item"] {
    display: none;
    list-style: none;
    max-width: 280px;
    min-width: 280px;
    background: #F2F2F2;
    border-bottom: solid 2px var(--bs-secondary);
}

.main-navbar .navbar-nav > li:hover > div[class*="item"],
.main-navbar .navbar-nav > li > div[class*="item"].div-hover {
    display: block;
    position: absolute;
    top: 100%;
    z-index: 500;
    padding: 0;
}

.main-navbar .navbar-nav > li:hover > div[class^="item"] ul,
.main-navbar .navbar-nav > li > div[class^="item"].div-hover ul {
    list-style: none;
    padding: 0;
}

.main-navbar .navbar-nav > li:hover:last-child > div[class^="item"],
.main-navbar .navbar-nav > li:last-child > div[class^="item"].div-hover {
    right:0;
}

.main-navbar .navbar-nav > li > ul > li {
    position: relative;
}

.main-navbar .navbar-nav > li > ul > li > ul {
    background: #ededed;
    padding: 10px 0px 10px 20px;
    list-style: none;
}

.main-navbar .navbar-nav > li ul li a,
.main-navbar .navbar-nav > li ul li p {
    display: flex;
    align-items: baseline;
    position: relative;
    font-size: 1rem;
    line-height: 1;
    color: #434343;
    text-decoration: none;
    padding: 6px 10px;
}
.main-navbar .navbar-nav > li ul li a:visited {
    color: var(--bs-purple);
}
#dropdownMenu::before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 12a.5.5...'/></svg>") no-repeat center;
    background-size: contain;
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    color: #434343;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' fill='%23000' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' fill='%23000' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/></svg>") no-repeat center / contain;
    border: 0;
    background-clip: padding-box;
    cursor: pointer;
    transition: color .2s ease;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
}

#dropdownMenu:hover,
#dropdownMenu:focus,
#dropdownMenu:active {
    color: #434343;
}
#dropdownMenu:visited {
    color: var(--bs-purple);
}

.dropdown-menu {
    --bs-dropdown-link-hover-color: #434343;
    --bs-dropdown-link-hover-bg: var(--bs-green);
    --bs-dropdown-bg: #ededed;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active {
    background-color: var(--bs-green);
}

.dropdown-oferta,
.dropdown-subitem {
    position: relative;
}

.main-navbar .navbar-nav .dropdown-oferta,
.dropdown-subitem {
    cursor: default;
}

.main-navbar .navbar-nav .dropdown-oferta P,
.main-navbar .navbar-nav .dropdown-subitem P  {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;

}

.dropdown-oferta > p:after,
.dropdown-subitem > p:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23434343' class='bi bi-caret-right-fill' viewBox='0 0 16 16'><path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/></svg>");
    background-repeat: no-repeat;
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
    vertical-align: bottom;

}

.dropdown-oferta > p:hover:after,
.dropdown-subitem > p:hover:after,
.dropdown-oferta.active > p:after,
.dropdown-subitem.active > p:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-caret-right-fill' viewBox='0 0 16 16'><path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/></svg>");
}

.item-ofertaInst,
.dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    background: #F2F2F2;
} 

.main-navbar .navbar-nav > li:nth-last-child(-n+2) .dropdown-submenu {
    transform: translateX(-100%);
    left: 0;
    right: unset;
}

.main-navbar .navbar-nav .dropdown-oferta:hover .item-ofertaInst,
.main-navbar .navbar-nav .dropdown-subitem:hover .dropdown-submenu,
.main-navbar .navbar-nav .div-hover .dropdown-subitem .dropdown-submenu,
.main-navbar .navbar-nav .dropdown-oferta .div-hover {
    display: block;
}


@media only screen and (min-width: 992px) {
    .main-navbar li#link_transparencia:hover:after,
    .main-navbar li#participacion:hover:after,
    .main-navbar li#link_transparencia.link-hover:after,
    .main-navbar li#participacion.link-hover:after,
    .main-navbar .navbar-nav > li:hover > div[class^="item"]:before,
    .main-navbar .navbar-nav > li.link-hover > div[class^="item"]:before,
    .main-navbar .navbar-nav > li > div[class^="item"].div-hover:before {
        content: "";
        display: block;
        background-repeat: no-repeat;
        width: 116px;
        height: 123px;
        margin-left: 10px;
        z-index: 500;
    }
}



@media only screen and (max-width: 991.09px) {

    #navbarSupportedContent {
        padding-bottom: 2rem;
        max-height: 80vh;
        overflow-y: auto;
    }

    .main-navbar .navbar-nav > li:hover > div[class^="item"] {
        display: none;
    }

    .main-navbar .navbar-nav > .nav-item {
        width: 100%;
    }

    #dropdownMenu::before {
        display: none;
    }

    .dropdown-menu {
        background-color: transparent;
        margin-top: 1rem !important;
    }

    .dropdown-menu .dropdown-item a {
        justify-content: center;
    }
}

/*---------MENU STICKY---------*/
    .main-navbar.fixed {
        position: fixed;
/*         max-width: 1366px; */
        left: 0;
        right: 0;
        top: 0;
        z-index: 500;
        width: 100%;
        margin: auto;
        -webkit-animation: fixed-move-down .5s;
        animation: fixed-move-down .5s;
    }

    .main-navbar.fixed .navbar-nav {
        position: relative;
        align-items: stretch;
    }

.padding-fixed {
    padding-bottom: 67px;
}

/*MENU MOVIL*/

.navbar-toggler {
    margin: 5px auto;
}

@media only screen and (max-width:991.98px) {
    .main-navbar .navbar-nav > li > div > a {
        font-size: 1.25rem;
        text-align: left;
    }
}

/*---------MIGA DE PAN---------*/

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
}

.breadcrumb p {
    margin: 0;
    color: transparent;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.miga_depan p[id^="__PlanDecenal_pa_breadcrumb_1"] {
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb a {
    color: var(--bs-gray-dark);
    font-size: .875rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: auto;
    text-decoration: none;
    max-width: 250px;
    padding-right: 25px;
    margin-right: 5px;
    position: relative;
}


.breadcrumb a:hover {
    color: var(--bs-purple);
}


.breadcrumb a.current {
    font-weight: 600;
}

/* .miga_depan a:not(:last-child):after, */
.breadcrumb a:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23BABABA' xmlns='http://www.w3.org/2000/svg'><path d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'/></svg>");
    background-size: 1.4rem;
    background-repeat: no-repeat;
    width: 1.4rem;
    height: 1.5rem;
    vertical-align: middle;
    margin: 0 5px;
    position: absolute;
    right: -7px;
}

.breadcrumb a.current:after,
#miga_transparencia a:last-child:after,
.breadcrumb > div > a:last-child:after,
.breadcrumb > div + a:after {
    display: none;
}

.mapa-sitio ul {
    list-style: none;
    padding: 0;
}

.mapa-sitio > ul > li {
    margin: 1.5rem 0;
}

.mapa-sitio > ul > li > a{
    margin: 1rem 0;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--bs-blue);
}

/************************************************************************************
COMPONETS
*************************************************************************************/

.btn-saltar:focus,
.btn-saltar:focus-visible {
    display: block;
    height: auto;
    width: auto;
    background-color: #fff;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1000;
    font-size: 1rem;
    color: #000;
    overflow: unset;
    opacity: 1;
    clip: unset;
    border-radius: 5px !important;
    padding: 5px 1rem;
}

#back-to-top {
    display: flex;
    align-items: center;
    position: fixed;
    right: 25px;
    bottom: 105px;
    z-index: 2;
    background: #3366cc;
    border: 0;
    padding: 9px;
    border-radius: 5rem;
    text-transform: initial;
    max-width: 8.1rem;
    text-align: left;
    line-height: 1.2;
    font-size: 0;
    color: transparent !important;
    transition: all .4s ;
    font-weight: normal;
}

#back-to-top:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='57.07' height='35.61' viewBox='0 0 57.07 35.61'> <polygon points='50 35.61 28.54 14.14 7.07 35.61 0 28.54 28.54 0 57.07 28.54 50 35.61' style='fill: %233366cc;'/></svg>");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    flex-shrink: 0;
}

#back-to-top:hover {
    background-color: var(--bs-blue);
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 1rem;
    color: #fff !important;
}

#back-to-top:hover:before {
    margin-right: 11px;
}

@media only screen and (max-width: 991.98px) {
    #back-to-top {
        right: 1rem;
        bottom: 2rem;
    }
}

.encuesta-menu {
    display: block;
    position: fixed;
    bottom: 10px;
    transform: translateY(-50%);
    left: auto;
    right: 20px;
    z-index: 200;
}

.encuesta-items {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    width: 36px;
    margin: 0;
}

.encuesta-items a {
    display: flex;
    align-items: center;
    background-color:#F2F2F2;
    line-height: 1.3;
    width: 195px;
    padding: 8px 15px;
    text-decoration: none;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border: 1px solid rgba(75,75,75,.2);
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);
    -webkit-transition: all .6s;
    transition: all .6s;
}

.encuesta-items a:hover {
    -webkit-transform: translateX(-140px);
    transform: translateX(-140px);
 
}

.encuesta-items img {
    width: 26px;
    height: 26px;
    margin: 5px 0;
}

.encuesta-items span {
    font-size: 1rem;
    margin-left: 10px;
}

.encuesta-items  .govco-icon-check-n  {
    font-size: 1.8rem;
    margin: 0;
}

.menu-collapsed ul,
.menu-collapsed .ui-effects-wrapper ul,
.menu-lateral-seccion > ul,
.menu-lateral > ul {
    list-style: none;
    padding: 0;
}

.menu-collapsed > ul > li {
    position: relative;
}

.menu-lateral-seccion .titulo-grupo {
    margin: 0;
}

.menu-collapsed > ul > li > a,
.menu-lateral-seccion > ul > li > a,
.menu-lateral > ul > li > a,
.menu-lateral-seccion .titulo-grupo a,
.menu-lateral-seccion .accordion-button {
    font-weight: 500;
    display: block;
    border: 1px solid #e6effd;
    color: var(--bs-blue);
    padding:10px 25px 10px 15px;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 0 !important;
}

.menu-collapsed > ul > li > a:hover,
.menu-lateral-seccion > ul > li > a:hover,
.menu-lateral > ul > li > a:hover,
.menu-lateral-seccion .titulo-grupo a:hover,
.menu-lateral-seccion .accordion-button:hover {
    background-color: #E6EFFD;
    color: var(--bs-blue);
}

.menu-collapsed > ul > li.active > a,
.menu-collapsed > ul > li.active > ul > li.active a,
.menu-lateral-seccion > ul > li > a.active,
.menu-lateral-seccion > ul > li.active > a,
.menu-lateral > ul > li > a.active,
.menu-lateral > ul > li.active > a,
.menu-lateral-seccion .titulo-grupo a.active,
.menu-lateral-seccion .panel-default.active > .panel-heading > .titulo-grupo > a,
.menu-lateral-seccion .accordion-button:not(.collapsed) {
    background-color: var(--bs-blue);
    color: #fff !important;
}

.menu-collapsed > ul > li > a,
.menu-lateral-seccion .accordion-toggle {
    display: block;
    position: relative;
    padding-right: 30px;
}

.menu-collapsed .expandir,
.menu-collapsed .contraer {
    display: block;
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 10;
    width: 12px;
    height: 8px;
}

.menu-collapsed .expandir a,
.menu-collapsed .contraer a {
    font-size: 0;
}

.menu-collapsed .expandir a:after,
.menu-collapsed .contraer a:after {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' viewBox='0 0 30 20'><polygon points='29.72 5.01 24.98 0.27 15 10.25 5.02 0.27 0.28 5.01 15 19.73 29.72 5.01' style='fill: %23004884'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 8px;
}

.menu-lateral-seccion .accordion-toggle:after,
.accordion-header .accordion-button:after {
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' viewBox='0 0 30 20'><polygon points='29.72 5.01 24.98 0.27 15 10.25 5.02 0.27 0.28 5.01 15 19.73 29.72 5.01' style='fill: %23004884'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.menu-collapsed .contraer a:after,
.menu-lateral-seccion .accordion-toggle[aria-expanded="true"]:after,
.menu-lateral-seccion .accordion-button:not(.collapsed):after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-lateral-seccion .panel-default.active > .panel-heading > .titulo-grupo > a:after,
.menu-collapsed > ul > li.active > a:after,
.menu-lateral-seccion .active.accordion-toggle:after,
.menu-lateral-seccion .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' viewBox='0 0 30 20'><polygon points='29.72 5.01 24.98 0.27 15 10.25 5.02 0.27 0.28 5.01 15 19.73 29.72 5.01' style='fill: %23fff'/></svg>");
}

.menu-collapsed .ui-effects-wrapper ul,
.menu-collapsed > ul > li > ul,
.menu-lateral-seccion .panel-collapse,
.menu-lateral-seccion .accordion-body {
    border: 1px solid #e6effd;
    padding: 10px 0;
}

.menu-lateral-seccion .panel-collapse .menu-lateral-seccion {
    margin: 0 !important;
} 

.menu-collapsed .ui-effects-wrapper a,
.menu-collapsed > ul > li > ul > li > a,
.menu-lateral-seccion .panel-collapse .titulo a,
.menu-lateral-seccion .accordion-header + .grupo .accordion-body a {
    display: block;
    font-size: 0.875rem;
    text-decoration: none;
    color: var(--bs-blue);
    padding: 5px 15px 5px 30px;
}

.menu-lateral-seccion .panel-collapse .titulo a:hover,
.menu-lateral-seccion .accordion-header + .grupo .accordion-body a:hover {
    background-color: #E6EFFD;
    color: var(--bs-blue);
}

.menu-lateral-seccion .panel-collapse .active .titulo a {
    background-color: var(--bs-blue);
    color: #fff;
}

.menu-lateral-seccion .expandir,
.menu-lateral-seccion .contraer {
    display: none !important;
}

.share {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.share a {
 margin-right: .5rem;
}

.carousel {
    height: 37rem;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex;
}

.carousel-secondary img {
    width: 100%;
    height: auto;
    border-radius: .75rem;
    box-shadow: 0 3px 5px #00000029;
}

.carousel-secondary .recuadro{
    min-height: 320px;
}

.carousel .slide-title {
    display: flex;
    align-items: center;
/*     padding-left: 7rem; */
    font-size: var(--h4);
}

.carousel .slide-title a {
    color: var(--bs-primary);
    text-decoration: underline;
    font-weight: 600;
}

.carousel .slide-title a:hover {
    color: var(--bs-green)
}

.carousel .img-fluid-div img {
    width: 100%;

}

.carousel ol li:before {
    display: none;
}

.carousel-control-next, .carousel-control-prev {
    width: 35px;
    opacity: 1;
}

.carousel-control-next{
    justify-content: flex-end;
    padding-left: 15px;
    right: -35px;
}
.carousel-control-prev {
    justify-content: flex-start;
    padding-right: 15px;
    left: -35px;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid var(--bs-primary);
    opacity: 1;
    border-radius: 50%;
    box-shadow: 2px 2px 3px #00488463;
}

.carousel-indicators .active {
    background-color: var(--bs-purple);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    height: 32px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%2393278F' xmlns='http://www.w3.org/2000/svg'><path d='M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z'/></svg>");
    background-size: 3rem;
    padding-right: 10px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%2393278F' xmlns='http://www.w3.org/2000/svg'><path d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'/></svg>");
    background-size: 3rem;
    padding-left: 10px;
}

.carousel-secondary .carousel-control-next-icon, .carousel-secondary .carousel-control-prev-icon {
    background-color: #ffffff9e;
    border-radius: 50%;
    padding: 16px;
    height: auto;
}

.carousel-secondary .carousel-control-next-icon,
.carousel-secondary .carousel-control-prev-icon {
    background-size: 2rem;
}

.carousel-secondary .carousel-control-next:hover .carousel-control-next-icon,
.carousel-secondary .carousel-control-prev:hover .carousel-control-prev-icon {
    background-color: #fff;
}

.carousel .ntg-button {
    background: transparent;
    border: none;
    padding: 2px;
    position: absolute;
    bottom: 0;
    left: 40px;
    z-index: 10;
    margin: 1rem;
    border-radius: 50%;
}
.carousel .ntg-button:focus {
    outline: none;
    border-radius: 50%;
}

.carousel-secondary .ntg-button {
    display: none;
}

.carousel .binary-foto_marquesina img {
    border-radius: 0px;
}

.carousel .slide-title a {

    padding-left: 15px;
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 5;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.slider_principal .carousel-control-next{
    justify-content: flex-end;
    padding-left: 15px;
    right: 15px;
}
.slider_principal .carousel-control-prev {
    justify-content: flex-start;
    padding-right: 15px;
    left: 15px;
}

.slider_principal .img-fluid-div {
    overflow: hidden;
    max-height: 228px;
    padding: 0;
}

.slider_principal > .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.slider_principal .carousel-item .titulo-div {
    position: unset;
    border-bottom: solid 2px var(--bs-red);
}

#preview_otras_carrusel_graficas .recuadro {
    padding: 2rem 2rem 1rem;
    background-color: white;
}
#preview_otras_carrusel_graficas .recuadro .titulo,
#preview_otras_carrusel_graficas .recuadro .anio {
    width: 111%;
    height: 3rem;
    color: black;
    justify-self: center;
    padding: 0.75rem 3.5rem 0.5rem;
}
#preview_otras_carrusel_graficas .recuadro .titulo {
    background-color: var(--bs-green);
}
#preview_otras_carrusel_graficas .recuadro .anio {
    background-color: var(--bs-white);
}


.slider-v2 .recuadro {
    position: relative;
    width: 100%;
}

.slider-v2 .figure {
    overflow: hidden;
    max-height: 400px;
    width: 100%;
    margin-bottom: 45px;
}

.slider-v2 img {
    width: 100%;
}

.slider-v2 .titulo {
    font-size: 1.5rem;
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 40px 65px 40px;
    background-color: #004884c9;
}

.slider-v2 .titulo a {
    color: #fff;
    text-decoration: none;
}

.slider-v2 .titulo a:hover {
    text-decoration: underline;
}

.slider-v2 .carousel-indicators {
    margin-bottom: 15px;
    margin-top: 15px;
}

.slider-v2 .carousel-indicators li {
    border: 2px solid #fff;
}

.slider-v2 .carousel-indicators .active {
    background-color: #fff;
}

.slider-v2.carousel .ntg-button {
    left: 33px;
    margin-bottom: 11px;
    margin-top: 10px;
}

@media only screen and (min-width: 992px) {    
    .carousel-control-next-icon, 
    .carousel-control-prev-icon {
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .carousel-control-next-icon:hover, 
    .carousel-control-prev-icon:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .slider_principal.carousel .slide-title {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 1042px;
    }

    .slider_principal.carousel .slide-title a {
        padding-right: calc(50% + 30px);
    }
}

 @media only screen and (min-width: 1440px) {

    .slider_principal .img-fluid-div {
        max-height: 280px;
    }
} 

@media only screen and (min-width: 1920px) {
    .slider_principal .img-fluid-div {
        max-height: 350px;
    }
}

@media only screen and (max-width: 991.98px) {
    .carousel {
        padding-bottom: 0;
    }

    .slider_principal .carousel-item {
        min-height: 200px;
    }

    .carousel .slide-title {
        padding: 2rem 4rem;
        justify-content: center;
        font-size: 1.2rem;
        min-height: 12rem;
    }

    .slider_principal .img-fluid-div {
        max-height: 220px;
    }

    .carousel .slide-title + .text-right {
        text-align: center !important;
    }

    .slider-v2 .carousel-inner {
        padding-bottom: 0;
    }

    .slider-v2 .figure {
        margin-bottom: 0;
        max-height: 240px;
    }

    .slider-v2 .titulo {
        position: static;
        width: 100%;
        background-color: var(--bs-blue);
    }

    .slider-v2 .titulo a {
        height: 7rem;
        max-height: 6.4rem;
        overflow: hidden;
        display: block;
        -webkit-line-clamp: 3;
        display: box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .slider-v2 .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z'/></svg>");
        background-size: 3rem;
    }
    
    .slider-v2 .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'/></svg>");
        background-size: 3rem;
    }
}
@media only screen and (max-width: 767.98px) {
    .carousel .slide-title {
        min-height: 18rem;
        padding: 1.5rem;
    }

    .slider_principal.carousel .slide-title {
        padding: 0;
    }

    .slider_principal .img-fluid-div {
        max-height: 120px;
    }

    .slider-v2 .figure {
        max-height: 180px;
    }
}

@media only screen and (max-width: 575.98px) {
    .slider-v2 .figure {
        max-height: 115px;
    }
    .slider-v2 .titulo {
        font-size: 1.25rem;
        padding-right: 15px;
        padding-left: 15px;
    }

    .slider-v2 .titulo a {
        max-height: 5.4rem;
    }

    .slider-v2 .carousel-indicators {
        margin-bottom: 23px;
    }

    .slider-v2 .carousel-control-prev-icon,
    .slider-v2 .carousel-control-next-icon {
        background-size: 2rem;
    }
}

.ntg-pause,
.ntg-play {
    display: flex;
    color: var(--bs-primary);
    align-items: center;
}
.ntg-pause span,
.ntg-play span {
    font-size: 0.85rem;
    font-weight: 600;
}
.fa-play,
.fa-pause {
    line-height: 0;
    display: block;
}
.fa-pause:before,
.fa-play:before {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
}
.fa-pause:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23154A8A' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z'/></svg>");
}
.fa-play:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23154A8A' xmlns='http://www.w3.org/2000/svg'><path d='M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>");
}

@media only screen and (max-width:991.98px) {
    .carousel-control-next, .carousel-control-prev {
        align-items: flex-end;
        padding-bottom: 15px;
        width: 70px;
    }
    .carousel .ntg-button {
        bottom: auto;
        top: 0;
        margin: 0;
    }
}

.btn-primary:visited,
.btn-secondary:visited {
    color: #fff;
}

.btn-primary:hover {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
}

.btn-info,
.btn-default,
.btn-primary,
.div-btn a {
    display: inline-block;
    font-weight: 400;
    color: var(--bs-primary);
    text-align: center;
    vertical-align: middle;
    user-select: none;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem 1.4rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-info,
.btn-default,
.btn-primary,
.div-btn-primary a {
    color: var(--bs-green) !important;
    background-color: var(--bs-purple);
    border-color: var(--bs-purple);
}
.div-btn-secondary a {
    color: #fff;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
}

#btn_limpiar_799 {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary);
    background-color: transparent;
    font-weight: 600;
}

#btn_limpiar_799,
.btn-outline-primary {
    border-width: 2px;
}

#btn_limpiar_799:hover,
.btn-outline-primary:hover {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
    color: #fff !important;
}

.btn-info:hover,
.btn-default:hover,
.btn-primary:hover,
.div-btn-primary a:hover {
    background-color: var(--bs-green);
    border-color: var(--bs-green);
    text-decoration: none;
    color: var(--bs-gray-dark) !important;
}
.div-btn-secondary a:hover {
    background-color: var(--bs-blue);
    text-decoration: none;
    color: white;
    border-color: var(--bs-blue);
}

.div-btn-border a {
    color: #fff;
    background-color: transparent;
    border-color: white;
}

.div-btn-border a:hover {
    background-color: white;
    text-decoration: none;
    color: var(--bs-blue) !important;
}

.botones {
margin-top:60px;
margin-bottom: 20px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.botones a {
    padding: 5px 10px;
    margin: 5px 1px;
    border-radius: 3px;
    color: inherit;
    text-decoration: unset;
    text-transform: none;
    text-align: center;
}

.botones a:hover{
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);
}

.share .icon-check {
    display: inline-flex;
    align-items: center;
}

.icon-check .govco-icon-check-cn {
    margin-right: 6px;
    font-size: 2rem;
    color: var(--bs-primary);
}

.icon-check:hover .govco-icon-check-cn {
    color: var(--bs-green);
}

button[aria-expanded="true"].btn-abrir-filtros:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px;
}

.card {
    border-radius: 5px;
    overflow: hidden;
    height: calc(100% - 2rem);
    border: 1px solid #e6effd;
    margin-bottom: 2rem;
}

.card:hover {
    border: 1px solid var(--bs-blue);
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);
}

.card .figure {
    margin-bottom: 1rem;
}

.card .figure img {
    border-radius: 0; 
    width: 100%;
    height: auto;  
}

.recuadros-links .card {
    flex-direction: row;
    align-items: center;
    padding: 1rem;
}

.recuadros-links .card .figure img {
    width: auto;
    max-width: 100%;
    height: auto;
    min-width: 52px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
-webkit-filter: grayscale(1);
        filter: grayscale(1);
}

.recuadros-links .card .figure {
    margin-bottom: 0;
    margin-right: 1rem;
}

.fuente,
.fecha {
    font-size: .85rem;
    margin-bottom: 8px;
    color: #4b4b4b;
    width: 100%;
}

div[class*=binary-foto] .fuente {
    display: block;
    width: auto !important;
    font-style: italic;
    background-color: #ebebeb;
    padding: 0 10px;
}

.card .fecha {
    padding: 0 1rem;
    margin-bottom: 8px;
    font-size: .85rem;
}

.card .titulo {
    padding: 0 1rem 1rem 1rem;
}

.card .content-card {
    padding-left: 15px;
    padding-right: 15px;
}   

.card a {
    text-decoration: underline;
    font-weight: 600;
}

.ateCiud-card > * {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.ateCiud-card .caption {
    width: auto !important;
}

.ateCiud-card {
    position: relative;
    margin-bottom: 1.5rem;
    text-align: center;
}

.ateCiud-card img {
    width: 100%;
    height: auto;
    max-width: 150px;
}

.ateCiud-card a {
    display: block;
}

.ateCiud-card a:nth-child(2) {
    font-size: 1rem;
    margin: 1em;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
} 

.ateCiud-card:before {
    content: "";
    position: absolute;
    top:0;
    bottom:0;
    left: 15px;
    right: 15px;
    background-color: #fff;
    border: 1px solid #e6effd;
    border-radius: 5px;
}

.ateCiud-card:hover:before {
    border: 1px solid #004884;
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);
}

.card-consulta {
    padding-left: 80px;
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.card-consulta > a:first-child {
    position: absolute;
    width: 45px;
    height: auto;
    left: 15px;
    border-right: solid 2px var(--bs-secondary);
    padding-right: 5px;
}

.card-consulta > a:nth-child(2) {
    font-weight: 600;
    padding-top: 5px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: var(--h4);
}

.card-consulta img {
    width: 100%;
    height: auto;
}

.card-consulta .caption {
    width: auto !important;
}

.card-consulta:after {
    content: "";
    display: block;
    border-bottom: solid 1px #b5b5b5;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
}

@media only screen and (max-width: 767.98px) {
    .formulario {
        padding: 16px;
    }

    .more_news {
        text-align: center !important;
    }
}

.formulario fieldset > div {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.formulario .tituloencuesta {
    position: relative;
    padding: 0;
    padding-bottom: 5px;
    font-size: 2rem;
    font-weight: 600;
    color: var(--bs-blue);
}

.formulario  ul {
    padding: 0;
}

.formulario label {
    font-weight: 600;
    color: var(--bs-blue);
}

.formulario .form-control {
    width: 100%;
    height: auto;
    margin-right: 8px;
    margin-top: 3px;
}

.formulario textarea.form-control {
    border-radius: 5px;
}

.formulario .form_text .alert-warning + input {
    border-bottom: 1.5px solid #dc3545;
}

.formulario .form_select ul {
    margin-top: 1rem;
}

.formulario .form_select ul li {
    display: flex;
    align-items: baseline;
    margin-bottom: 1rem;
    font-size: 1rem;
    position: relative;
    padding-left: 23px;
    padding-bottom: 8px;
    color: var(--bs-blue);
    border-bottom: 1px solid #E6EFFD;
}

.formulario input[type=checkbox], 
.formulario input[type=radio] {
    position: absolute;
    left: 0;
    top: 0.25rem;
    opacity: 0;
    z-index: 1;
    height: 16px;
    width: 16px;
}

.formulario input[type=radio] + span:before,
.formulario input[type=checkbox] + span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .25rem;
    color: #fff;
    background-color: transparent;
    border: solid 2px var(--bs-blue);
}

.formulario input[type=radio] + span:before {
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.formulario  input[type=radio]:checked + span:after {
    content:"";
    display:block;
    width: 8px;
    height: 8px;
    background-color: var(--bs-blue);
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 8px;
}

.formulario input[type=checkbox] + span:before {
    height: 20px;
    width: 20px;
    border-radius: 5px;
}

.formulario input[type=checkbox]:checked + span:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23004884' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z'/></svg>");
    background-repeat: no-repeat;
    background-size: 1.4rem 1.4rem;
    background-position: center;
}

.formulario .form_button .btn-default {
    display: block;
    background-color: var(--bs-primary);
    color: #fff;
    border-radius: 3rem;
    margin: auto;
    margin-top: 1rem;
    padding: .375rem 1.4rem;
}

.formulario .form_button .btn-default:hover {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
}

.formulario .form_captcha {
    overflow: hidden;
}

.formulario .form_captcha > div > div  {
    margin: auto;
}

form.ntg_busqueda {
    text-align: center;
    background: #d8d8d8;
    padding: 15px;
}

form.ntg_busqueda .orden input {
    margin-left: 17px;
    margin-right: 10px;
    height: 15px;
    width: 15px;
}

form.ntg_busqueda .orden label {
    margin: 0;
}

.gj-datepicker {
    padding: 20px 0;
}

.tags {
    font-size: 0.875rem;
    color: var(--bs-secondary);
    margin-bottom: 10px;
    font-weight: 500;
}

.tags > span {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid var(--bs-primary);
}

.tags > span:last-of-type {
    border-right: none;
}

form .alert-warning {
    background: transparent;
    color: #dc3545;
    font-size: .85rem;
    padding: 0;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    font-weight: normal;
}

form .alert-warning:before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' class='bi bi-exclamation-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    margin-right: 10px;
}

form .alert-warning + input,
form .alert-warning + select {
    box-shadow: 0 0 6px #dc3545;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 35px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.formulario select,
.select-filtros select,
select.form-control {
    padding: 7px 28px 7px 16px;
    border-radius: 5px;
    margin-bottom: 1rem;
    background: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' viewBox='0 0 30 20'><polygon points='29.72 5.01 24.98 0.27 15 10.25 5.02 0.27 0.28 5.01 15 19.73 29.72 5.01' style='fill: %230066CD'/></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-size: 9px;
}

.formulario input[type=text],
.input-filtros input {
    padding: 7px 16px;
    border-radius: 5px;
    margin-bottom: 1rem;
    background: #fff;
}

/* #limpiarFiltros {
    color: #fff;
    background-color: #5d90cc;
    border-color: #5d90cc;
    font-weight: 100;
    border-radius: 0;
} */

#filtroBuscar {
    color: #fff;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    font-weight: 100;
    border-radius: 0;
}

.filtros-desplegados .gj-datepicker-bootstrap [role=right-icon] button:hover,
.filtros-desplegados .gj-datepicker-bootstrap [role=right-icon] button {
    background: var(--bs-secondary);
    height: 38px;
    color: #fff;
    border: 1px solid var(--bs-secondary) !important;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 0 22px;
}

#form_filtros {
    box-shadow: 1px 1px 4px 0px #154a8a54;
}

#form_filtros select {
    border-radius: 5px;
    margin-bottom: 0;
}

/* select.form-control {
    appearance: auto;
} */

.bajardoc,
.bajardoc-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70px auto;
        grid-template-columns: 70px auto;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    padding: 28.8px 0;
    padding: 1.8rem 0;
    width: 100%;
    text-align: left;

}
.bajardoc:not(:last-child),
.bajardoc-grid:not(:last-child) {
    border-bottom: 1px solid #E7E7E7;
}

.bajardoc a:first-child,
.bajardoc-grid a:first-child {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}
.bajardoc a:nth-child(2),
.bajardoc-grid a:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.bajardoc-grid .fecha {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    -ms-flex-item-align: start;
        align-self: flex-start;
}

.bajardoc-grid .abstract {
    grid-column: 2 / 3;
}

/* .bajardoc, .item_descarga {
    display: flex;
    width: 100%;
    padding-bottom: 30px;
    margin: 30px 0;
    border-bottom: 1px solid #E7E7E7;
} */

.paginador-primary .prev, 
.paginador-primary .next, 
.paginador-primary .ant, 
.paginador-primary .sig, 
.paginador-primary .controls, 
.paginador-primary .boton {
    display: none;
}

.paginador-primary .titulo {
    display: block;
    width: 100%;
    margin-top: 1.5rem;
}

.paginador-primary .recuadro{
    border-bottom: 2px solid rgba(157,190,255,.3);
    padding-bottom: 1.5rem;
}

#paginador_portadilla {
    margin-top: 3rem;
}

#paginador_portadilla .filtrar.category > span {
    display: block;
}

#paginador_portadilla .filtrar.category > span:first-child {
    font-weight: bold;
    margin-bottom: .5rem;
}

#paginador_portadilla .filtrar.category > span:last-child {
    padding-left: 20px;
}

#paginador_portadilla .titulo-grupo {
    font-weight: 600;
}

#paginador_portadilla.ui-accordion h4.titulo-grupo {
    font-weight: 500;
}

#paginador_portadilla.ui-accordion h4.titulo-grupo a {
    color: var(--bs-blue);
}

#paginador_portadilla.ui-accordion h4.titulo-grupo a:hover {
    color: var(--bs-green);
}

#paginador_portadilla.ui-accordion h4.titulo-grupo a:visited {
    color: var(--bs-info);
}

#paginador_portadilla .titulo-grupo img {
    margin-right: 10px;
    vertical-align: text-bottom;
}

#paginador_portadilla.ui-accordion .titulo-grupo img {
    margin-left: -25px;
}

#paginador_portadilla .grupo a:visited {
    color: var(--bs-info);
}

#paginador_portadilla .grupo a:hover {
    color: var(--bs-green);
}

#paginador_portadilla > h3 + div {
    padding-left: 70px;
    width: 100%;
}

#paginador_portadilla > h3 + div > h4 {
    font-size: 1.25rem;
}

#paginador_portadilla > h3 + div > h4 + div {
    margin-bottom: 1rem !important;
} 

#paginador_portadilla .filtrar.category + .title {
    padding-left: 15px;
    font-weight: normal !important;
    font-weight: bold !important;
    font-size: 1rem;
}

#paginador_portadilla .filtrar.category + .title a {
    font-size: 1rem;
    font-weight: normal;
}

#paginador_portadilla .filtrar.category + .title + .body ul {
    list-style: none;
    padding-left: 30px;
}

@media only screen and (max-width: 767.98px) {
    #paginador_portadilla.ui-accordion > h3 + div {
        padding: 15px;
    }

    #paginador_portadilla > h3 + div {
        padding-left: 30px;
    }

    #paginador_portadilla > h3 + div {
        border-bottom: solid 1px;
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    #paginador_portadilla.ui-accordion > h3 + div {
        border-bottom: none;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.ui-accordion .ui-accordion-header {
    padding: 20px 50px 20px 40px;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 600;
    position: relative;
    border: 1px solid #e6effd;
    cursor: pointer;
    margin: 0;
}

.ui-accordion .ui-accordion-header:before  {
    content: "";
    display: block;
    width: 18px;
    height: 12px;
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' viewBox='0 0 30 20'><polygon points='29.72 5.01 24.98 0.27 15 10.25 5.02 0.27 0.28 5.01 15 19.73 29.72 5.01' style='fill: %23004884'/></svg>");
    background-size: 18px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-accordion .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header:hover,
.ui-accordion .ui-accordion-header:focus-visible  {
    background-color: #E6EFFD;
    outline: none;
}

.ui-accordion .ui-accordion-content {
    display: block;
    padding: 30px 40px;
    clear: both;
    background: #e5eefb;
    margin: 0;
}

.ui-accordion .ui-accordion-content table td {
    border-bottom:1px solid #D4D5D5 !important;
}

.ui-accordion .ui-accordion-content table thead th {
    background-color: #F2F2F2 !important;
}

.ui-accordion .ui-accordion-content + p {
    margin-top: 1.8rem;
}

.ui-accordion .ui-accordion-content h4 {
    font-size: 1rem;
}

.ui-accordion .ui-accordion-content .figure {
    text-align: center;
}

.ui-accordion .ui-accordion-header > span img {
    margin-right: 10px;
}

.ui-accordion ul li {
    position: relative;
    margin-bottom: 12px;
    text-align: left !important;
}

.ui-accordion ol {
    list-style-type: none;
    list-style-position: outside;
    margin-left: 0;
    counter-reset: item;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ui-accordion ol li {
    padding-left: 0;
    position: relative;
}

.ui-accordion ol li:before {
    content: counter(item,decimal) ".";
    counter-increment: item;
    display: inline-block;
    position: absolute;
    left: -20px;
    top: 3px;
    color: var(--bs-primary);
}

.ui-accordion table {
    overflow-x: auto;
    width: 100%;
    display: block;
    background-color: #fff;
}

.ui-accordion table td,
.ui-accordion table th {
    padding: 10px;
}

.ui-accordion table th {
    color: var(--bs-blue);
}

/* .ui-accordion table {
    margin-top: 0;
    margin-bottom: 0;
} */

.ui-accordion table p {
    font-size: 0.875rem;
}

ul.nav-pills,
ul.nav-tabs,
.ui-tabs-nav {
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    border-bottom: 1px solid #e6effd;
}

@media only screen and (min-width: 992px) {
    
    ul.nav-pills li,
    ul.nav-tabs li,
    .ui-tabs-nav li,
    .ui-tabs-nav li {
        max-width: 33.33333%;
        min-width: 85px;
    }
}

ul.nav-pills li a,
ul.nav-tabs li a.nav-link,
.ui-tabs-nav li a.nav-link,
.ui-tabs-nav li a {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: .25rem .25rem 0px 0px;
    color: var(--bs-blue);
    border: 1px solid #e6effd;
    background-color: #fff;
    padding: 5px 15px;
    margin: 5px 10px -2px 0;
    text-align: center;
}

ul.nav-pills li a:hover,
ul.nav-pills li.active a,
ul.nav-tabs li a.nav-link:hover,
ul.nav-tabs li a.nav-link.active,
.ui-tabs-nav li a:hover,
.ui-tabs-nav li.ui-state-active a {
    border-color: #e6effd;
    border-bottom: 2px solid var(--bs-blue);
    background-color: #e6effd;
    font-weight: 700;
    color: var(--bs-blue);
}

.nav-tabs .nav-item {
    margin-bottom: 0;
}

.tab-content p {
    word-break: break-word;
}

div[id*="pills_group_pvid"] {
    background-color: #F6F8F9;
    padding: 1rem;
    margin-top: -20px;
}

.tabs-normas > h3,
.tabs-normas > div > h4 {
    display: none;
}
  
.pagination {
    justify-content: center;
    margin-top: 2rem;
}

.pagination a {
    padding: .5rem 1rem;
    border-radius: 6px;
    font-weight: 600;
    color: var(--bs-primary);
    text-decoration: none;
}

.pagination li.active a {
    background-color: var(--bs-primary);
    color: #fff;
}

.pagination li a:hover {
    background-color: #e5eefb;
    text-decoration: none;
    color: var(--bs-primary);
}

.pagination .current a {
    color: #fff;
    background-color: var(--bs-info);
}

ul.pagination li:before {
display: none;
}

.fa-angle-left:before {
    content: "Anterior";
    font-weight: normal;
    text-decoration: underline;
}

.fa-angle-right:before {
    content: "Siguiente";
    font-weight: normal;
    text-decoration: underline;
}

.modal-content .modal-body img {
    width: 100%;

}

a.link_modal {
    position: relative;
}

a.link_modal:hover:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23004884' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z'/><path d='M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z'/><path fill-rule='evenodd' d='M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

a.link_modal:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 0.5;
}

#calendarModal table {
    width: 100%;
    margin-top: 2rem;
}

#calendarModal table td, 
#calendarModal table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #004884;
}

#calendarModal table thead {
    background-color: #004884;
    color: white;
    border: 0px;
    text-align: left;
}

#calendarModal table thead th {
    color: white;
}

.agenda-lateral .ntg-titulo-caja {
    font-size: 1.5rem;
}

.agenda-lateral .recuadro {
    margin-top: 1.3rem;
    padding-top: 1.3rem;
    border-top: solid 1px var(--bs-blue);
}

.agenda-lateral .fecha_agenda:before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23004884' class='bi bi-calendar-week' viewBox='0 0 16 16'><path d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/><path d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.lateral-banners .binary-banner img,
.lateral-banners .binary-banner {
    width: 100%;
}

.boletin img {
    width: 100%;
    max-width: 100%;
    height: auto;
    
}

.boletin .caption,
.boletin .fuente {
    width: auto !important;
}

.boletin .banner {
    margin: 1rem 0;
}

.redes-boletin span[class*="icon-"]:before {
    width: 2.5rem;
    height: 2.5rem;
    background-size: 1.2rem;
}

.boletin .figure > div > div > a {
    font-size: 1.25rem;
    font-weight: bold;
}

/************************************************************************************
UTILIDADES
*************************************************************************************/

.articulo {
    max-width: 700px;
    margin: auto;
}

.separador .recuadro {
    padding-top: 2rem;
    position: relative;
}

.separador .recuadro:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    right: 1rem;
    left: 5rem;
    height: 5px;
    background-color: var(--bs-purple);
}

.separador .figure {
    position: relative;
    margin-top: -5rem;
}

@media only screen and (max-width: 767.98px) {
    .separador .recuadro:before {
        right: 1rem;
        left: 1rem;
    }

    .separador .figure {
        margin-top: 0;
    }
}

.boton-ampliar {
    position: relative;
}

.boton-ampliar:before {
content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    transform: translateY(-100%);
}

@media only screen and (max-width: 767.98px) {    
    .boton-ampliar,
    .boton-cerrar {
        text-align: center;
    }
}

.hidden-anio h2:first-child {
    display: none;
}

.articulo .pull-left {
    float: left;
}

.articulo .pull-right {
    float: right;
}

.articulo .margen-right-md {
    margin-right: 1.5rem !important;
}

.articulo .margen-left-md {
    margin-left: 1.5rem !important;
}

.articulo .margen-right-xs {
    margin-right: 1rem !important;
}

.articulo .margen-left-xs {
    margin-right: 1rem !important;
}

.titulo-caja {
    font-size: 2rem;
    color: var(--bs-blue);
    line-height: 1.4;
    font-weight: 600;
}

.hover-scale {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hover-scale:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.bg-gray {
    background: #e6e6e6;
}

.bg-blue-light {
    background-color: #F6F8F9;
}

.bg-blue-light-02 {
    background: var(--bs-gray);
}

.bg-cyan-light {
    background-color: #E6EFFD;
}

.bg-blue {
    background: var(--bs-blue);
    z-index: 0;
    clear: both;
}

.ntg-titulo-mb .ntg-titulo-caja {
    margin-bottom: 1.5rem!important;
}

.ntg-titulo-h3 .ntg-titulo-caja {
    font-size: var(--h3);
}

.ntg-titulo-col-12 .ntg-titulo-caja {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 1.5rem!important;
}

.clearfix {
    clear: both;
}

.container-xl {
    max-width: 1200px; 
} 

.container-sm {
    max-width: 800px;
} 

.flotar_izquierda a:nth-child(3),
.flotar_derecha a:nth-child(3) {
    display: none;
}

.flotar_izquierda {
    float: left !important;
    width: auto !important;
}

.flotar_derecha {
    float: right !important;
    width: auto !important;
}

.flotar_izquierda img, 
.flotar_derecha img {
    padding: 1rem;
}

.figure-100 img,
.img-fluid-div img {
    max-width: 100%;
    height: auto;
}

.img-w-100 img{
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 767.98px) {
    .flotar_izquierda {
        float: none !important;
        width: 100% !important;
    }
    
    .flotar_derecha {
        float: none !important;
        width: 100% !important;
    }
}

.recuadros-lista .recuadro {
    border-bottom: 1px solid #e6effd;
    margin-top: 10px;
}

.recuadros-lista .recuadro:hover {
    border-bottom: 1px solid var(--bs-blue);
}

.recuadros-lista .recuadro .titulo {
    font-size: var(--h4);
}

.recuadros-lista .recuadro a {
    text-decoration: none;
    
}   

.titulo-line-left,
.ntg-titulo-line-left .ntg-titulo-caja {
        border-left: solid 8px var(--bs-green);
        line-height: 1.2;
        padding-left: 10px;
}

.text-lines-4,
.text-lines-3,
.text-lines-2,
.text-lines-1,
.a-text-lines-4 a,
.a-text-lines-3 a,
.a-text-lines-2 a,
.a-text-lines-1 a {
    display: inline-block;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.text-lines-4,
.a-text-lines-4 a{
    -webkit-line-clamp: 4;
}
.text-lines-3,
.a-text-lines-3 a{
    -webkit-line-clamp: 3;
}
.text-lines-2,
.a-text-lines-2 a{
    -webkit-line-clamp: 2;
}
.text-lines-1,
.a-text-lines-1 a{
    -webkit-line-clamp: 1;
}

.youtube-shorts.embed-responsive,
.video-tiktok {
    width: 35%;
    margin: 1rem auto;
}

.youtube-shorts.embed-responsive:before,
.video-tiktok.embed-responsive:before {
        padding-top: 178.25% !important;
}

.video-tiktok.embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video_izquierda .embed-responsive {
    float: left;
    margin: 0 1rem 1rem 0;
}

.video_derecha .embed-responsive {
    float: right;
    margin: 0 0 1rem 1rem;
}

@media only screen and (max-width: 470px) {
    .youtube-shorts.embed-responsive,
    .video-tiktok.embed-responsive {
        width: 100%;
        margin: 1rem 0;
    }
}

.sticky-recurso {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

/************************************************************************************
HOME
*************************************************************************************/

.home-video {
    background-image: url(channels-982_titulo_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.home-video .recuadro {
    max-width: 1320px;
    margin: auto;
}

.home-especial .card-esp {
    background-color: #fff;
    padding: 2rem 1rem;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);
    margin: 0;
}

.home-articulo-especial > p {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.home-articulo-especial > p:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.home-articulo-especial .ytb-embed {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.destacado-col-6 {
    align-self: center;
}

.inverted {
    background-color: var(--bs-purple);
}
.inverted a {
    color: var(--bs-green);
}
.inverted a:hover {
    color: var(--bs-white);
}
.inverted .descripcion {
    color: var(--bs-white);
}

.inverted ul li::marker {
    color: var(--bs-secondary);
}

.home-especial-contenido .recuadro:nth-of-type(1) {
    border-bottom: solid 1px var(--bs-blue);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 991.98px) {
    .home-especial .card-esp {
        padding-left: 5px;
        padding-right: 5px;
    }

    .home-especial .div-btn-primary {
        text-align: center;
    }
}

#link_clasificandoi__UMEN_tr_link_canal_1 {
    display: none;
}

.home-lanzadores {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem 10px;
    max-width: 1440px;
    margin: auto;
}

.home-lanzadores .recuadro {
    padding: 15px 5px;
    width: 20%;
}

.home-lanzadores .titulo {
    font-size: .875rem;
}

.home-lanzadores .pill {
    display: flex;
    align-items: center;
    border: solid 2px#fff;
    border-radius: 20px;
    padding: 10px 5px;
    height: 100%;
}

.home-lanzadores .pill .figure {
    border-right: solid 3px #fff;
    margin-right: 10px;
    padding-right: 10px;
    flex: 0 0 60px;
    max-width: 60px;
}

.home-lanzadores .pill a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    word-break: break-word;
}

.home-lanzadores .pill a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 991.98px) {
    .home-lanzadores .recuadro {
        padding: 15px;
        width: 50%;
    }
}

@media only screen and (max-width: 767.98px) {
    .home-lanzadores .recuadro {
        padding: 15px;
        width: 100%;
    }

    #facebook iframe {
        width: 100%;
    }
}

.news-section {
    overflow: hidden;
}

#destacados-home .img-fluid-div {
    border: solid 1px #004884;
    border-radius: 5px;
    padding: 2px;
}

#destacados-home img {
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);
}

#recuadros-participacion .pill {
    display: flex;
    align-items: center;
    background-color: var(--bs-blue);
    border-radius: 20px;
    padding: 10px 20px;
    height: 100%;
}

#recuadros-participacion .pill a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    word-break: break-word;
}

#recuadros-participacion .pill a:hover {
    text-decoration: underline;
}

#recuadros-participacion .pill .figure {
    margin-right: 12px;
    flex: 0 0 60px;
    max-width: 60px;
}

.recuadros-noticias .recuadro {
    margin-bottom: 1.5rem;
}

.noticia-destacada .titulo a,
.recuadros-noticias .titulo a {
    display: inline-block;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-decoration: underline;
    font-size: 1.25rem;
}

.noticia-destacada img,
.recuadros-noticias img {
    border-radius: 5px;
}

@media only screen and (max-width:991.98px) {

    .recuadros-noticias .recuadro {
        border-bottom: solid 1px var(--bs-blue);
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }

    .noticia-destacada .figure,
    .recuadros-noticias .figure {
        text-align: center;
    }

    .noticia-destacada img,
    .recuadros-noticias img {
        margin-bottom: 1rem;
    }
}

.slider_programas .carousel-inner {
    margin-bottom: 70px;
}

.slider_programas .recuadro{
    align-items: center;
}

.slider_programas .carousel-item img {
    width: 100%;
    height: auto;
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);
}

.slider_programas .carousel-indicators li {
    border-color: #e6effd;
}

.slider_programas .carousel-indicators li.active {
    background-color: #e6effd;
}

.slider_programas .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z'/></svg>");
    background-size: 3rem;
}

.slider_programas .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z'/></svg>");
    background-size: 3rem;
}


.slider_programas .titulo {
    line-height: 1.2;
}

.slider_programas .titulo a {
    color: #fff;
    text-decoration: none;
}

.slider_programas .titulo a:hover {
    text-decoration: underline;
}

.slider_programas .ntg-pause, 
.slider_programas .ntg-play {
    color: #fff;
}

.slider_programas .fa-pause:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z'/></svg>");
}
.slider_programas .fa-play:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>");
}

@media only screen and (min-width: 992px) {
    .slider_programas div[class*=binary-banner] + div{
        padding-right: 4rem;
    }
}

@media only screen and (max-width: 991.98px) {
    .ntg-pause {
        display: none;
    }
}

@media only screen and (max-width: 767.98px) {

    .slider_programas {
        min-height: 550px;
    }

    .slider_programas .titulo,
    .slider_programas .titulo + div {
        display: inline-block;
        max-width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;

        text-overflow: ellipsis;
        word-wrap: break-word;
    }

    .slider_programas .titulo {
        font-size: 2rem;
        -webkit-line-clamp: 2;
        margin-top: 1.5rem;
    }

    .slider_programas .titulo + div {
        -webkit-line-clamp: 4;
    }
}

.tabs-multimedia .tab-content {
    margin-right: -15px;
    margin-left: -15px;
}

.tabs-multimedia .nav-link {
    padding: 15px 20px !important;
} 

.content-multimedia {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    border: 1px solid #e6effd;
    margin-top: -21px;
}

.po-video ul,
.content-multimedia ul {
    list-style: none;
    padding: 1rem;
}

.po-video ul li,
.content-multimedia ul li {
    margin-bottom: 10px;
    padding-left: 1.8rem;
}

.po-video ul li a:first-child {
    position: relative;
}
.content-multimedia ul li a {
    display: inline;
    position: relative;
}

.po-video ul li a:first-child:before,
.content-multimedia ul li a:before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233366cc' class='bi bi-play-btn' viewBox='0 0 16 16'><path d='M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z'/><path d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: 1.6rem;
    height: 1.2rem;
    vertical-align: text-bottom;
    margin-left: -1.5rem;
}

.content-multimedia ul li a + a:before {
    display: none;
}

.content-multimedia p:first-child {
    grid-row: 1 / 3;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-left: 1rem;
}

.content-multimedia p:nth-child(3) {
    grid-column: 2 / 3;
    text-align: right;
    margin-right: 1rem;
    margin-bottom: 0;
}

.content-multimedia p:nth-child(3) .btn {
    margin-bottom: 1rem;
}

@media only screen and (max-width:991.98px) {
    .content-multimedia {
        -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
    }

    .content-multimedia p:first-child,
    .content-multimedia p:nth-child(3) {
        grid-column: auto;
        grid-row: auto;
    }
    .tabs-multimedia .nav-tabs .nav-item {
        width: 100%;
        margin-bottom: 5px;
    }
}

.formGraph {
    color: var(--bs-primary);
    text-align: center;
}

.formGraph ul {
    list-style: none;
    padding: 0;
    margin-right: 1rem;
    margin-top: 10px;
    margin: 10px 15px 15px 0;
}
.formGraph .form_message {
    font-weight: 600;
}

.formGraph .form_message small {
    font-size: 100%;
}

.formGraph .form_select {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}

.formGraph .form_select label {
    width: 100%;
}

.formGraph .form_button {
    display: block;
    text-align: center;
}

.formGraph .form_button input {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    border-radius: 3rem;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 1.5rem;
}

.formGraph #boton2_div_820.form_button input {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
    background-color: transparent;
    border-width: 2px;
    font-weight: 700;
}


.formGraph #boton2_div_820.form_button input:hover,
.formGraph .form_button input:hover {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    color: #fff;
    font-weight: 500;
}

.formGraph div[id*="campo2_div"] > fieldset {
    width: 100%;
}

.formGraph div[id*="campo2_div"] > fieldset #opt-labels,
.formGraph div[id*="campo2_div"] > fieldset #opt-labels + div {
    display: inline-block;
    margin-left: 10px;
}

#validacioncaptcha_830_recaptcha > div,
div[id*="validacioncaptcha"] > div {
    margin: auto;
}

#rformulario_i__UMEN_Home_gvchart_Formulario_COMPETENCIAS_PLAN_LECTURA_1 {
    overflow: hidden;
}

#respuestas .ntg-titulo-caja {
    font-size: 1.25rem;
    text-align: center;
}

#respuestas button {
    display: block;
    margin: auto;
}

#conteo .card {
    padding: 0 15px 30px 15px;
}

#conteo .img-fluid-div {
    margin: 0 -15px 10px -15px;
}

#conteo .fecha,
#conteo .titulo {
    padding-left: 0;
    padding-right: 0;
}

#conteo .alert {
    padding: 0;
    margin-bottom: 5px;
}

#respuestas .c3-chart-arcs text{
    fill: #fff;
    font-weight: 600;
}

.c3-title {
    font-weight: 600;
    fill: var(--bs-blue);
}

.featured-section-01 .binary-foto_marquesina img,
.featured-section-02 .binary-foto_marquesina img {
    display: none;
} 

.featured-section-01,
.featured-section-02 {
    display: flex;
    align-items: center;
    min-height: 600px;
    overflow: hidden;
}

.featured-section-01,
.featured-section-02 {
    position: relative;
}

.featured-section-01:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(articles-425619_foto_marquesina.thumb_figure-4x3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}

.featured-section-02:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    background-image: url(articles-425776_foto_marquesina.thumb_figure-4x3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}


@media only screen and (max-width: 991.98px) {
    .featured-section-01:before,
    .featured-section-02:before {
        display: none;
    }

    .featured-section-01 .binary-foto_marquesina, 
    .featured-section-02 .binary-foto_marquesina {
        width: 100%;
    }

    .featured-section-01 .binary-foto_marquesina img, 
    .featured-section-02 .binary-foto_marquesina img {
        display: block;
    }

    .featured-section-01 .descripcion,
    .featured-section-02 .binary-foto_marquesina {
        margin-bottom: 3rem;
    }
}

/*** Gráficos home ***/
.custom-tooltip{
    background-color: white;
    padding: 1rem
}
.custom-tooltip .tooltip-title{
    font-weight: 700;
}
.custom-tooltip .tooltip-item{
    background-color: transparent;
    border-top: var(--bs-purple) 2px solid;
}
.custom-tooltip .tooltip-name{
    color: var(--plandecenal-fase3);
}
.custom-tooltip .tooltip-value{
    color: black;
}
/*** Fin Gráficos home ***/

/************************************************************************************
PORTADILLAS / EIDOX
*************************************************************************************/

.documentos div[class*= binary] {
    display: flex;
    align-items: center;
    margin: 1.5rem 0;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px var(--bs-gray-200);
}

.documentos div[class*= binary] a:first-child {
    flex-shrink: 0;
}

.documentos div[class*= binary] a {
    display: block;
}

.documentos div[class*= binary] img {
    margin-right: .8rem;
    width: auto;
}

ul.mapa-sitio {
    padding: 0;
    list-style: none;
    margin-top: 1.5rem;
}

ul.mapa-sitio > li {
    margin-bottom: 1.8rem;
}

ul.mapa-sitio > li > a,
ul.mapa-sitio > li div:first-child > a {
    color: var(--bs-blue);
    font-size: 1.5rem;
    text-decoration: none;
}

ul.mapa-sitio > li > a:hover,
ul.mapa-sitio > li div:first-child > a:hover {
    text-decoration: underline;
}

ul.mapa-sitio > li .submenu,
ul.mapa-sitio > li div:nth-child(2) ul {
    padding-left: 1.2rem;
    margin-top: .8rem;
}

ul.mapa-sitio > li .submenu > li,
ul.mapa-sitio > li div:nth-child(2) ul > li {
    margin-bottom: .5rem;
}

.ultima_hora {
    display: flex;
    align-items: center;
    background-color: #E6EFFD;
    padding: 1rem 0.8rem;
    margin-bottom: 3rem;
    min-height: 110px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
} 

.ultima_hora .ntg-titulo-caja {
    font-size: 1.25rem;
    white-space: nowrap;
    margin: 0;
    padding: 0 20px;
}

.ultima_hora .ntg-titulo-caja:before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23004884' class='bi bi-info-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    vertical-align: bottom;
    margin-right: 10px;
}

.ultima_hora .recuadro {
    display: flex;
    align-items: center;
    color: var(--bs-blue);
}

.ultima_hora .fecha {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: var(--bs-blue);
    width: auto;
    border-left: solid 1px;
    border-right: solid 1px;
    height: 30px;
}

.ultima_hora .titulo {
    font-size: 1rem;
}

.ultima_hora .fecha,
.ultima_hora .titulo {
    padding: 0 20px;
}

.ultima_hora .titulo a {
    display: inline-block;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

@media only screen and (max-width: 767.98px) {
    .ultima_hora {
        min-height: 190px;
    }

    .ultima_hora,
    .ultima_hora .recuadro {
        flex-direction: column;
    }

    .ultima_hora {
        text-align: center;
    }
    .ultima_hora .fecha {
        margin: .5rem 0;
        border: 0;
    }
}

.titulo-encabezado {
    display: flex;
    align-items: center;
}

.articulo strong {
    font-weight: 600;
}

.articulo h2 {
    clear: both;
}

.articulo > h3 {
    margin-top: 1rem;
}

.articulo .resumen,
.articulo .abstract {
    font-size: 1.12rem;
    line-height: 1.3;
    margin: 1rem 0 2rem 0;
    color: var(--bs-primary);
}

.tramites_links .figure img {
    margin-bottom: 0;
}

.articulo .figure a:nth-child(3) {
    display: none;
}

.articulo .figure {
    text-align: center;
    clear: both;
    margin: 1rem 0;
}
.articulo .figure > img {
    width: auto;
}

.articulo .figure > a:nth-of-type(2) {
    display: none;
}

.articulo ol li {
    margin-bottom: 20px;
}

.articulo iframe {
    width: 100%;
    height: 412px;
}

.articulo img {
    max-width: 100%;
    height: auto;
}

.iframe-lg iframe{
    width: 100%;
    border: 0;
}

@media only screen and (max-width: 1199.98px) {
    .articulo iframe {
        height: 345px;
    }
}    

@media only screen and (max-width: 991.98px) {
    .articulo iframe {
        height: 255px;
    }
}  

@media only screen and (max-width: 767.98px) {
    .articulo iframe {
        height: 288px;
    }
}  

@media only screen and (max-width: 450px) {
    .articulo iframe {
        height: 250px;
    }
} 

.art_compartir_redes {
    background: #F6F8F9;
    padding: 10px;
    text-align: right;
    max-width: 800px;
    margin: auto;
    clear: both;
}

.art_compartir_redes.section-container{
    max-width: 1010px;
    width: 100%;
}

.art_compartir_redes a {
    text-decoration: none;
}

.art_compartir_redes a img {
    max-width: 40px;
}

.art_compartir_redes:before {
    content: "Comparte";
    display: inline-block;
    text-align: left;
    padding: 8px;
}

.articulo .table h3 {
    font-size: 1.125rem;
}

.filtros-tramites fieldset {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-right: -15px;
    margin-left: -15px;
}

.filtros-tramites > .filtros-tramites {
    padding: 0 !important;
}

#transparencia ul:first-of-type {
    display: flex;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

#transparencia ul:first-of-type li {
    text-align: center;
    padding: 10px;
    max-width: 20%;
    width: 100%;
}

#transparencia ul:first-of-type li .figure {
    display: block;
}

@media only screen and (max-width: 991.98px) {
    #transparencia ul:first-of-type li {
        text-align: center;
        padding: 10px;
        max-width: 50%;
        width: 100%;
    }
}

.search-icon:before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-search' viewBox='0 0 16 16'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2rem;
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    background-color: var(--bs-blue);
    vertical-align: middle;
    margin-right: 8px;
}

#recuadros_articulo_33178.my-5 {
    margin-top: 0 !important;
}

.recuadros-tramites .filtrar,
.recuadros-tramites .duracion,
.recuadros-tramites .govco {
    margin-bottom: 5px;
}

.recuadros-tramites .filtrar img,
.recuadros-tramites .duracion img {
    max-width: 20px;
    margin-right: 5px;
}

.recuadros-tramites .govco img {
    max-width: 90px;
    margin-right: 5px;
}

.recuadros-lanzador .recuadro {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background-color: #e6effd;
    margin: 1.5rem 0;
}

.recuadros-lanzador .figure {
    margin-right: 10px;
    min-width: 68px;
}

.recuadros-lanzador .recuadro .titulo {
    font-size: 1.25rem;
}

#i__UMEN_pa_encabezado_articulo_1 .recuadro:nth-of-type(3) {
    display: none;
}

.po-audios .figure,
.po-audios .img-audio {
    display: flex;
    align-items: center;
    background-color: #F6F8F9;
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: 0 0 4px 0 #0048842e;
}

.po-audios img {    
    max-width: 40px;
    height: auto;
}

.po-audios .figure a,
.po-audios .img-audio a {
    display: inline-block;
    margin-right: 1rem;
}

.articulo .page-header {
    word-break: break-word;
}

#menu-infoestadistica .nav {
    border: 1px solid #e6effd;
    border-radius: 5px;
    align-items: center;
}

#menu-infoestadistica .nav li {
    padding: 12px;
}

#menu-infoestadistica .nav li a {
    display: flex;
    align-items: center;
    font-size: .875rem;
}

#menu-infoestadistica .nav li img {
    margin-right: 10px;
    display: block;
}

@media only screen and (min-width: 992px) {
    #menu-infoestadistica .nav {
        flex-wrap: nowrap;
    }

    #menu-infoestadistica .nav li:not(:last-child) {
        border-right: 1px solid #e6effd;
    }
}

@media only screen and (max-width: 991.98px) {

    #menu-infoestadistica .nav li {
        width: 100%;
        padding: 8px;
    }

    #menu-infoestadistica .nav li:not(:last-child) {
        border-bottom: 1px solid #e6effd;
    }
}

.articulo-infoestadistica ul {
    list-style: none;
    padding: 0;
}

.articulo-infoestadistica ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}

.articulo-infoestadistica ul li img {
    width: 30px;
    border-radius: 50%;
    height: auto;
}

.articulo-infoestadistica ul li img:hover {
    box-shadow: 2px 2px 3px #004884d1;
}   

.recuadros-material .card img {
    max-width: 100px;
} 

.recuadros-material .recuadro.active .card {
    border: 1px solid var(--bs-blue);
    box-shadow: 0 3px 5px 0 rgb(51 102 204 / 29%);    
}   

.menu-lateral-convalidaciones .ntg-titulo-caja,
.menu-lateral-active .ntg-titulo-caja {
    font-size: 1.5rem;
}

.menu-lateral-convalidaciones .recuadro,
.menu-lateral-active .recuadro {
    display: flex;
    background-color: #F6F8F9;
    margin-bottom: 1.5rem;
    align-items: center;
    padding: 1rem;
    border-right: solid 4px var(--bs-primary);
}

.menu-lateral-convalidaciones .recuadro.active,
.menu-lateral-active .recuadro.active {
    background-color: #e6effd;
}

.menu-lateral-convalidaciones .recuadro .titulo,
.menu-lateral-active .recuadro .titulo {
    font-size: 1.25rem;
}

.menu-lateral-convalidaciones .recuadro img,
.menu-lateral-active .recuadro img {
    max-width: 60px;
    margin-right: 1rem;
}


#article_i__UMEN_ar_articuloCompleto_plan_administrativo_No2_1 h3  {
    margin-top: 2rem;
}

#graficas .ntg-titulo-caja {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

#preview_otras_carrusel_graficas .recuadro .cuerpo-simple,
#preview_otras_carrusel_graficas .recuadro .tipo {
    display: none;
}

#graficas .carousel-inner {
    width: 92%;
    margin: 0 auto;
}

.graphics .col-md-6 {
    width: 48%;
}
@media (min-width:768px) {
    .graphics .col-md-6 {
        max-width: 48%;
        width: 48%;
    }
}

.graphics .recuadro {
    position: relative;
    background-color: var(--bs-white);
    margin-right: 1%;
}


#graficas .recuadro .card {
    padding-bottom: 2.5rem;
    border: 1px solid #e6effd;
    overflow: visible;
}

#graficas .recuadro .nivel {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--light);
    color: var(--bs-primary);
    font-weight: bold;
    padding: 5px 1rem;
}

#graficas .recuadro .anio > span {
    display: inline-block;
    background-color: var(--light);
    color: var(--bs-primary);
    font-weight: bold;
    padding: 5px 1rem;
    border-radius: 3rem;
}
#graphics .c3-axis path, 
#graphics .c3-axis line {
    stroke-width: 0.5px; /* Aumenta este valor (default es 1px) */
    stroke: var(--bs-gray-dark);      /* Opcional: Asegurar que el color sea negro sólido */
}
[id^="graph"]{
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
    min-height: 370px;
    max-height: none !important; 
    height: auto !important;
}

.estadisticas-banner .binary-encabezado_alt {
    position: relative;
}

.estadisticas-banner .caption {
    position: absolute;
    bottom: 1rem;
    left: 2rem;
    right: 2rem;
    margin: auto;
    background-color: #fff;
    border-radius: 3rem;
    padding: 1rem 2rem;
    width: auto !important;
    text-align: center;
    color: var(--bs-blue);
    box-shadow: 4px 4px 0 var(--bs-blue);
}

.estadisticas-banner .caption p {
    margin-bottom: 0;
}

.estadisticas-banner img {
    border-radius: 4rem;
    box-shadow: 5px 5px 8px #0000002e;
}

@media only screen and (max-width:991.98px) {
    .estadisticas-banner img {
        border-radius: 2rem;
    }

    .estadisticas-banner .caption {
        position: static;
        padding-top: 3rem;
        margin-top: -2rem;
        left: 0;
        width: 90% !important;
        background-color: var(--light);
        border-radius: 2rem;
    }
}

.sistemas-info .box .card {
    border-radius: 0;
    border-top-right-radius: 2rem;
    color: var(--bs-primary);
    border-bottom: solid 5px var(--bs-green);
    margin-bottom: 0;
}

.sistemas-info .box .card {
    border: 1px solid #e6effd;
    border-bottom: solid 5px var(--bs-green);
}

.sistemas-info .box .card:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--bs-green);
}

.sistemas-info .caption {
    width: auto !important;
}

.sistemas-info .caption p {
    margin-bottom: 0;
}

.sistemas-info a {
    font-size: var(--h4);
    font-weight: bolder;
}

#acc_nacionales .ui-accordion-header {
    font-size: 1rem;
}


.bg-sec {
    background-image: url(channels-977_bg_sec.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    background-position: center;
}

.bg-sec .text-white {
    text-shadow: 3px 2px 10px #000000c7;
}

.bg-sec a {
    color: #fff;
}

.bg-sec a:hover {
    color: var(--bs-green);
}

/************************************************************************************
MICROSITIOS
*************************************************************************************/

.transcripcion
  {
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: gray;
  }
  
    .contenedor_accesos_saces{
        width: 32%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin-left: 5%;
        text-align: left;

    }

    .borde_caja{
        border-bottom: 3px dotted #D3D3D3;
        padding: 10px;
    }

    .cajas_acceso{

        width: 100%;
        border: 0;
        padding: 0;

    }

    .borde_caja{

    border-bottom: 3px dotted #D3D3D3;
    padding-bottom: 15px;

    }

    .cajas_acceso img{
    padding-top: 15px;
    width: 50%;
    margin-bottom: 10px;
    }

    .cajas_acceso a{
    padding-bottom: 20px;
    }


.enlaces_interes{
  
  width: 93.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  border-top: 3px dotted #D3D3D3;
  margin: 20px auto 10px auto;

}

.enlace,
.calidad{
    color: gray;
    font-size: 1rem;
    text-decoration: none;
}
  
.cajas_acceso img{
    width: 30%;
    }


/************************************************************************************
MICROSITIOS / FIN
*************************************************************************************/

/************************************************************************************
FOOTER
*************************************************************************************/

footer .bg-primary {
    border-top: 100px solid white;
    margin-top: 3rem;
    background-color: var(--bs-red) !important;
}

footer .h3 {
    color: var(--bs-primary);
}

footer .card {
    margin-top:-100px;
}

footer .card:hover {
    border: 1px solid #e6effd;
    box-shadow: none;
}

footer .small p{
    margin-bottom: .2rem;
}

footer a {
    text-decoration: underline;
    color: var(--bs-blue);
}

footer a:hover {
    color: var(--bs-primary);
}

footer .bg-primary ul {
    color: #fff;
}

footer .list-group {
    margin: 0;
}

footer .list-group-item {
    padding: 15px 5px;
}

@media only screen and (max-width: 991.98px) {
    footer  .list-group-horizontal {
        flex-direction: column;
    }
    footer  .list-group-horizontal .pl-0 {
        padding-left: 1.25rem !important;
    }
}
 
/************************************************************************************
ICONOS
*************************************************************************************/

footer ul.list-group li {
    margin-right: 1rem;
}

.icon-yt:before,
.icon-fb:before,
.icon-ig:before,
.icon-tw:before,
.icon-tg:before,
.icon-lk:before,
.icon-tk:before,
.icon-wp:before {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-color: var(--bs-blue);
    color: #fff;
    border-radius: 50%;
    background-position: center;
    background-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-fb:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M11.344,5.71c0-0.73,0.074-1.122,1.199-1.122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z'/></svg>");
}
.icon-yt:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z'/></svg>");
}
.icon-ig:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z'/></svg>");
}
.icon-tw:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24.44' height='22.88' viewBox='0 0 24.44 22.88' fill='%23fff'><path d='m.06,0l9.44,12.62L0,22.88h2.14l8.31-8.98,6.72,8.98h7.27l-9.97-13.33L23.32,0h-2.14l-7.66,8.27L7.33,0H.06Zm3.14,1.57h3.34l14.76,19.73h-3.34L3.2,1.57Z'/></svg>");
}

.icon-tg:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23fff' class='bi bi-telegram' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z'/></svg>");
}

.icon-lk:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23fff' class='bi bi-linkedin' viewBox='0 0 16 16'><path d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z'/></svg>");
}

.icon-tk:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-tiktok' viewBox='0 0 16 16'><path d='M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z'/></svg>");
}

.icon-wp:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-whatsapp' viewBox='0 0 16 16'><path d='M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'/></svg>");
}

.icon-filtros {
    position: relative;
}

.btn.icon-filtros {
    display: flex;
    align-items: center;
    text-align: left;
    padding-left: 35px;
    padding-right: 35px;

}

.icon-filtros:before {
    display: inline-block;
    content: "";
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='25' viewBox='0 0 30 25'><path d='M28.74,3H13.46A3.89,3.89,0,0,0,5.91,3H1.26a1,1,0,1,0,0,1.91H5.91a3.89,3.89,0,0,0,7.55,0H28.74a1,1,0,1,0,0-1.91ZM9.68,6a2,2,0,0,1-1.75-1,2.07,2.07,0,0,1-.25-1,2.08,2.08,0,0,1,.25-1,2,2,0,0,1,3.5,0,2.08,2.08,0,0,1,.25,1,2.07,2.07,0,0,1-.25,1A2,2,0,0,1,9.68,6Z' style='fill: %23fff'/><path d='M28.74,20.09H13.46a3.89,3.89,0,0,0-7.55,0H1.26a1,1,0,1,0,0,1.91H5.91a3.89,3.89,0,0,0,7.55,0H28.74a1,1,0,1,0,0-1.91ZM9.68,23a2,2,0,0,1-1.75-1,1.95,1.95,0,0,1,0-1.91,2,2,0,0,1,3.5,0,1.95,1.95,0,0,1,0,1.91A2,2,0,0,1,9.68,23Z' style='fill: %23fff'/><path d='M28.74,11.55H22.89a3.89,3.89,0,0,0-7.55,0H1.26a1,1,0,1,0,0,1.9H15.34a3.89,3.89,0,0,0,7.55,0h5.85a1,1,0,1,0,0-1.9ZM19.12,14.5a2,2,0,1,1,1.75-1.05A2,2,0,0,1,19.12,14.5Z' style='fill: %23fff'/></svg>");
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}

@media only screen and (max-width: 991.98px) {
    .btn.icon-filtros {
        flex-direction: column;
        text-align: center;
    }
}

.icon-volver:before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23004884' class='bi bi-arrow-left-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
}

.icon-volver a {
    color: var(--bs-blue);
}

.icon-volver a:hover {
    color: var(--bs-primary);
}

/************************************************************************************
ANIMACIONES
*************************************************************************************/

@-webkit-keyframes fixed-move-down { 
    0% {top: -80px;}
    100% {top: 0;}
} 

@keyframes fixed-move-down { 
    0% {top: -80px;}
}

.animar-izquierda,
.animar-derecha,
.animar-arriba,
.animar-abajo,
.animar-centro,
.featured-section-01:before,
.featured-section-02:before,
.home-video .recuadro  {
    opacity: 0;
}

.animate__imgLeft:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate__imgRight:before {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/************************************************************************************
TIMELINE
*************************************************************************************/
.timeline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;

}
.timeline *, .timeline :after, .timeline :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.timeline:not(.timeline--horizontal):before {
    background-color: #ddd;
    bottom: 0;
    content: '';
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1;
}
.timeline__wrap {
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding-bottom: 60px;
}
.timeline__item {
    font-size: 16px;
    font-size: 1rem;
    padding: .625rem 2.5rem .625rem 0;
    position: relative;
    width: 50%;
    z-index: 2;
}
.timeline__item:after {
    background-color: #fff;
    border: 4px solid var(--bs-blue);
    border-radius: 50%;
    content: '';
    height: 20px;
    position: absolute;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 20px;
    z-index: 1;
}
.timeline__item.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}
.timeline__item.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.timeline__item--left {
    left: 0;
}
.timeline__item--right {
    left: 50%;
    padding: .625rem 0 .625rem 2.5rem;
}
.timeline__item--right:after {
    left: -10px;
}
.timeline__item--right .timeline__content:before {
    border-bottom: 10px solid transparent;
    border-right: 12px solid #ccc;
    border-left: none;
    border-top: 10px solid transparent;
    left: -12px;
}
.timeline__item--right .timeline__content:after {
    border-bottom: 9px solid transparent;
    border-right: 11px solid #fff;
    border-left: none;
    border-top: 9px solid transparent;
    left: -10px;
}
.timeline__content {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #333;
    display: block;
    padding: 0 1rem;
    position: relative;
}
.timeline__content:after, .timeline__content:before {
    content: '';
    height: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 0;
}
.timeline__content:before {
    border-bottom: 10px solid transparent;
    border-left: 12px solid #ccc;
    border-top: 10px solid transparent;
    right: -12px;
    z-index: 1;
}
.timeline__content:after {
    border-bottom: 9px solid transparent;
    border-left: 11px solid #fff;
    border-top: 9px solid transparent;
    right: -10px;
    z-index: 2;
}
.timeline__content h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 1rem 0;
    line-height: 1.2;
}
.timeline__content p {
    font-size: .9375rem;
    line-height: 1.5;
    margin-bottom: 10px;
}
.timeline__content .fase {
    position: relative;
    display: inline-block;
    padding: .2rem 1rem;
    color: var(--bs-green);
    font-weight: bold;
    z-index: 1;
    margin-top: 1rem
}
.timeline__content .fase:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--bs-purple);
    z-index: -1;
    transform: rotate(-5deg) skewX(10deg);
}
.timeline__content .abstract,
.timeline__content .anio {
    display: inline-block;
    font-weight: bold;
    font-size: 0.875rem;
    background-color: var(--bs-green);
    padding: 0 .5rem;
}
.timeline--horizontal {
    font-size: 0;
/*     padding: 0 3.125rem; */
    overflow: hidden;
    white-space: nowrap;
}
.timeline--horizontal .timeline-divider {
    background-color: var(--bs-blue);
    display: block;
    height: 4px;
    left: 40px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    z-index: 1;
}
.timeline--horizontal .timeline__items {
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    will-change: transform;
}
.timeline--horizontal .timeline__item {
    display: inline-block;
    left: 0;
    padding: 0 0 2.5rem;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    white-space: normal;
}
.timeline--horizontal .timeline__item:after {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 100%;
    background-color: var(--bs-green);
    border-color: var(--bs-purple);
}
.timeline--horizontal .timeline__item .timeline__item__inner {
    display: table;
    height: 100%;
    width: 100%}
.timeline--horizontal .timeline__item .timeline__content__wrap {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.timeline--horizontal .timeline__item .timeline__content:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #ccc;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%}
.timeline--horizontal .timeline__item .timeline__content:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%}
.timeline--horizontal .timeline__item--bottom {
    padding: 2.5rem 0 0;
}
.timeline--horizontal .timeline__item--bottom:after {
    top: 0;
}
.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
    vertical-align: top;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:before {
    border-bottom: 12px solid #ccc;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: none;
    bottom: 100%;
    top: auto;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: none;
    bottom: 100%;
    top: auto;
}
.timeline-nav-button {
    background-color: #fff;
    border: 2px solid var(--bs-blue);
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 40px;
    outline: 0;
    position: absolute;
    text-indent: -9999px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 40px;
    z-index: 10;
}
.timeline-nav-button:disabled {
    opacity: .5;
    pointer-events: none;
}
.timeline-nav-button:before {
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: 20px;
    background-size: 2rem 2rem;
}
.timeline-nav-button--prev {
    left: 0;
}
.timeline-nav-button--prev:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23f6a337' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15.16,6.13a1.12,1.12,0,0,0-1.6,0L8,11.75a1.14,1.14,0,0,0,0,1.57l5.53,5.54a1.13,1.13,0,0,0,1.6,0,1.15,1.15,0,0,0,0-1.61L10.35,12.5l4.82-4.77a1.13,1.13,0,0,0,0-1.6Z'/></svg>");
}
.timeline-nav-button--next {
    right: 0;
}
.timeline-nav-button--next:before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 25 25' fill='%23f6a337' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M9.84,18.87a1.12,1.12,0,0,0,1.6,0l5.61-5.62a1.14,1.14,0,0,0,0-1.57L11.56,6.14a1.13,1.13,0,0,0-1.6,0,1.15,1.15,0,0,0,0,1.61l4.69,4.76L9.83,17.27a1.13,1.13,0,0,0,0,1.6Z'/></svg>");
}
.timeline--mobile {
    padding: 0;
}
.timeline--mobile:before {
    left: 10px!important;
    margin: 0!important;
}
.timeline--mobile .timeline__item {
    left: 0;
    padding-left: 40px;
    padding-right: 0;
    width: 100%}
.timeline--mobile .timeline__item:after {
    left: 2px;
    margin: 0;
}
.timeline--mobile .timeline__item .timeline__content:before {
    left: -12px;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ccc;
    border-left: none;
    border-top: 12px solid transparent;
}
.timeline--mobile .timeline__item .timeline__content:after {
    left: -10px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: none;
    border-top: 10px solid transparent;
}
.timeline__content ul,
.timeline__content p {
    font-size: .85rem;
} 
@-webkit-keyframes fadeIn {
    0% {
    opacity: 0;
    top: 70px;
}
100% {
    opacity: 1;
    top: 0;
}
}@keyframes fadeIn {
    0% {
    opacity: 0;
    top: 70px;
}
100% {
    opacity: 1;
    top: 0;
}
}@-webkit-keyframes liftUp {
    0% {
    top: 0;
}
100% {
    top: -15px;
}
}@keyframes liftUp {
    0% {
    top: 0;
}
100% {
    top: -15px;
}
}

.timeline__content .figure {
    width: 100%;
    text-align: center;
    margin: 1rem 0;
}
.timeline__content .figure img {
    max-width: 3.5rem;
}

.timeline__items .grupo-fase {
    position: absolute;
    width: 100%;
    bottom: -60px;
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
}
.timeline__items .grupo-fase .faseBtm {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    vertical-align: middle;
    font-size: .875rem;
    padding: 0.3rem 1rem;
    height: 100%;
    font-weight: bold;
    text-align: center;
    white-space: wrap;
}
.timeline__items .grupo-fase .fase-ruta {
    background-color: var(--plandecenal-fase1);
}
.timeline__items .grupo-fase .fase-redaccion {
    background-color: var(--plandecenal-fase2);
}

.timeline__items .grupo-fase .fase-socializa {
    background-color: var(--plandecenal-fase3);
}

@media only screen and (max-width: 991.98px) {
    .timeline__items .grupo-fase {
        display: none;
    }
}
/************************************************************************************
END OF TIMELINE
*************************************************************************************/