/*@import "https://cdn.www.gov.co/v3/styles.ac42acc4a5fc7b13f1ab.css";*/
@import "https://cdn.www.gov.co/v3/styles.221afdd145120823e4a8.css";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
/*CPAE BASE*/
@font-face {
    font-family:'govco-fontv2';
	src: url('https://cdn.www.gov.co/layout/v4/assets/fonts/govco/govco-fontv2.eot?35076025');
	src: url('https://cdn.www.gov.co/layout/v4/assets/fonts/govco/govco-fontv2.eot?35076025#iefix') format('embedded-opentype'),
		url('https://cdn.www.gov.co/layout/v4/assets/fonts/govco/govco-fontv2.woff2?35076025') format('woff2'),
		url('https://cdn.www.gov.co/layout/v4/assets/fonts/govco/govco-fontv2.woff?35076025') format('woff'),
		url('https://cdn.www.gov.co/layout/v4/assets/icons/fonts/govco-font-icons.ttf') format('truetype'),
        url('https://cdn.www.gov.co/layout/v4/assets/icons/govco/govco-fontv2.svg?35076025#govco-fontv2') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*GovCo Ajustes*/

body {
    font-family: 'Work Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat', sans-serif;
}
h2 {
    font-family: Montserrat,sans-serif;
    font-size: 2rem;
    font-weight: 600;
    color: #004884;
    line-height: 2.75rem!important;
}

.btn-middle {
    border-color: #36c !important;
}

header {
    margin-top: 50px;
}

.govco_bottom {
    width: 100%;
    background-color: #36c;
    padding: 1em 0;
}

footer {
    padding: 0 0;
    margin-top: 4rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #fff), color-stop(15%, #0093e7), color-stop(85%, #0093e7), color-stop(85%, #0093e7));
    background-image: linear-gradient(to bottom, #fff, #fff 15%, #39207C 15%, #39207C 85%, #39207C 85%);
}
footer .mapa-sitio {
    text-align: right;
}

.form-control {
    border-radius: 0.5rem;
}

.alert-general {
    background-color: #00256e;
    font-size: 1rem;
    height: auto;
}

.alert-general svg {
    width: 25px;
    height: auto;
}

.footer-politicas {
    width: 100% !important;
}

.navbar-gov-co-sedes {
    border-bottom: 4px solid #685BC7;
}

.gov-co-footer .gov-co-footer-presetacion {
    background-image: none;
}

.gov-co-footer .gov-co-footer-presetacion>.gov-co-footer-autoridad {
    border: solid 2px #e8f0fb;
    border-radius: 20px;
    box-shadow: none;
}

.goc-co-link-poli {
    color: #004884;
}

.navbar {
    display: block;
    padding-top: 0;
}

ul.sf-menu a,
ul.sf-menu span.nolink {
    padding: 1.3em 0em 1.2em 1em !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    color: #4b4b4b !important;
    height: 63px;
    display: flex;
    align-items: center;
    margin-right: 1rem;
    font-weight: 400!important;
}
ul.sf-menu .sf-with-ul {
    padding-right: 2rem !important;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    top: 4rem;
}

#main-menu-link-content2eb532d6-9313-49a2-89e7-c7c129754ada {
    width: 200px;
}

#main-menu-link-contentc1327985-fd01-4e42-bda3-0e5a42749891 {
    width: 200px;
}

.navbar-brand img {
    height: 30px;
}

.navbar-gov-co-search {
    padding: 65px 0 30px 0;
}

.gov-co-link-presentacion {
    color: #004884 !important;
    text-decoration: none !important;
}

.gov-co-link-presentacion svg {
    width: 22px;
    height: auto;
    margin-right: 5px;
}

.fixed-top {
    z-index: 99;
}

a.gtflag {
    background-image: url('drupal/themes/custom/ssftheme/images/24a.png') !important;
}

a.gtflag:hover {
    background-image: url('drupal/themes/custom/ssftheme/images/24a.png') !important;
}

.content-search #edit-submit {
    background: #ffffff00;
    width: 62px;
    border: none;
    position: relative;
    left: -50px;
}

.content-search #edit-keys {
    width: 260px;
}

.page-title {
    text-align: left !important;
    font-size: 1.8em;
    font-weight: 600;
    line-height: normal !important;
    margin-bottom: 1em;
}

.region-sidebar-first {
    padding: 0;
}

.button {
    position: relative !important;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0.4rem 1rem;
    line-height: 1.5;
    border-radius: 1.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    min-width: 120px;
    white-space: pre-line;
    text-transform: uppercase;
    font-family: Work Sans, sans-serif;
    font-size: .9rem;
    font-weight: 500;
}

.btn-primary {
    background-color: #36c;
    border-color: #36c;
    color: #fff;
}

#edit-reset {
    background-color: #fff !important;
    border-color: #36c !important;
    color: #36c !important;
}

#edit-reset:hover,
#edit-reset--2:hover {
    background-color: #004884 !important;
    color: white !important;
}

#edit-reset--2 {
    background-color: #fff !important;
    border-color: #36c !important;
    color: #36c !important;
    min-width: 95px;
    padding: 5px;
    margin-left: 10px;
}

.btn-primary:hover {
    background-color: #004884;
    border-color: #004884;
    color: #fff;
}


/*GovCo Ajustes*/

.navbar-nav .nav-link {
    text-transform: none;
    font-size: 0.9rem;
    margin-left: 10px;
    padding: 10px 0px;
}

.ssf-menu-lateral {
    margin-bottom: 3rem;
    margin-right: 0;
    padding-right: 0;
}

.ssf-menu-lateral .block-menu {
    background: #f6f8f9;
    border-radius: 3px;
    border: solid 1px #ecf3fd;
}

.ssf-menu-lateral .block-menu .nav-item {
    padding-left: 2em;
    border-bottom: 1px solid #ecf3fd;
}

.ssf-menu-lateral .block-menu .nav-item:hover {
    background: #eaf1f5 !important;
}

.ssf-menu-lateral .block-menu .nav-item:before {
    height: 0;
    content: '';
    color: #004884;
    position: relative;
    left: -17px;
    float: left;
    top: 5px;
    margin-left: 0;
    font-weight: bold;
    font-size: 1.25rem;
    font-family: monospace;
}

.ssf-menu-lateral .block-menu .active {
    background: #004884 !important;
}

.ssf-menu-lateral .block-menu .active:hover {
    background: #004884 !important;
}

.ssf-menu-lateral .block-menu .active:before {
    color: #fff !important;
}

.ssf-menu-lateral .block-menu .active a {
    color: #fff !important;
}

.breadcrumb {
    padding: 10px !important;
}

.breadcrumb {
    padding: 10px !important;
    background-color: #ffffff;
    margin-top: 15px;
}

.breadcrumb a {
    color: #004884;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #0c99d3;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #294e84;
    content: '>';
    font-weight: bold;
    font-size: 1.063rem;
}
.breadcrumb-item:last-of-type a {
    text-transform: lowercase;
}

.ssf-govco {
    float: left;
    position: relative;
    margin: 4px 15px;
}

.ssf-govco a {
    color: #fff;
    text-decoration: underline;
}

.ssf-gt {
    float: left;
    position: relative;
    top: 4px;
    left: 10px;
}

.card {
    border: 0px !important;
    background-color: #f6f8f9 !important;
}

.color-azul {
    color: rgb(99, 143, 179);
}

.fuente-bold {
    font-weight: bold;
}
/* - - - Destacados Home - - - */
nav#block-destacadoshome {
    max-width: 1140px;
    margin: 0 auto;
}
nav#block-destacadoshome ul.nav.navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item {
    min-width: calc(25% - 2rem);
    width: calc(25% - 2rem);
    text-align: center;
    background: #f6f8f9;
    margin: 1rem;
    border-radius: 0.313rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item a.nav-link {
    font-size: 1rem;
    font-weight: 500;
    color: #000 !important;
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item:hover {
    background-color: #8668f2 !important;
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item:hover a.nav-link{
    color: #ffffff !important;
    text-decoration: underline;
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item a.nav-link::before {
    content: ' ';
    display: block;
    margin: 0 auto 1rem;
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: cover;
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item:nth-of-type(1) a.nav-link::before {
    background-image: url('../images/destacado1.png');
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item:nth-of-type(2) a.nav-link::before {
    background-image: url('../images/destacado2.png');
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item:nth-of-type(3) a.nav-link::before {
    background-image: url('../images/destacado3.png');
}
nav#block-destacadoshome ul.nav.navbar-nav li.nav-item:nth-of-type(4) a.nav-link::before {
    background-image: url('../images/destacado4.png');
}
.categoria-home {
    background-color: #ece9f2;
    font-size: 0.75rem;
    border-radius: 5px;
    width: fit-content;
}

.noticias-link-home {
    color: #3366CC;
    font-family: Montserrat;
    font-size: 1.125rem;
}

.fecha-noticias-home {
    font-size: 0.875rem;
}

.boton-mas-noticias {
    background-color: #3366CC;
    padding: 10px;
    color: #ffffff!important;
    text-decoration: none;
    border-radius: 15px;
}

.path-frontpage h2.titulo-cpae {
    display: none;
}

/* Bloque Articulos Home*/
#block-bannerhome {
    margin: 0 -1rem 2rem;
    padding-bottom: 2rem;
}

.articulos-home {
    margin-bottom: 3rem;
    overflow: auto;
}
.articulos-home .view-content {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    align-content: stretch;
    flex-wrap: wrap;
}
.articulos-home .view-content h3 {
    display: none;
}
.articulos-home .view-content .views-view-grid {
    flex-grow: 4;
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    /*max-width: 50%;*/
}
.articulos-home .view-content .views-view-grid .fila .columna {
    display: flex;
    flex-direction: column;
}
.articulos-home .view-content .views-view-grid .fila .columna{
    flex-direction: column-reverse;
    padding-right: 2rem;
}
.articulos-home .view-content .views-view-grid .info a {
    color: #3366CC;
    font-family: Montserrat;
    font-size: 1.125rem;
}
.articulos-home .view-content .views-view-grid .info p {
    font-size: 1rem;
    font-family: Work Sans, sans-serif;
    margin: 0;
}
.articulos-home .view-content .views-view-grid .media--view-mode-default iframe {
    width: 100% !important;
    height: 100%;
    border-radius: 0.5rem;
}
.articulos-home .view-content .views-view-grid .field--name-field-media-oembed-video {
    width: 100%;
    height: 14.2rem;
    margin-bottom: 1rem;
}
/*
.articulos-home .view-content .views-view-grid:nth-of-type(2) .fila .columna{
    flex-direction: row;
    justify-content: space-between;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .views-field-field-multimedia {
    max-width: 20%;
    display: block;
    overflow: hidden;
    align-self: stretch;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .views-field-nothing {
    max-width: 80%;
    display: block;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .info a {
    color: #3366CC;
    font-family: Montserrat;
    font-size: 1.125rem;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .info p {
    font-size: 1rem;
    font-family: Work Sans, sans-serif;
    margin: 0;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .fila {
    border-bottom: 1px solid rgb(186 186 186 / 40%);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .fila:nth-of-type(3) {
    border-bottom: 0;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .views-field-field-multimedia .field-content{
    height: 100%;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .views-field-field-multimedia .media.media--type-image {
    height: 100%;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .views-field-field-multimedia .field--type-image {
    height: 100%;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .views-field-field-multimedia .field__item {
    height: 100%;
}
.articulos-home .view-content .views-view-grid:nth-of-type(2) .views-field-field-multimedia img {
    width: auto !important;
    object-fit: cover;
    border-radius: 0.5rem;
    height: 100%;
}*/
.articulos-home .more-link {
    text-align: center;
    margin-bottom: 1rem;
}
.articulos-home .more-link a {
    background: #3366CC;
    padding: 0.5rem 1.5rem;
    border-radius: 3rem;
    color: #ffffff;
    font-family: Work Sans, sans-serif;
    transition: 0.5s;
}
.articulos-home .more-link a:hover {
    background: #004884;
    transition: 0.5s;
}

/* Bloque Proyectos Home*/

.proyectos-home {
    background: #F6F8F9;
    padding-top: 1.5rem;
    padding-bottom: 4rem;
    margin: 0rem -1rem 0;
}
.proyectos-home .view-proyectos .views-view-grid {
    margin-top: -1rem;
}
.proyectos-home .view-proyectos .views-view-grid .tarjeta {
    box-shadow: 0 0 2px 0px rgb(0 0 0 / 20%);
    margin: 1rem 0;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #ffffff;
}
.proyectos-home .view-proyectos figure.image {
    width: 9rem;
    height: 9rem;
    object-fit: cover;
    margin: 0 1rem 0 0;
}
.proyectos-home .view-proyectos figure.image img {
    height: 100%;
    width: auto;
    object-fit: cover;
}
.proyectos-home .view-proyectos .info{
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    padding-right: 1rem;
    width: calc(90% - 9rem);
}
.proyectos-home .view-proyectos .info h3 a {
    color: #3366CC;
    font-family: Montserrat;
    text-decoration: underline;
}
.proyectos-home .view-proyectos .info p {
    font-size: 1rem;
    font-family: Work Sans, sans-serif;
    margin: 0;
}

/* Bloque noticias */
#block-views-block-noticias-block-1 {
    margin: 2rem 0;
}
#block-views-block-noticias-block-1 .view-content {
    margin-bottom: 1rem;
}
.view-noticias.views-block .views-view-grid .views-field.views-field-nothing {
    height: 100%;
    align-self: stretch;
    display: flex;
}
.view-noticias.views-block .views-view-grid .views-field.views-field-nothing .field-content {
    height: 100%;
    align-self: stretch;
    display: flex;
}
.view-noticias.views-block .views-view-grid .tarjeta {
    box-shadow: 0 0 2px 0px rgb(0 0 0 / 20%);
    border-radius: 0.5rem;
    overflow: hidden;
    background: #ffffff;
    padding-bottom: 3rem;
    margin-bottom: 1rem;
    align-self: stretch;
}
.view-noticias.views-block .views-view-grid figure {
    height: 11rem;
    object-fit: contain;
    margin: 0 0 1rem 0;
    overflow: hidden;
}
.view-noticias.views-block .views-view-grid figure img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.view-noticias.views-block .views-view-grid .tarjeta h3 {
    margin: 0 1rem 0.5rem;
    line-height: 1.5rem !important;
    font-size: 1.125rem;
}
.view-noticias.views-block .views-view-grid .tarjeta h3 a {
    color: #3366CC;
    font-family: Montserrat;
    text-decoration: underline;
}
.view-noticias.views-block .views-view-grid .tarjeta p.resumen {
    font-size: 1rem;
    font-family: Work Sans, sans-serif;
    margin: 0.5rem 1rem;
}
.view-noticias.views-block .views-view-grid span.fecha {
    font-size: 0.875rem;
    font-family: Work Sans, sans-serif;
    margin: 0 1rem;
}
.view-noticias.views-block .views-view-grid span.tag {
    background: rgb(57 32 124 / 30%);
    font-size: 12px;
    padding: 0.3rem 1rem 0.3rem 0.5rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    margin: 1rem;
    position: absolute;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
    bottom: 1rem;
}
.view-noticias .views-view-grid span.tag:before {
    background: #fff;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    border-radius: 20px;
    margin: -1px 5px -1px -2px;
}
.view-noticias.views-block .views-view-grid span.tag a {
    color: #000000;
    font-family: Work Sans, sans-serif;
    font-weight: 400;
}
.view-noticias.views-block .more-link {
    display: block;
    text-align: center;
    margin: 2rem 0;
}
.view-noticias.views-block .more-link a {
    background: #3366CC;
    padding: 0.5rem 1.5rem;
    border-radius: 3rem;
    color: #ffffff;
    font-family: Work Sans, sans-serif;
    transition: 0.5s;
}


.tags .field__item {
    background: rgb(57 32 124 / 30%);
    font-size: 12px;
    padding: 0.3rem 1rem 0.3rem 0.5rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    margin: 0;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
    display: inline-block;
}
.tags .field__item:before {
    background: #fff;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    border-radius: 20px;
    margin: -1px 5px -1px -2px;
}
.tags .field__item a {
    color: #000000;
    font-family: Work Sans, sans-serif;
    font-weight: 400;
}
h2.titulo-cpae {
    color: #39207C;
    line-height: 2.5rem !important;
    margin-bottom: 1rem;
}
.articulo{
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    box-shadow: 0px 1px 0px rgb(3 207 227 / 50%);
}

/** Noticias **/
.noticia{
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    box-shadow: 0px 1px 0px rgb(3 207 227 / 50%);
}
.noticia .summary {
    background: rgb(3 207 227 / 10%);
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    font-style: italic;
}
.noticia .media {
    float: right;
    width: 35vw;
    margin: 0 0 1rem 1rem;
}
.noticia .media .field__label {
    display: none;
}
.noticia .published {
    text-align: right;
    font-size: 0.875rem;
}

.noticias .view-header h2 {
    line-height: 2.5rem !important;
}
.noticias .view-filters {
    margin: 0rem 0 1rem;
}
.noticias .item-list {
    box-shadow: 1px 2px 3px rgb(196 196 196 / 50%);
    border-radius: 0.5rem;
    margin: 1.5rem 0;
    overflow: hidden;
}
.noticias .item-list h3 {
    font-size: 1.125rem;
    color: #3366cc;
    line-height: 1.5rem !important;
}
.noticias .item-list h3 a {
    color: #3366cc;
    text-decoration: underline;
    line-height: 1.5rem;
}
.noticias .item-list .fecha {
    font-size: 0.75rem;
}
.noticias .item-list  span.tag {
    background: rgb(57 32 124 / 30%);
    font-size: 12px;
    padding: 0.3rem 1rem 0.3rem 0.5rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    margin: 1rem 0;
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
}
.noticias .item-list  span.tag:before {
    background: #fff;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    border-radius: 20px;
    margin: -1px 5px -1px -2px;
}
.noticias .item-list span.tag a {
    color: #000000;
    font-family: Work Sans, sans-serif;
}
.noticias figure.image {
    max-height: 11rem;
    overflow: hidden;
    object-fit: cover;
    margin: 0;
}
.noticias figure.image img {
    object-fit: cover;
    width: 100%;
}

/* - - Banner principal - - */
.banner-principal {
    position: relative;
    margin-bottom: 3rem;
    background: #381f7c;
}
.banner-principal .description {
    display: flex;
    align-self: stretch;
    height: 100%;
    flex-direction: column;
    justify-self: center;
    align-content: center;
    justify-content: center;
    padding: 1rem;
}
.banner-principal .description h4 {
    color: #fff;
    line-height: 1.75rem !important;
}
.banner-principal .description p {
    color: #fff;
}
.banner-principal .description a {
    border-radius: 1.563rem;
    font-family: WorkSans-Medium;
    font-size: 16px;
    line-height: 0.563rem;
    padding: 0.75rem 1rem;
    border-width: 0.125rem;
    border-style: solid;
    background-color: #3366CC;
    color: #FFFFFF;
    align-self: flex-start;
    border-color: #3366cc;
}
.banner-principal .description a:hover {
    background-color: #004884;
    border-color: #ffffff;
    color: #FFFFFF;
}
.banner-principal .view-footer {
    display: inline-block;
    z-index: 99;
    margin-left: 6rem;
    position: absolute;
    bottom: 1rem;
}
.banner-principal .view-footer button {
    border: none;
    background: none;
    color: #fff;
    font-weight: 300;
}
.banner-principal .view-footer button.play-button::before {
    content: '\25B7';
    padding-right: 0.2rem;
}
.banner-principal .view-footer button.stop-button::before {
    content: '\2016';
    padding-right: 0.2rem;
}
.banner-principal .view-footer button.disable {
    display: none;
}
.banner-principal .flickity-button{
    background: transparent;
    color: #fff;
}

/* Footer */
.gov-co-logo-pie-blanco {
    width: 134px;
    height: 48px;
    margin-left: 0.5rem;
    border-left: 1px solid #ffffff;
}
.volver-arriba-govco {
    color: #FFFFFF;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #3366CC 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 6px #00000029;
    transition: all 300ms;
    text-align: center;
    border-width: 0px;
}
.volver-arriba-govco::before {
    font-family: 'govco-fontv2';
    content: "up";
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    font-size: 36px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: transparent;
    width: 36px;
    height: 36px;
    background-image: url('../images/circle-chevron-up-solid.svg');
}
.volver-arriba-govco:hover {
    color: white;
    width: 118px;
    height: 54px;
    background: #004884 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 6px #00000029;
    border-radius: 27px 10px 10px 27px;
    border-width: 0px;
    text-align: left;
    transition: all 300ms;
}
.volver-arriba-govco:hover::before {
    font-family:'govco-fontv2';
    content: "up";
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    font-size: 36px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 6px;
    color: transparent;
    width: 36px;
    height: 36px;
    background-image: url('../images/circle-chevron-up-solid.svg');
}
.volver-arriba-govco:hover::after {
    content: "Volver arriba";
    color: white;
    position: absolute;
    text-align: center;
    font: normal normal medium 16px/19px Work Sans;
    letter-spacing: 0px;
    margin-top: 8px;
    margin-left: 8px;
    line-height: 1.2;
    width: 52px;
    height: 42px;
    transform: none;
}
.volver-arriba-govco:focus, .volver-arriba-govco:active {
    color: white;
    width: 118px;
    height: 54px;
    background: #004884 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 6px #00000029;
    border-radius: 27px 10px 10px 27px;
    border-width: 0px;
    text-align: left;
    outline: 7px double black !important;
    transition: all 300ms;
}
.volver-arriba-govco:focus::before, .volver-arriba-govco:active::before {
    font-family: 'govco-fontv2';
    content: "up";
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    font-size: 36px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 6px;
    color: transparent;
}
.volver-arriba-govco:focus::after, .volver-arriba-govco:active::after {
    content: "Volver arriba";
    color: white;
    position: absolute;
    text-align: center;
    font: normal normal medium 16px/19px Work Sans;
    letter-spacing: 0px;
    margin-top: 8px;
    margin-left: 8px;
    line-height: 1.2;
    width: 52px;
    height: 42px;
}
.back-to-top {
    display: inline-block;
    position: fixed;
    bottom: 1rem;
    margin-right: 1rem;
    right: 0;
}

li#main-views-viewviewsconferenciaspage-1 {
    background-color: #F7F8F9;
}

.view-filters .views-exposed-form .form--inline {
    display: flex;
    align-items: flex-start;
}
.view-filters .views-exposed-form .form--inline .form-actions {
    clear: none;
    display: flex;
    align-items: center;
    position: relative;
    top: 2.5rem;
}
.view-filters .views-exposed-form .form--inline input#edit-title{
    margin: 0;
}

/* Portadilla de conferencias */ 
.conferencia {
    overflow: hidden;
    border-radius: 0.5rem;
}
.conferencia .views-field-field-estado {
    position: absolute;
    top: 1.5rem;
    left: -1.5rem;
    background: #fff;
    color: rgb(57 32 124 / 100%);
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0.2rem 3rem;
    transform: rotate(315deg);
}
.conferencia .views-field.views-field-title a {
    color: #3366CC;
    text-decoration: underline;
    margin: 0.6rem 0 0.5rem;
    line-height: 1.5rem !important;
    font-size: 1.125rem;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.conferencia .views-field.views-field-body {
    border-bottom: 1px solid rgb(57 32 124 / 30%);
}

/* Estilos para vista de consejo directivo */
.miembro {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(179,179,179,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(179,179,179,1);
    box-shadow: 0px 0px 2px 1px rgba(179,179,179,1);
    border-radius: 0.275em;
    overflow: hidden;
    margin-bottom: 2rem;
}

.miembro .nombre {
    padding: 0.2rem 0.75rem;
    margin: 0;
    font-size: 1.125rem;
    line-height: 2rem !important;
    min-height: 50px;
    display: flex;
    align-items: center;
    background: #3a207c;
    color: #fff;
}

.miembro .cargo {
    padding: 0.5rem 0.75rem;
}

.miembro .cargo span {
    font-weight: 600;
}

.miembro .descripcion {
    padding: 0.5rem 0.75rem;
}

/* Biblioteca virtual */
.tarjeta.documento {
    box-shadow: 0 0 2px 0px rgb(0 0 0 / 20%);
    margin: 1rem 0;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #ffffff;
    display: flex;
}
.tarjeta.documento .imagen {
    width: 30%;
    height: auto !important;
    display: block;
}
.tarjeta.documento .contenido {
    margin: 1rem;
    width: 70%;
}
.tarjeta.documento .contenido h3 {
    line-height: 2rem !important;
}
.created-by {
    display: inline-flex;
    align-content: center;
}
.created-by span {
    color: #ffffff;
    padding: 0.5rem;
    font-size: 0.75rem;
}
.created-by img {
    width: 4rem;
    height: auto;
}
.file {
    background-size: 32px;
    height: 43px;
    background-position: -1px 0;
    padding: 3px 32px;
    text-overflow: unset;
    overflow: unset;
    width: auto;
    padding-right: 1rem;
}
.file a {
    color: #4b4b4b;
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
}
.file--x-office-document {
    background-image: url(../images/files/774674_doc_document_extension_file_format_icon.png) !important;
}
.file--application-pdf {
    background-image: url(../images/files/774684_pdf_document_extension_file_format_icon.png) !important; 
}

/** - - Calendario de actividades - - **/
.calendario-actividades .fc-center h2 {
    color: #39207C;
}
.calendario-actividades .fc-toolbar.fc-header-toolbar button {
    background: #685BC7;
    border-color: #685BC7;
}
.calendario-actividades .fc-toolbar.fc-header-toolbar button.fc-button-active {
    background: #39207C;
    border-color: #39207C;
}
.calendario-actividades .fc-toolbar.fc-header-toolbar button:hover {
    background: #39207C;
    border-color: #39207C;
}
.calendario-actividades .fc-unthemed td.fc-day.fc-today {
    background: rgb(5 195 221 / 20%);
}
.calendario-actividades .fc-content {
    background: #685BC7;
    border-color: #685BC7;
}
.calendario-actividades .fc-event {
    border-color: #685BC7;
    background-color: #685BC7 !important;
}
.calendario-actividades .fc-event.fc-allow-mouse-resize {
    border-color: #39207C;
}
.calendario-actividades .fc-event.fc-allow-mouse-resize .fc-content  {
    background: #39207C;
}

/** - - Modo oscuro - - **/
.modo-oscuro {
    background-color: black !important;
}
.modo-oscuro * {
    color: #ffffff !important;
    background-color: #000;
}
.modo-oscuro h2 {
    color: yellow !important;
}
.modo-oscuro .gov-co-footer-autoridad {
    background-color: #000000 !important;
}
.modo-oscuro .gov-co-footer-autoridad .footer-logo-autoridad img {
    background: #ffffff !important;
}
.modo-oscuro .sf-depth-1 {
    color: #ffffff !important;
}
.modo-oscuro .sf-depth-1:hover {
    background: #000000;
    color: #ffff00 !important;
}
.modo-oscuro .site-branding__logo img {
    background: #ffffff !important;
}
.modo-oscuro .content_top {
    border-bottom: 1px solid #fff;
}
.modo-oscuro li.dot {
    background: #fff;
}
.modo-oscuro nav#block-destacadoshome ul.nav.navbar-nav li.nav-item {
    background-color: #000000;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.modo-oscuro nav#block-destacadoshome ul.nav.navbar-nav li.nav-item a.nav-link {
    color: #ffffff !important;
}
.modo-oscuro nav#block-destacadoshome ul.nav.navbar-nav li.nav-item a.nav-link::before {
    background-color: #fff;
    border-radius: 5rem;
}
.modo-oscuro .proyectos-home {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ffff00;
}
.modo-oscuro .proyectos-home .view-proyectos .views-view-grid .tarjeta {
    background: #000000;
    border: 1px solid #ffff00;
}
.modo-oscuro .proyectos-home .view-proyectos .views-view-grid .tarjeta:hover .info a {
    color: #ffff00 !important;
}
.modo-oscuro a:hover {
    color: #ffff00 !important;
}
.modo-oscuro .view-noticias.views-block .views-view-grid .tarjeta {
    background: #000000;
    border: 1px solid #fff;
}
.modo-oscuro img {
    background-color: #ffffff;
}
.modo-oscuro .govco_bottom {
    border-top: 1px solid;
}
.modo-oscuro .govco_bottom .gov-co-logo-pie-blanco {
    background-color: #000;
}
.modo-oscuro .created-by img {
    background-color: #000000;
}
.modo-oscuro .ssf-menu-lateral .block-menu .nav-item a {
    color: #ffffff !important;
}
.modo-oscuro .ssf-menu-lateral .block-menu .nav-item:hover {
    background: #000000 !important;
}
.modo-oscuro .ssf-menu-lateral .block-menu .nav-item:hover a {
    color: #ffff00 !important;
}
.modo-oscuro .ssf-menu-lateral .block-menu .nav-item.active a {
    color: #ffff00 !important;
}
.modo-oscuro .card {
    background-color: #000000 !important;
    border: 1px solid #ffffff !important;
    border-radius: 0.5rem;
}
.modo-oscuro .card-transparencia .card.card-menu:hover a svg {
    color: #ffff00 !important;
}
.modo-oscuro h2 * {
    color: #ffff00 !important;
}
.modo-oscuro .card:hover {
    border-color: #ffff00 !important;
}
.modo-oscuro .ssf-acordion .view-grouping-header {
    background-color: #000000 !important;
    color: #ffff00 !important;
    border-color: #ffff00 !important;
    border: 1px solid;
}
.modo-oscuro .ssf-acordion .view-grouping-content {
    border: 1px solid;
    border-color: #ffffff !important;
    margin-bottom: 0;
}
.modo-oscuro .row.ssf-content--acordion {
    background: none;
}
.modo-oscuro .btn-primary {
    border-color: #ffff00;
}
.modo-oscuro .btn-primary:hover {
    background-color: transparent;
    color: #ffff00 !important;
}
.modo-oscuro .card-menu:hover svg {
    background-color:#ffffff;
    color: #ffff00 !important;
    fill: #ffff00 !important;
    -webkit-filter: invert(1);
    filter: invert(1);
}