:root {
    --blanco: #ffffff;
    --naranja1: #ec6a3b;
    --naranja2: #D6B15F;
    --verde1: #00853e;
    --verde2: #8dc641;
    --verde3: #93C020;
    --azul1: #0034A0;
    --azul2: #00bbe4;
    --azul3: #0090b3;
    --azul4: #2E7F87;
    --azul5: #182951;
    --azul6: #DDE2EA;
    --morado: #572364;
    --gris: #efebea;
    --gris2: #565656;
    --gris3: #cccbcb;
    --gris4: #F1EEEC;
    --negro: #4e4e4e;
    --amarillo: #ffdd00;
    --rojo: #a94442;
}

@font-face {
    font-family: 'Henderson Sans Basic';
    src: local("Henderson Sans Basic"), url('../fonts/henderson-sans/HendersonSansBasicRegular.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic Bold';
    src: local("Henderson Sans Basic Bold"), url('../fonts/henderson-sans/HendersonSansBasicBold.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic Bold Italic';
    src: local("Henderson Sans Basic Bold Italic"), url('../fonts/henderson-sans/HendersonSansBasicBoldItalic.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Thin';
    src: local("Henderson Sans Thin"), url('../fonts/henderson-sans/HendersonSansThin.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Thin Italic';
    src: local("Henderson Sans Thin Italic"), url('../fonts/henderson-sans/HendersonSansThinItalic.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic Black';
    src: local("Henderson Sans Basic Black"), url('../fonts/henderson-sans/HendersonSansBasicBlack.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic Black Italic';
    src: local("Henderson Sans Basic Black Italic"), url('../fonts/henderson-sans/HendersonSansBasicBlackItalic.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic Light';
    src: local("Henderson Sans Basic Light"), url('../fonts/henderson-sans/HendersonSansBasicLight.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic Light Italic';
    src: local("Henderson Sans Basic Light Italic"), url('../fonts/henderson-sans/HendersonSansBasicLightItalic.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic SemiBold';
    src: local("Henderson Sans Basic SemiBold"), url('../fonts/henderson-sans/HendersonSansBasicSemiBold.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans SemiBold Italic';
    src: local("Henderson Sans SemiBold Italic"), url('../fonts/henderson-sans/HendersonSansSemiBoldItalic.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Basic Extra Light';
    src: local("Henderson Sans Basic Extra Light"), url('../fonts/henderson-sans/HendersonSansBasicExtraLight.otf') format('OpenType');
}

@font-face {
    font-family: 'Henderson Sans Extra Light Italic';
    src: local("Henderson Sans Extra Light Italic"), url('../fonts/henderson-sans/HendersonSansExtraLightItalic.otf') format('OpenType');
}

.clearfix {
    clear: both
}

.mt-4 {
    margin-bottom: 35px
}

.modal-xl {
    max-width: 1140px;
    margin: 0 auto
}

.modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
    display: flex
}

.modal-dialog-scrollable .modal-body {
    overflow-y: scroll
}

.modal-content {
    width: 100%;
    display: block
}

header .rrss {
    width: 32px;
    padding: 3px
}

.menu-social-sticky {
    left: 20px;
    top: 60%;
    z-index: 110;
    display: block;
    position: fixed;
    max-width: 20rem
}

.menu-social-sticky .rrss {
    width: 32px;
    padding: 3px
}

.footer .rrss {
    width: 45px;
    padding: 3px
}

.node-3463 .zopim {
    display: none
}

.file {
    display: table;
    font-size: 100%;
    margin: 5px 0
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1170px !important;
    }
}


body {
    font-family: "Segoe UI", sans-serif;
    overflow-x: hidden;
    font-size: 15px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 130%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Henderson Sans Basic", sans-serif
}

h1 {
    color: #013C56
}

h2 {
    color: #0035A0;
    font-size: 1.75em;
    font-weight: 700;
    margin-top: 0;
    display: block;
    width: 100%;
    clear: both
}

.intro h2, .content-page h2 {
    color: #0035A0 !important;
}

h3 {
    color: #5C749B !important;
    font-size: 1.375em !important;
    font-weight: 700;
    display: inline-block !important;
    width: 100% !important;
}

.content-page a {
    color: #19498E;
    font-family: "Henderson Sans Basic", sans-serif;
    text-decoration: none !important;
}

.content-details a {
    color: #19498E !important;
}

p,
.content li {
    font-family: "Henderson Sans Basic", sans-serif;
    font-size: 1.125em;
    color: #333
}

ul li::marker {
    color: #0073AC
}

ol li::marker {
    color: #0035A0;
    font-family: 'Henderson Sans Basic Bold'
}

a {
    text-decoration: none !important;
}

.mb-4 {
    margin-bottom: 25px
}

.mt-5 {
    margin-top: 3rem
}

.py-4 {
    padding-top: 20px;
    padding-bottom: 15px
}

.img-link {
    min-height: 400px
}

.img-link img {
    border: #F0F0F0 1px solid
}

.img-link a {
    display: inline-block;
    color: var(--blanco);
    transition: 0.3s
}

.img-link a p {
    padding: 5px;
    display: block
}

.img-link a:hover {
    background: var(--naranja2);
    text-decoration: none;
    transition: 0.3s
}

.menu p,
.menu li,
.menu span,
.menu strong {
    font-family: "Henderson Sans Basic", sans-serif;
    text-transform: none;
}

.page-header {
    color: #013C56;
    font-size: 2.063em;
    padding: 20px 0 20px;
    font-family: 'Henderson Sans Basic Bold', sans-serif
}

.video-details img {
    cursor: pointer
}

.video-details p {
    padding: 5px 0;
    display: block;
    color: var(--gris2)
}

.navbar {
    margin-bottom: 5px
}

.section-header {
    background-color: #192952;
    padding-bottom: 20px
}

.section-header.home {
    background-color: #fff0;
    position: absolute;
    z-index: 1000;
    width: 100%
}

.form-group {
    margin-bottom: 20px
}

.contenedor-audios {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px
}

.item-audio {
    text-align: center;
    flex-basis: 30rem;
    flex-grow: 1
}

.item-audio img {
    display: block;
    margin: 0 auto;
    width: fit-content
}

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

.form-submit {
    padding: 8px 12px;
    margin-left: 10px;
    border-radius: 0;
    background: #1D1D1B;
    color: var(--blanco);
    text-transform: uppercase;
    font-size: 1em;
    border: none
}

.form-submit:hover {
    background: var(--azul4);
    color: var(--blanco)
}

.main-container p,
.main-container li {
    line-height: 150%
}

.main-container p {
    clear: both;
    margin-bottom: 25px;
}

.content-details li {
    list-style: none;
}

.content-details li {
    display: inline-block;
}

.content-details li {
    background: url(../img/bullet-li-sq.png) no-repeat 0 7px;
    margin-bottom: 8px;
    float: left;
    padding-left: 15px;
    clear: both;
}

.content-details ol>li {
    list-style: disc;
}

.content-details ol>li {
    background: none;
}

.tabs--primary li {
    background: #fff0
}

.content-details .nav-tabs li {
    clear: none !important;
    background: none;
    padding: 0
}

.content-details .nav-tabs>li>a {
    padding: 10px 15px;
    position: relative;
    display: block;
    border-radius: 2px;
}

.content-details .nav-tabs>li.active>a,
.content-details .nav-tabs>li.active>a:hover,
.content-details .nav-tabs>li.active>a:focus,
.content-details .nav-tabs>li>a.active,
.content-details .nav-tabs>li>a.active:hover,
.content-details .nav-tabs>li>a.active:focus {
    background-color: #182951 !important;
    color: var(--blanco) !important;
    font-weight: 700
}

.content-details .nav-tabs>li>a:hover {
    background-color: #182951;
    color: var(--blanco) !important;
    font-weight: 700
}

.views-exposed-form {
    margin-bottom: 30px;
    position: relative;
    font-size: .9em
}

.views-exposed-form .form-item,
.views-exposed-form .form-actions {
    margin-bottom: 8px;
    display: inline-block;
}

.views-exposed-form .form-control,
.views-exposed-form select {
    border-radius: 0;
    border-color: #1D1D1B;
}

.views-exposed-form select {
    margin-top: 3px;
}

.views-exposed-form .form-actions input {
    margin-top: 24px;
    border-radius: 0;
    background: #1D1D1B;
    border: transparent;
    color: var(--blanco);
}

.views-exposed-form .form-actions input:hover {
    background-color: #0035A0;
}

.views-field-field-ubicacion-en-google-maps iframe {
    width: 28%;
    float: right
}

.main-container .view-videos-para-descarga .views-row .views-field {
    border: 1px solid #CEAB65;
    margin-bottom: 20px;
    min-height: 225px;
    padding: 20px
}

.portada-area img {
    max-width: 100%;
    margin-bottom: 30px
}

.descripcion {
    margin-bottom: 30px
}

.view-id-preguntas_frecuentes .ui-accordion-header-active h3 {
    color: #fff
}

.views-accordion-header,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--naranja2);
    background: var(--naranja2);
    color: #192952;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.375em;
    position: relative;
    padding: 10px 20px !important;
    font-family: 'Henderson Sans Basic', sans-serif;
}

.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: none !important;
    display: none
}

.ui-icon-triangle-1-e {
    display: none
}

.ui-icon-triangle-1-s {
    background-position: 0 0
}

.ui-icon {
    width: 0;
    height: 0
}

.ui-accordion-content {
    font-family: "Henderson Sans Basic", sans-serif;
}

.ui-state-active .field-content {
    position: relative;
    text-transform: uppercase
}

.ui-accordion-header-active .field-content:after {
    top: 0px;
    right: 5px;
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    display: inline-block;
    transform: rotate(-90deg);
    transition: 0.5s all ease;
    mask: url(../img/flecha_blanca.svg);
    mask-repeat: no-repeat;
    background: #192952;
}

.ui-accordion-header-collapsed .field-content {
    position: relative;
}

.ui-accordion-header-collapsed .field-content:after {
    top: 10px;
    right: 5px;
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    display: inline-block;
    transform: rotate(-90deg);
    transition: 0.5s all ease;
    mask: url(../img/flecha_blanca.svg);
    mask-repeat: no-repeat;
    background: #192952;
    transform: rotate(90deg);
    transition: 0.5s all ease;
}

.panel-group span.panel-title a {
    background-image: none !important;
}

.view-oficinas h3 {
    margin-left: -10px
}

.navbar-default {
    background-color: #fff0;
    border-color: #fff0
}


.region-front-3 .views-field.views-field-title a {
    color: var(--gris2);
    font-weight: 700
}

.region-front-3 .views-row {
    border-bottom: #586381 1px solid;
    margin-bottom: 10px
}

.region-slider .owl-slider-wrapper {
    background-color: #454545
}

.path-frontpage time {
    color: var(--naranja2);
    margin: 5px 0;
    display: block
}

.oficinas h2 {
    font-size: 1.2em;
    margin-bottom: 2px;
}

.oficinas .view-content {
    padding-top: 15px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

h2.trans {
    margin-bottom: 30px
}

ul.trans-icons {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

ul.trans-icons li {
    width: 170px;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

ul.trans-icons li::before {
    content: ""
}

ul.trans-icons li a {
    min-height: 230px;
    padding: 130px 0 0 0;
    display: block;
    text-align: center;
    color: var(--azul1);
    font-size: .9em;
    font-weight: 700;
    line-height: normal;
}

ul.trans-icons li:nth-child(1) a {
    background: url(../img/ic-otroServicios-contraloria.png) no-repeat top center;
}

ul.trans-icons li:nth-child(2) {
    display: none
}

ul.trans-icons li:nth-child(2) a {
    background: url(../img/ic-form-informacion.png) no-repeat top center;
}

ul.trans-icons li:nth-child(3) a {
    background: url(../img/participacion.png) no-repeat top center;
}

ul.trans-icons li:nth-child(4) a {
    background: url(../img/servicios.png) no-repeat top center;
}

ul.trans-icons li:nth-child(5) a {
    background: url(../img/bienes.png) no-repeat top center;
}

ul.trans-icons li:nth-child(6) a {
    background: url(../img/recursos-h.png) no-repeat top center;
}

ul.trans-icons li:nth-child(7) a {
    background: url(../img/jerarcas.png) no-repeat top center;
}

ul.trans-icons li:nth-child(8) a {
    background: url(../img/compras.png) no-repeat top center;
}

ul.trans-icons li:nth-child(9) a {
    background: url(../img/planes.png) no-repeat top center;
}

ul.trans-icons li:nth-child(10) a {
    background: url(../img/informes.png) no-repeat top center;
}

ul.trans-icons li:nth-child(11) a {
    background: url(../img/presupuestos.png) no-repeat top center;
}

ul.trans-icons li:nth-child(12) a {
    background: url(../img/datos.png) no-repeat top center;
}

ul.trans-icons li:nth-child(13) a {
    background: url(../img/ic-servicios-auditoria.png) no-repeat top center;
}

ul.trans-icons li:nth-child(14) a {
    background: url(../img/ic-otroServicios-sistemaControlInterno.png) no-repeat top center;
}

ul.trans-icons li:nth-child(15) a {
    background: url(../img/icono-admin-tributaria.png) no-repeat top center;
}

ul.trans-icons li:nth-child(16) a {
    background: url(../img/icono-gestion-etica.png) no-repeat top center;
}

ul.trans-icons li:nth-child(17) a {
    background: url(../img/icono-admin-tributaria.png) no-repeat top center;
}

ul.trans-icons li:nth-child(18) a {
    background: url(../img/ico-memorias-institucionales.png) no-repeat top center;
}

ul.trans-icons li:nth-child(19) a {
    background: url(../img/icono_UEIG.png) no-repeat top center;
}

ul.trans-icons li:nth-child(20) a {
    background: url(../img/icn_gerenciageneral.svg) no-repeat top center;
}

ul.trans-icons li:nth-child(21) a {
    background: url(../img/icn_direccionsoporte.svg) no-repeat top center;
}

ul.trans-icons li a.direc-social {
    background: url(../img/ico-direccion_desarrollo_social.svg) no-repeat top center;
}

ul.trans-icons li a.direc-gestion {
    background: url(../img/ico_direccion_gestion_recursos.svg) no-repeat top center;
}

ul.trans-icons li a {
    background-size: 125px !important
}

.main-container {
    padding-top: 30px;
    padding-bottom: 30px
}

.menu-trans {
    margin-top: 15px;
    margin-bottom: 30px
}

.menu-trans h1 {
    text-transform: uppercase;
    color: #013C56;
    border-right: #013C56 2px solid;
    margin: 10px;
    font-size: 2.5em
}

.transp h1 {
    font-size: 2.5em;
    color: #013C56
}

ul.menu--areas-regionales li a {
    margin-bottom: 5px;
    text-transform: none
}

ul.menu--transparencia,
ul.menu--transparencia-02 {
    list-style: none
}

.name-transparencia {
    color: #fff;
    font-size: 1.7em;
    text-align: center;
    text-decoration: none;
    font-family: 'Henderson Sans Basic', sans-serif;
}

.name-transparencia-02 {
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    text-decoration: none;
    font-family: 'Henderson Sans Basic', sans-serif;
}

ul.menu--transparencia li,
ul.menu--transparencia-02 li {
    float: left
}

.transparencia-menu .nav,
.transparencia-menu-2 .nav {
    justify-content: start;
}

ul.menu--transparencia li a,
ul.menu--transparencia-02 li a,
.transparencia-menu-2 li a,
.transparencia-menu li a {
    color: #666;
    background: #fff0;
    width: 65px;
    height: 65px;
    margin-right: 20px;
    text-indent: -9999px
}

ul.menu--transparencia li:nth-child(1) a,
ul.menu--transparencia-02 li:nth-child(1) a,
.transparencia-menu-2 li:nth-child(1) a,
.transparencia-menu li:nth-child(1) a {
    width: 50px;
    height: 50px;
    background: url(../img/icon-acceso-informacion-rollover.svg) no-repeat left top;
    background-size: 50px
}

ul.menu--transparencia li:nth-child(1) a:hover,
ul.menu--transparencia-02 li:nth-child(1) a:hover,
.transparencia-menu li:nth-child(1) a:hover,
.transparencia-menu-2 li:nth-child(1) a:hover {
    background: url(../img/icon-acceso-informacion-rollover.svg) no-repeat left bottom;
    background-size: 50px
}

ul.menu--transparencia li:nth-child(2) a,
ul.menu--transparencia-02 li:nth-child(2) a,
.transparencia-menu li:nth-child(2) a,
.transparencia-menu-2 li:nth-child(2) a {
    width: 55px;
    height: 55px;
    background: url(../img/icon-rendicion-de-cuentas-rollover.svg) no-repeat left top;
    background-size: 55px
}

ul.menu--transparencia li:nth-child(2) a:hover,
ul.menu--transparencia-02 li:nth-child(2) a:hover,
.transparencia-menu li:nth-child(2) a:hover,
.transparencia-menu-2 li:nth-child(2) a:hover {
    background: url(../img/icon-rendicion-de-cuentas-rollover.svg) no-repeat left bottom;
    background-size: 55px
}

ul.menu--transparencia li:nth-child(3) a,
ul.menu--transparencia-02 li:nth-child(3) a,
.transparencia-menu li:nth-child(3) a,
.transparencia-menu-2 li:nth-child(3) a {
    background: url(../img/icon-particacion-cuidadana-rollover.svg) no-repeat left top;
    background-size: 65px
}

ul.menu--transparencia li:nth-child(3) a:hover,
ul.menu--transparencia-02 li:nth-child(3) a:hover,
.transparencia-menu li:nth-child(3) a:hover,
.transparencia-menu-2 li:nth-child(3) a:hover {
    background: url(../img/icon-particacion-cuidadana-rollover.svg) no-repeat left bottom;
    background-size: 65px
}

ul.menu--transparencia li:nth-child(4) a,
.transparencia-menu li:nth-child(4) a {
    background: url(../img/icon-datos-abiertos-rollover.svg) no-repeat left top;
    background-size: 65px
}

ul.menu--transparencia li:nth-child(4) a:hover,
.transparencia-menu li:nth-child(4) a:hover {
    background: url(../img/icon-datos-abiertos-rollover.svg) no-repeat left bottom;
    background-size: 65px
}

ul.menu--transparencia-02 li:nth-child(4) a,
.transparencia-menu-2 li:nth-child(4) a {
    width: 55px;
    height: 55px;
    background: url(../img/icono-presupuestos-lineal_y_color.svg) no-repeat left top;
    background-size: cover
}


ul.menu--transparencia-02 li:nth-child(4) a:hover,
.transparencia-menu-2 li:nth-child(4) a:hover {
    background: url(../img/icono-presupuestos-lineal_y_color.svg) no-repeat left bottom;
    background-size: cover
}

.bg-trans {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    min-height: 210px
}

.bg-trans.dark-blue {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    min-height: 210px;
    background: #202F51;
}

.bg-trans img {
    width: 40%;
    max-height: 80px;
    margin: 0 auto 25px auto
}

.bg-trans h2 {
    color: var(--blanco);
    text-transform: uppercase;
    font-size: 1.6em;
    font-family: 'Henderson Sans Basic', sans-serif;
}

.bg-trans span.wrapper-icon {
    min-height: 125px;
    display: block
}

.transparencia-levels .view-transparencia .wrapper {
    padding: 0;
}

.transparencia-levels .view-transparencia .wrapper a {
    margin: 0;
    line-height: 22px;
    min-height: 240px;
    align-content: space-between;
    font-family: 'Henderson Sans Basic', sans-serif;
}

.transparencia-levels .wrapper-icon {
    min-height: 80px;
    margin-bottom: 5px;
}

.transparencia-levels .trans-599 .wrapper-icon img {
    width: 95px;
}

.tab-content-block {
    background: #f7f8f9;
    border: #e6e6e6 1px solid;
    padding: 0
}

.tab-content-block .nivel p {
    max-width: 80%;
    color: #575756
}

.tab-content-block .nivel.n-2 p {
    font-weight: 700
}

.tab-content-block .nivel.n-2 .level p,
.tab-content-block .nivel.n-2 .level li,
.tab-content-block .nivel.n-2 .level span {
    font-weight: 500;
    color: #575756;
}

.tab-content-block h3 {
    margin-top: 0;
    font-family: 'Henderson Sans Basic', sans-serif;
    font-weight: 700;
    color: #f89827;
    font-size: 1.4em
}

#transparencia-term-247 .tab-content-block .n-2 h2,
#transparencia-term-492 .tab-content-block .n-2 h2 {
    color: #202F51
}

#transparencia-term-248 .tab-content-block .n-2 h2,
#transparencia-term-598 .tab-content-block .n-2 h2 {
    color: #001B50
}

#transparencia-term-249 .tab-content-block .n-2 h2,
#transparencia-term-599 .tab-content-block .n-2 h2 {
    color: #0035A0
}

#transparencia-term-271 .tab-content-block .n-2 h2,
#transparencia-term-600 .tab-content-block .n-2 h2 {
    color: #335DB3
}

#transparencia-term-247 .tab-content-block h3,
#transparencia-term-492 .tab-content-block h3 {
    color: #202F51
}

#transparencia-term-248 .tab-content-block h3,
#transparencia-term-598 .tab-content-block h3 {
    color: #001B50
}

#transparencia-term-249 .tab-content-block h3,
#transparencia-term-599 .tab-content-block h3 {
    color: #0035A0
}

#transparencia-term-271 .tab-content-block h3,
#transparencia-term-600 .tab-content-block h3 {
    color: #335DB3
}

.tab-content-block .nivel {
    padding: 20px 30px;
    border-bottom: #CEAB65 1px solid
}

.tab-content-block .nivel.n-2:last-child {
    border: none
}

.tab-content-block .nivel>div {
    padding-bottom: 15px
}

.tab-content-block .nivel .row {
    margin: 0
}

.ver-detalle {
    color: var(--blanco);
    text-transform: uppercase;
    padding: 10px;
    border-radius: 6px;
    float: right;
    font-size: .9em
}

.ver-detalle:hover {
    color: var(--blanco);
    text-decoration: none
}

#transparencia-term-247 .ver-detalle,
#transparencia-term-492 .ver-detalle {
    background: #202F51;
    color: #ffffff;
}

#transparencia-term-248 .ver-detalle,
#transparencia-term-598 .ver-detalle {
    background: #0035A0;
    color: #ffffff;
}

#transparencia-term-249 .ver-detalle,
#transparencia-term-599 .ver-detalle {
    background: #335DB3;
    color: #ffffff;
}

#transparencia-term-271 .ver-detalle,
#transparencia-term-600 .ver-detalle {
    background: #335DB3;
    color: #ffffff;
}

#transparencia-term-247 .ver-detalle:hover,
#transparencia-term-492 .ver-detalle:hover {
    background: #15213d;
    color: #ffffff;
}

#transparencia-term-248 .ver-detalle:hover,
#transparencia-term-598 .ver-detalle:hover {
    background: #06132d;
    color: #ffffff;
}

#transparencia-term-249 .ver-detalle:hover,
#transparencia-term-599 .ver-detalle:hover {
    background: #02256b;
    color: #ffffff;
}

#transparencia-term-271 .ver-detalle:hover,
#transparencia-term-600 .ver-detalle:hover {
    background: #335DB3;
    color: #ffffff;
}

.trans-desc .wrapper {
    padding: 40px 40px 40px 60px;
    background: #f7f8f9;
    border: #e6e6e6 2px solid;
    font-size: 1.2em
}

#transparencia-term-247 .trans-desc .wrapper,
#transparencia-term-492 .trans-desc .wrapper {
    border-right: #202F51 10px solid
}

#transparencia-term-248 .trans-desc .wrapper,
#transparencia-term-598 .trans-desc .wrapper {
    border-right: #001B50 10px solid
}

#transparencia-term-249 .trans-desc .wrapper,
#transparencia-term-599 .trans-desc .wrapper {
    border-right: #0035A0 10px solid
}

#transparencia-term-271 .trans-desc .wrapper,
#transparencia-term-600 .trans-desc .wrapper {
    border-right: #335DB3 10px solid
}

.tabs-niveles {
    margin-top: 25px;
    padding-top: 25px;
    border-top: #e6e6e6 1px solid
}

.tabs-niveles .nav-tabs>li {
    border-radius: 0;
    background: #fff0;
    width: 100%
}

.tabs-niveles .nav-tabs>li a {
    color: var(--blanco);
    border-radius: 0;
    width: 90%
}

:is(#transparencia-term-247, #transparencia-term-492) {
    --tab-bg: #202F51;
    --tab-active: #15213d;
}

:is(#transparencia-term-248, #transparencia-term-598) {
    --tab-bg: #001B50;
    --tab-active: #06132d;
}

:is(#transparencia-term-249, #transparencia-term-599) {
    --tab-bg: #0035A0;
    --tab-active: #02256b;
}

:is(#transparencia-term-271, #transparencia-term-600) {
    --tab-bg: #335DB3;
    --tab-active: #274582;
}

.tabs-niveles .nav-tabs :is(.nav-link, > li > a) {
    background-color: var(--tab-bg);
}

.tabs-niveles .nav-tabs :is(.nav-link, > li > a):is(:hover, :focus, .active),
.tabs-niveles .nav-tabs>li.active>a {
    background-color: var(--tab-active);
    width: 100%;
    color: var(--blanco) !important;
    cursor: default;
    border: 1px solid transparent;
    border-radius: 0;
}

.transp h1 {
    text-transform: uppercase;
    text-align: right;
    margin-right: 15px;
    margin-top: 0
}

.transp p {
    text-align: center;
    position: relative;
    border-left: 3.5px solid #CEAB65;
    background-size: 15px;
    padding-left: 30px
}

.transp p::before {
    top: 0;
    left: 8px;
    content: "";
    width: 3px;
    height: 100%;
    background: #192952;
    position: absolute;
    display: inline-block
}

.transp p::after {
    top: 0;
    left: 20px;
    content: "";
    width: 3px;
    height: 100%;
    background: #0035A0;
    position: absolute;
    display: inline-block
}

#transparencia-term-247 .header .bg-trans,
#transparencia-term-492 .header .bg-trans {
    background: #202F51;
    background-size: 400px;
    padding-top: 30px
}

#transparencia-term-248 .header .bg-trans,
#transparencia-term-598 .header .bg-trans {
    background: #001B50;
    background-size: 400px;
    padding-top: 30px
}

#transparencia-term-249 .header .bg-trans,
#transparencia-term-599 .header .bg-trans {
    background: #0035A0;
    background-size: 400px;
    padding-top: 30px
}

#transparencia-term-271 .header .bg-trans,
#transparencia-term-600 .header .bg-trans {
    background: #335DB3;
    background-size: 400px;
    padding-top: 30px
}

.view-transparencia {
    margin-top: 50px;
    margin-bottom: 40px
}

.view-transparencia .wrapper {
    padding: 10px;
    min-height: 100%
}

.view-transparencia .wrapper a {
    color: var(--blanco);
    text-align: center;
    text-transform: uppercase;
    font-family: "Segoe UI", sans-serif;
    line-height: 110%;
    width: 100%;
    min-height: 295px;
    margin: 5px;
    border: var(--blanco) 5px solid
}

.view-transparencia .wrapper a:hover {
    text-decoration: none
}

a.trans-247 img,
a.trans-248 img,
a.trans-249 img,
a.trans-271 img,
a.trans-492 img,
a.trans-598 img,
a.trans-599 img,
a.trans-600 img {
    width: 75px;
    margin: 10px auto;
    display: block
}

a.trans-249 .wrapper-icon {
    padding-top: 30px
}

a.trans-271 img {
    width: 60px
}

a.trans-600 img {
    width: 80px
}

a.trans-247,
a.trans-492 {
    border: 5px solid #202F51;
    background: #202F51;
    text-decoration: none;
    background-size: cover;
    padding: 10px;
    display: block;
    text-align: center;
}

a.trans-248,
a.trans-598 {
    background: #001B50;
    background-size: cover;
    text-decoration: none;
    border: 5px solid #001B50;
    padding: 10px;
    display: block;
    text-align: center;

}

a.trans-248 span,
a.trans-598 span {
    padding: 0 12px;
    text-align: center;
    display: block
}

a.trans-249,
a.trans-599 {
    border: 5px solid #0035A0;
    background: #0035A0;
    background-size: cover;
    padding: 10px;
    display: block;
    text-align: center;
    text-decoration: none;
}

a.trans-271,
a.trans-600 {
    border: 5px solid #335DB3;
    background: #335DB3;
    background-size: cover;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    display: block;
}

a.trans-247:hover,
a.trans-492:hover {
    border: #001B50 5px solid
}

a.trans-248:hover,
a.trans-598:hover {
    border: #0035A0 5px solid
}

a.trans-249:hover,
a.trans-599:hover {
    border: #335DB3 5px solid
}

a.trans-271:hover,
a.trans-600:hover {
    border: #6686C6 5px solid
}

.wrapper-icon {
    min-height: 130px
}

.banner-transparencia {
    background: #f7f8f9;
    margin-top: 50px;
    margin-bottom: 50px
}

.banner-transparencia .banner-logo,
.banner-transparencia .banner-info {
    min-height: 165px;
    padding: 20px 30px 0 30px
}

.banner-transparencia .banner-logo {
    border: #e6e6e6 1px solid;
    border-right: #FFF 1px solid
}

.banner-transparencia .banner-info {
    border: #e6e6e6 1px solid;
    border-left: #FFF 1px solid
}

.banner-transparencia .banner-info p {
    color: #575756;
    margin-top: 20px
}

.menu .videos,
.menu .videos-fotos {
    padding-top: 15px
}

.menu .videos-fotos .more-link a {
    clear: both;
    float: right;
    margin-top: 15px
}

.menu .videos a {
    color: var(--morado);
    text-transform: none
}

.region-menu-desarrollo,
.block-views-blockcomunicados-block-3 {
    margin-bottom: 20px;
    display: inline-block
}

.menu-misc,
.menu-social,
.region-social,
.region-menu-top {
    list-style: none;
    margin-top: 8px;
    float: right;
    overflow: hidden
}

.menu-social {
    padding: 10px 0 0
}

.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: end;
}

.navbar-nav .nav-item {
    list-style: none;
}

.menu-misc li,
.top li {
    list-style: none;
    margin: 9px 10px 9px 0;
    padding: 0;
}

.menu-misc li:after,
.top li:after {
    display: none
}

.top li.last:after {
    content: "|";
    color: #676767;
    position: absolute;
    right: 0;
    margin-top: -30px
}

.menu-misc license.last:after,
.top license.last:after {
    content: none
}

.menu-misc li a,
.top li a {
    color: #fff;
    font-size: .9em;
    padding: 10px
}

.top li a:hover,
.top li a:focus {
    background: #fff0;
    text-decoration: underline
}

.menu-social li {
    float: none;
    display: block
}

.trademark {
    padding-bottom: 10px;
    display: inline-block
}

.trademark .cr img {
    margin-top: 8px;
    padding-left: 15px;
    border-left: 1px solid #E3E3E3
}

.trademark .imas img {
    width: 400px;
    float: right
}

.btn-chat {
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 9
}

header .search {
    margin-top: 11px;
    width: 310px;
    margin-left: auto;
    padding-right: 0;
}

.search input::placeholder {
    color: transparent;
}

.search input:focus {
    background-color: transparent !important;
}

.search .form-control {
    background-color: #fff0;
    border: 1px solid #fff;
    border-right: 0;
    color: #fff !important;
    border-radius: 0;
    height: 34px;
    width: 180px
}



.search .input-group .form-control:focus-visible {
    outline: 0;
}

.search .input-group .form-control::placeholder {
    color: #fff0
}

.search .input-group-btn button {
    border-radius: 0;
    background: transparent !important;
    height: 44px;
    width: 44px;
    margin-left: 2px
}

.search .input-group-btn button:focus-visible,
.search .input-group-btn button:focus {
    outline: 0;
}

.search .input-group-btn button .sr-only {
    font-size: 15px;
    display: block;
    width: fit-content;
    height: fit-content;
    position: absolute;
    color: #fff;
    top: 0;
    border: 1px solid #fff;
    border-left: 0;
    clip: auto;
    left: 0;
    padding: 11.5px;
    text-transform: capitalize
}

#search-block-form #edit-submit,
#search-block-form .form-submit  {
    background-color: transparent;
    border: #FFFFFF 1px solid;
    height: auto;
    min-height: 47px;
    border-radius: 0;
    margin: -6px 0 0 -4px;
}

.search .input-group-btn button .sr-only::before {
    content: "";
    top: 5px;
    left: 0;
    width: 1px;
    height: 35px;
    position: absolute;
    display: inline-block;
    background: #fff
}

header .navbar {
    margin-bottom: 0
}

.region-beneficios-4 {
    display: inline-block;
    margin-bottom: 20px
}

.beneficios-list .views-row .wrapper {
    width: 100%;
    min-height: 280px;
    padding: 0 20px;
    text-align: center;
    display: inline-block
}

.beneficios-list .views-row .wrapper img {
    margin: 0 auto
}

.beneficios-list h3 {
    display: block;
    width: 100%;
    padding: 20px 0 10px 0;
    margin: 0;
    float: left;
    color: #EC6A3B;
    border-bottom: #EC6A3B 1px solid;
    margin-bottom: 20px
}

.share {
    display: flex;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 20px;
    margin-top: -5px
}

.addthis_sharing_toolbox {
    float: right;
    width: 120px
}

.share span {
    text-transform: uppercase;
    font-size: .9em;
    color: #666;
    padding-top: 4px;
    padding-right: 10px;
    height: 32px;
    line-height: 2.5em;
    display: inline-block;
    float: right;
    text-align: right
}

.share-label {
    width: 115px
}

.at-icon-wrapper {
    background: transparent !important
}

.at-icon-wrapper g {
    display: none
}

.at-icon-facebook {
    background: url(../img/ico-facebook-compartir.png) no-repeat top center
}

.at-icon-twitter {
    background: url(../img/ico-twitter-compartir.png) no-repeat top center
}

.at-icon-email {
    background: url(../img/ico-mail-compartir.png) no-repeat top center
}

.slider {
    padding: 0;
    margin: 0
}

.slider a {
    background-color: #CEAB65;
    text-transform: uppercase;
    margin: 20px auto 20px auto;
    font-family: 'Segoe UI', sans-serif;
    width: fit-content;
    padding: 10px 20px;
    font-size: 1.125em;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    color: #192952 !important;
    display: block;
    clear: both
}

.slider a:hover {
    background-color: #b19459;
    text-decoration: none;
    color: #152243 !important
}

.slider img {
    max-width: 100%;
    position: absolute
}

.slider .bg-container {
    width: 100%;
    bottom: 0;
    height: 100%;
    padding: 10px;
    color: #fff;
    position: relative
}

.slider .container .half {
    width: 75%;
    margin: auto;
    margin-top: 22%;
    padding: 0 30px 70px 0;
    text-align: center;
    font-family: 'Henderson Sans Basic', sans-serif
}

.slider .container .half h3 {
    color: var(--gris);
    margin-top: 0
}

.slider .container h2 {
    font-size: 2.5em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.slider .container p {
    font-size: 1.125em;
    color: #fff;
    font-family: 'Segoe UI'
}

.slider .container a {
    color: #FFF
}

.slider .container a.read-more {
    background-color: #CEAB65;
    text-transform: uppercase;
    margin: 20px auto 0 auto;
    font-family: 'Segoe UI';
    width: fit-content;
    padding: 10px 20px;
    font-size: 1.125em;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    color: #192952;
    display: block;
    clear: both
}

.slider .container a.read-more:hover {
    background-color: #b19459;
    text-decoration: none;
    color: #152243
}

.block-views-blocksobre-este-beneficio-block-1 {
    padding: 10px 10px;
    background-color: var(--gris)
}

.slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.slider .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0
}

.slider .owl-theme .owl-controls .owl-buttons div.owl-prev,
.slider .owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    top: 35%;
    z-index: 10
}

.slider .owl-theme .owl-controls .owl-buttons div.owl-next {
    float: right;
    background: var(--amarillo) url(../img/flecha-slider-next.png) no-repeat center center
}

.slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
    float: left;
    background: var(--amarillo) url(../img/flecha-slider-back.png) no-repeat center center
}

.slider .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 0;
    padding: 0;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: var(--amarillo);
    filter: Alpha(Opacity=90);
    opacity: .9;
    height: 50px;
    width: 50px;
    text-indent: -9999px
}

.avisos {
    background: #F2F2F2;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 14px
}

.banners {
    margin-top: 20px
}

.comunicados-recientes span.field-content a {
    color: var(--azul3);
    font-size: .9em;
    padding: 0
}

.comunicados-recientes .more-link.form-group a {
    margin: 15px 0;
    display: inline-block
}

.more-content {
    width: 100%;
    height: 100%
}

.announcements,
.strategy,
.logos,
.about_us {
    padding: 25px 0 65px 0;
    margin-top: 30px;
    position: relative
}

.help {
    position: relative;
    padding: 25px 15px
}

.announcements h2,
.help h2,
.strategy h2,
.video-destacado h2,
.about_us h2,
.advice h2 {
    font-family: "Henderson Sans Basic Bold", sans-serif;
    font-size: 2.063em;
    margin-bottom: 25px
}

.help h2 {
    display: none
}

.video-destacado {
    padding-top: 30px;
    padding-bottom: 30px
}

.video-destacado img {
    width: 100%
}

.video-item a:hover {
    text-decoration: none
}

.video-destacado span.title {
    width: 94%;
    position: relative;
    z-index: 100;
    padding: 25px 25px 25px 45px;
    display: block;
    color: #fff;
    font-size: 1.25em;
    font-family: 'Segoe UI';
    background: url(../img/ico-videos.svg) no-repeat 15px 30px;
    background-color: #D85830;
    background-size: 18px;
    margin: -30px auto 0
}

.video-destacado span.title:hover {
    text-decoration: none
}

a.btn-mapa-down {
    background: var(--naranja2) url(../img/download-beneficios.png) no-repeat 6px 2px;
    color: #fff;
    padding: 3px 10px 5px 28px;
    text-transform: uppercase;
    margin-top: 15px;
    display: block;
    width: 110px;
    font-size: .8em
}

.views-field-field-fecha,
time {
    font-family: 'Segoe UI';
    font-size: 1.125em;
    color: #182951;
    margin-bottom: 10px
}

.views-field-field-fecha,
time {
    font-family: 'Segoe UI', sans-serif;
    font-size: 1.125em;
    color: #182951;
    margin-bottom: 10px;
}

ul.menu-ofi-tabs {
    list-style: none;
    display: -webkit-inline-box;
    padding-left: 0;
    width: 100%;
    margin-bottom: 30px;
}

ul.menu-ofi-tabs li {
    margin: 0 10px 0 0
}

ul.menu-ofi-tabs li.active a,
ul.menu-ofi-tabs li a:hover {
    background: var(--azul1);
    color: #FFF;
    text-decoration: none
}

.ul-list {
    list-style: disc;
}

.ul-list li {
    list-style: disc;
}

ul.menu-ofi-tabs a {
    background-color: var(--gris3);
    color: #fff;
    padding: 10px 10px;
    display: block
}

ul.menu-tabs {
    list-style: none;
    display: inline-flex;
    padding-left: 0;
    width: 100%;
    margin-bottom: 30px;
}

ul.menu-tabs li {
    padding: 0;
    background: none;
    margin: 0 10px 0 0
}

ul.menu-tabs li.active a,
ul.menu-tabs li a:hover {
    background: var(--azul1);
    color: #FFF;
    text-decoration: none
}

ul.menu-tabs a {
    background-color: var(--gris3);
    color: #fff;
    padding: 10px 10px;
    display: block
}

a.active-m {
    background-color: var(--azul1) !important
}

.extra {
    width: 100%;
    clear: both
}

.tienda {
    overflow: hidden
}

.btn-primary.webform-button--submit {
    background-color: var(--naranja2);
    border: none;
    border-radius: 0;
    margin-top: 8px;
    padding: 5px 15px
}

.btn-primary.webform-button--submit:hover {
    background-color: var(--negro);
}
.help h2 {
    font-size: 1.5em;
    color: #FFF
}

.help h2 a {
    color: #FFF
}

.help .navbar-nav>li {
    display: inline-block;
    width: 100%
}

.help .navbar-nav>li>a {
    font-size: .9em;
    padding: 5px
}

.help .navbar-nav>li>a:hover {
    background: #fff0;
    color: #F2F2F2
}

.announcements .comunicados-recientes .title.news {
    font-size: 1.6em;
    font-weight: 700;
    font-family: "Henderson Sans Basic", sans-serif;
    line-height: 100%;
    margin-top: 0
}

.announcements .comunicados-recientes .title.news a {
    color: var(--azul2)
}

.announcements .comunicados-recientes p {
    color: var(--negro)
}

.advice h3 {
    font-size: 1.2em;
    font-weight: 800
}

.advice {
    margin-bottom: 20px
}

.advice .views-row {
    padding-bottom: 10px;
    border-bottom: var(--gris3) solid 1px
}

.advice .views-row.views-row-last {
    border-bottom: none
}

.advice h3 a {
    color: var(--gris2)
}

.advice .file,
.page-taxonomy-term-37 .file {
    position: absolute;
    right: 0;
    bottom: 9px;
    background: var(--naranja1);
    padding: 2px 5px;
    font-size: .9em
}

.page-taxonomy-term-37 .file {
    position: relative;
    bottom: 0;
    margin-left: 5px
}

.advice .file a,
.page-taxonomy-term-37 .file a {
    color: var(--blanco)
}

.advice .file-icon,
.advice .file-size,
.page-taxonomy-term-37 .file-size,
.page-taxonomy-term-37 .file-icon {
    display: none
}

.help .row {
    margin: 0
}

.help .item img {
    margin: auto;
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
    height: 100%;
    padding-bottom: 10px;
    cursor: pointer
}

.help .item a {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--blanco);
    font-family: 'Segoe UI', sans-serif;
    font-size: .9em;
    line-height: 25px
}

.help .item a::before {
    content: "○";
    font-size: 8px;
    color: #fff;
    margin-right: 10px;
    display: inline-block
}

.help .item p,
.services .item p {
    color: #fff;
    text-align: center;
    font-size: 1.438rem;
    line-height: 105%;
    font-family: 'Henderson Sans Basic', sans-serif
}

.help .item .content p {
    color: #fff;
    text-align: left;
    font-size: 1.375em;
    line-height: 105%
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.help .item.active .image {
    width: 100%;
    float: left
}

.help .item.inactive .image {
    width: 100%
}

.help .item.active .content {
    float: left;
    width: 100%;
    display: block;
    text-align: left;
    font-size: .9em;
    padding: 10px 60px;
    text-transform: initial
}

.help .item.inactive .content {
    width: 0%;
    display: none
}

.help .item .content ul {
    padding: 15px;
    width: fit-content;
    list-style: none
}

.help .item .content ul li {
    border-bottom: 1px solid #ffffff21;
    margin-bottom: 10px;
    font-size: 1.125em;
    font-weight: 400;
    color: #FFF;
    width: 100%
}

.help .item .content {
    left: 0;
    top: 95%;
    margin: 0;
    width: 0%;
    z-index: 9999;
    display: none;
    padding: 20px;
    position: absolute;
    box-sizing: border-box;
    transition: all 1s ease
}

.help .item.inactive a {
    font-size: 0;
    color: #fff0
}

.help .item,
.services .item {
    width: 20%;
    float: left;
    padding: 20px;
    display: flex;
    cursor: pointer;
    font-weight: 700;
    min-height: 230px;
    text-align: center;
    align-items: center;
    color: var(--blanco);
    justify-content: center;
    background-clip: content-box;
    font-family: 'Henderson Sans Basic', sans-serif
}

.help .item .content-img,
.services .item .content-img {
    height: 90px;
}

.help .item.active .content {
    width: 100%
}

.help .item .content h3 {
    display: flex;
    color: #fff !important;
    font-weight: 700;
    font-size: 1.563em;
    align-items: center;
    text-transform: uppercase;
    font-family: 'Henderson Sans Basic', sans-serif
}

.help .item .content h3::before {
    content: "";
    width: 75px;
    height: 75px;
    margin-right: 10px;
    display: inline-block;
    border: 1px solid #fff
}

.help .item .content::before {
    content: "";
    top: -80px;
    width: 0;
    height: 0;
    border-right: 40px solid #fff0;
    border-top: 40px solid #fff0;
    border-left: 40px solid #fff0;
    position: absolute
}

.help .item.familias,
.services .item.familias {
    background-color: #E07E07
}

.help .item.familias .content {
    background-color: #895009
}

.help .item.familias .content::before {
    border-bottom: 40px solid #895009;
    left: 6%
}

.help .item.familias .content ul {
    background-color: #674112
}

.help .item.familias .content h3::before {
    background: url(../img/ico-servicios-bienestar_familiar.svg) no-repeat center;
    background-size: 90% 90%
}

.help .item.grupos,
.services .item.grupos {
    background-color: #73A03F
}

.help .item.grupos .content {
    background-color: #476323
}

.help .item.grupos .content::before {
    border-bottom: 40px solid #476323;
    left: 39%;
}

.help .item.grupos .content ul {
    background-color: #3B5915
}

.help .item.grupos .content h3::before {
    background: url(../img/ico-servicios-desarrollo_socio_productivo.svg) no-repeat center;
    background-size: 90% 90%
}

.help .item.educacion,
.services .item.educacion {
    background-color: #3D4AA5
}

.help .item.educacion .content {
    background-color: #192262
}

.help .item.educacion .content::before {
    border-bottom: 40px solid #192262;
    left: 23%
}

.help .item.educacion .content ul {
    background-color: #080f44
}

.help .item.educacion .content h3::before {
    background: url(../img/ico-servicios-desarrollo-socio_educativo.svg) no-repeat center;
    background-size: 90% 90%
}

.help .item.donaciones,
.services .item.donaciones {
    background-color: #AD346E
}

.help .item.donaciones .content {
    background-color: #811348
}

.help .item.donaciones .content::before {
    border-bottom: 40px solid #811348;
    left: 72%
}

.help .item.donaciones .content ul {
    background-color: #AD346E
}

.help .item.donaciones .content h3::before {
    background: url(../img/ico-servicios-donaciones.svg) no-repeat center;
    background-size: 90% 90%
}

.help .accion-social,
.services .accion-social {
    background-color: #17C1C1
}

.help .accion-social .content {
    background-color: #077979
}

.help .item.accion-social .content::before {
    border-bottom: 40px solid #077979;
    left: 55%
}

.help .item.accion-social .content ul {
    background-color: #0b5050
}

.help .item.accion-social .content h3::before {
    background: url(../img/ico-servicios-accion_social.svg) no-repeat center;
    background-size: 90% 90%
}

.help .accion-social img {
    padding: 10px
}

.help .atencion-integral,
.services .atencion-integral {
    background-color: #192952
}

.help .atencion-integral .content {
    background-color: #061b4f
}

.help .item.atencion-integral .content::before {
    border-bottom: 40px solid #061b4f;
    left: 88%
}

.help .item.atencion-integral .content ul {
    background-color: #355096
}

.help .item.atencion-integral .content h3::before {
    background: url(../img/ico-interinstitucional.png) no-repeat center;
    background-size: 90% 90%
}

.help .atencion-integral img {
    padding: 10px
}

.strategy {
    background-color: var(--gris)
}

.strategy p {
    color: var(--negro)
}

.strategy .item {
    margin-bottom: 30px
}

.strategy img {
    width: 70%;
    margin: auto;
    display: block;
    max-width: 350px
}

.strategy .download-docs {
    list-style: none;
    margin-top: 20px
}

.strategy .download-docs li {
    position: relative;
    margin-bottom: 8px
}

.strategy .download-docs li:before {
    content: "";
    background: url(../img/icn-documento.png) no-repeat;
    position: absolute;
    height: 26px;
    width: 17px;
    left: -23px;
    top: 0;
    bottom: 0;
    margin: auto
}

.strategy .download-docs li a {
    color: var(--naranja1);
    font-size: .9em;
    font-weight: 700
}

.logos {
    padding-top: 55px
}

.logos .item img {
    margin: auto;
    display: block;
    width: 75%;
    max-width: 200px
}

.logos h1 {
    margin: 0;
    padding: 0;
    float: left
}

.about_us h2,
footer h2 {
    color: var(--blanco) !important;
}

.about_us {
    background-color: var(--naranja2)
}

.about_us .tab-content {
    background: var(--blanco);
    padding-right: 2px;
    background-clip: content-box;
    overflow: hidden
}

.about_us .tab-pane {
    padding: 40px 20px;
    overflow: hidden
}

.about_us ul.nav.nav-tabs {
    display: table;
    width: 100%;
    margin-top: 25px;
    table-layout: fixed;
    margin-bottom: 0;
    border: none
}

.about_us ul.nav.nav-tabs>li.active a {
    color: var(--azul3);
    border-color: var(--blanco);
    background-color: var(--blanco)
}

.about_us ul.nav.nav-tabs>li>a {
    border-radius: 0;
    background: var(--azul1);
    color: var(--blanco);
    position: relative;
    font-size: 1.1em;
    padding-left: 27px;
    font-weight: 700;
    text-align: left
}

.about_us ul.nav.nav-tabs>li>a:before {
    content: "";
    background: url(../img/flecha-tabs.png);
    position: absolute;
    height: 31px;
    width: 22px;
    left: 0;
    top: 1px;
    bottom: 0;
    margin: auto
}

.about_us ul.nav-tabs>li.active>a:hover {
    border-color: var(--blanco)
}

.about_us ul.nav-tabs>li>a:hover {
    border-color: var(--azul1)
}

.file>span:first-child,
.file>span:last-child {
    border: none
}

a.btn-imas {
    width: fit-content;
    color: var(--blanco);
    padding: 5px;
    border-radius: 6px;
    font-size: .9em;
    background: #335DB3;
    display: inline-flex;
}

.documentos .file {
    background: none;
    padding: 0;
}

.documentos .file-link a,
.documentos .file a,
a.btn-down {
    transition: 0.5s all ease-in-out;
    border: 1px solid #19498E;
    justify-content: center;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    align-items: center;
    width: fit-content;
    font-size: 1.25em;
    color: #19498E;
    font-weight: 400;
    padding: 10px;
    display: flex
}

.documentos .file-link a:hover,
.documentos .file a:hover,
a.btn-down:hover {
    border: 1px solid #CFAC65;
    background: #CFAC65;
    text-decoration: none
}

.documentos .file-link a:hover::after,
.documentos .file a:hover::after,
a.btn-down:hover::after {
    background: #19498E;
    mask: url(../img/ico-contacto-descargar.svg);
    mask-repeat: no-repeat;
    mask-position: center
}

.documentos .file-link a::before,
.documentos .file a::before,
a.btn-down::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    background: url(../img/ico-documento.svg) no-repeat center
}

.documentos .file-link a::after,
.documentos .file a::after,
a.btn-down::after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    background: url(../img/ico-flecha-azul.svg) no-repeat center
}

.breadcrumb {
    padding: 0;
    background-color: #fff0
}

.breadcrumb li {
    font-size: .938em;
    color: #678A9A;
    font-weight: 400
}

.breadcrumb li::before {
    color: #678A9A;
    font-weight: 400
}

.breadcrumb li.active {
    font-weight: 700;
    color: #678A9A
}

a.link-button {
    margin-top: 25px;
    width: fit-content;
    background: var(--naranja2) url(../img/bullet-link.svg) no-repeat 6px 8px;
    background-size: 20px;
    color: #ffffff !important;
    display: inline-block;
    padding: 8px 8px 8px 40px;
    margin-bottom: 10px
}

a.link-button:hover {
    margin-top: 25px;
    background: var(--naranja1) url(../img/bullet-link.svg) no-repeat 6px 8px;
    background-size: 20px;
    margin-top: 25px;
    text-decoration: none
}

.video-embed-field-responsive-video iframe {
    aspect-ratio: 16/9;
    position: static;
    height: auto;
    width: 100%
}

.file-size,
.file-icon {
    display: none
}

.file>span {
    background: #fff0;
    color: var(--blanco);
    border: none
}

.path-node .tags .field--item {
    color: #FFF;
    margin-bottom: 10px;
    margin-right: 5px;
    font-weight: 700;
    font-size: .8em;
    text-transform: uppercase;
    padding: 5px;
    background: #F89728;
    display: inline-block
}

.path-node .tags a:hover {
    text-decoration: none
}

.tab-pane .tab-text h3 {
    color: var(--azul4);
    text-transform: uppercase;
    text-align: center
}

.tab-pane .tab-text p {
    text-align: center
}

.tab-pane .tab-text {
    padding: 20px
}

.tab-pane .tab-text strong {
    color: var(--azul4);
    font-size: 1.1em
}

.notas {
    font-size: .8em
}

.home .tab-text {
    min-height: 225px
}

.beneficiario .tab-text {
    min-height: 275px
}

.actas-44 {
    color: var(--naranja1);
    text-transform: uppercase
}

.actas-45 {
    color: var(--verde3);
    text-transform: uppercase
}

.resources.docs .item-list ul {
    list-style: none
}

.info-acta {
    display: block;
    clear: both;
    font-size: .8em
}

.info-acta-document {
    font-size: .8em;
    margin-right: 30px;
}

.resources.docs .item-list li a,
.btn-imas-download {
    transition: 0.5s all ease-in-out;
    border: 1px solid #19498E;
    justify-content: center;
    display: inline-block;
    margin-bottom: 10px;
    align-items: center;
    width: fit-content;
    font-size: 1.25em;
    color: #19498E;
    font-weight: 400;
    padding: 10px;
    display: flex
}

.btn-imas-download {
    color: #19498E !important;
}

.resources.docs .item-list li a:hover,
.btn-imas-download:hover {
    border: 1px solid #CFAC65;
    background: #CFAC65;
    text-decoration: none
}

.resources.docs .item-list li a::before,
.btn-imas-download.doc-imas::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    background: url(../img/ico-documento.svg) no-repeat center
}

.resources.docs .item-list li a::after,
.btn-imas-download::after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    background: url(../img/ico-flecha-azul.svg) no-repeat center
}

.resources.docs .item-list li a:hover::after,
.btn-imas-download:hover::after {
    background: #19498E;
    mask: url(../img/ico-contacto-descargar.svg);
    mask-repeat: no-repeat;
    mask-position: center
}

.view-filters {
    background-color: #eeeeee;
    padding: 20px;
}

.view-filters .views-exposed-form {
    margin-bottom: 0;
}

.view-filters .form-item {
    margin-right: 20px;
}

.view-filters .form-submit {
    padding: 8px 12px;
    margin-left: 10px;
    border-radius: 0;
    background: #CEAB65;
    color: #192952;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Henderson Sans Basic';
    font-size: 1em;
    border: none;
}

.view-filters .form-item-keys #edit-keys {
    width: 300px;
}

.area-item-documents {
    padding: 10px;
    border-bottom: 3px solid #000;
}

.area-item-documents .title-ico-document {
    width: 100%;
    color: #19498E;
    font-weight: 700;
    padding-left: 1.8em;
    font-size: 1.375em;
    display: inline-block;
    background: url('../img/ico-documento.svg') no-repeat left 0px;
    background-size: 1.375em 1em;
}

.area-item-documents .info-acta-document {
    color: #5C749B;
    font-size: 1em;
    margin-right: 50px;
}

.area-item-documents .liks-area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.area-item-documents .area-buttoms {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    justify-content: end;
    align-items: baseline;
}

.resources.docs .item-list li .document-dl {
    transition: 0.5s all ease-in-out;
    border: 1px solid #19498E;
    justify-content: center;
    margin-bottom: 10px;
    align-items: center;
    margin-right: 10px;
    width: fit-content;
    font-size: 0.8em;
    color: #19498E;
    font-weight: 600;
    padding: 5px;
    display: flex;
}

.resources.docs .item-list li .document-dl:hover {
    border: 1px solid #CFAC65;
    background: #CFAC65;
    text-decoration: none
}

.resources.docs .item-list li .document-dl::before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: inline-block;
    background: url('../img/ico-documento.svg') no-repeat center
}

.resources.docs .item-list li .document-dl::after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 5px;
    display: inline-block;
    background: #19498E;
    mask: url('../img/ico-descarga.svg');
    mask-repeat: no-repeat;
    mask-position: center
}

.resources.docs .item-list li .document-dl:hover::after {
    background: #19498E;
    mask: url('../img/ico-descarga.svg');
    mask-repeat: no-repeat;
    mask-position: center
}

.block-views-blockareas-de-intervencion-block-1,
.block-views-blockareas-de-intervencion-block-2 {
    background: var(--gris4);
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

img.puente {
    width: 240px
}

.block-views-blockareas-de-intervencion-block-1 h2,
.block-views-blockareas-de-intervencion-block-2 h2 {
    text-align: center;
    color: var(--azul1);
    font-weight: 700;
    margin: 25px 0;
    font-size: 1.7em
}

.block-views-blockareas-de-intervencion-block-1 .views-row,
.block-views-blockareas-de-intervencion-block-2 .views-row {
    border-right: var(--gris3) 1px solid;
    display: inline-block;
    min-height: 190px
}

a.areas-intervencion {
    text-align: center;
    padding: 65px 20px 20px 20px;
    display: inline-block;
    width: 100%;
    color: var(--azul2)
}

a.areas-intervencion.ai-40 {
    background: url(../img/bienestar-familiar-ico.svg) no-repeat center top;
    background-size: 60px
}

a.areas-intervencion.ai-39 {
    background: url(../img/admin-ico.svg) no-repeat center top;
    background-size: 60px
}

a.areas-intervencion.ai-38 {
    background: url(../img/desarrollo-socioproductivo-ico.svg) no-repeat center top;
    background-size: 60px
}

a.areas-intervencion.ai-37 {
    background: url(../img/desarrollo-socioeducativo-ico.svg) no-repeat center top;
    background-size: 60px
}

.block-views-blockareas-de-intervencion-block-1 .views-row:last-child,
.block-views-blockareas-de-intervencion-block-2 .views-row:last-child {
    border: none
}

aside h2 {
    margin-top: 0;
    color: var(--naranja1);
    text-transform: uppercase;
    font-size: 1.8em;
    float: left;
    display: inline-block;
    clear: both
}

aside section.block,
aside nav {
    margin-bottom: 30px;
    display: inline-block;
    clear: both
}

aside ul.menu {
    list-style: none;
    display: inline-block;
    clear: both
}

aside .navbar-nav>li {
    float: none
}

aside .navbar-nav>li>a {
    background: url(../img/bullet-b.png) no-repeat 3px 9px;
    color: var(--negro);
    padding: 5px 18px
}

aside .navbar-nav>li:before {
    display: none
}

footer {
    background-color: var(--naranja1);
    font-family: "Segoe UI", sans-serif;
    color: var(--blanco);
    margin-top: 0px !important
}

.footer {
    padding-top: 20px
}

footer hr {
    width: 58%;
    margin-left: 0;
    margin: 10px 0
}

span.title-footer {
    font-family: "Henderson Sans Basic", sans-serif;
    color: var(--gris3);
    font-size: 3em;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 0;
    display: block
}

article .field--name-field-fecha {
    margin-bottom: 15px
}

.field--name-field-bajada {
    margin-bottom: 15px;
    font-size: .9em
}

article .field--name-field-image {
    margin-bottom: 25px
}

.documentos .file {
    font-size: 100% !important
}

.documentos .file a {
    font-weight: 400
}

.form-item-periodo {
    padding-left: 15px
}

.path-transparencia .view-desarrollo-humano .views-row {
    border: none;
    padding: 0 15px
}

.path-transparencia .view-desarrollo-humano .views-row .wrapper a {
    padding: 35px 0;
    text-align: center;
    font-weight: 700;
    display: block;
    color: #FFF
}

.icon-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.presupuesto-publico-ico {
    min-height: 180px;
    background: #0035A0 url(../img/datosabiertos/ico-presupuesto-publico.svg) no-repeat center center;
    background-size: 125px;
    border-radius: 50%;
    width: 180px
}

.ejecucion-ico {
    min-height: 180px;
    background: #0035A0 url(../img/datosabiertos/ico-ejecucion-de-presupuesto.svg) no-repeat center center;
    background-size: 125px;
    border-radius: 50%;
    width: 180px
}

.estadisticas-ico {
    min-height: 180px;
    background: #0035A0 url(../img/datosabiertos/ico-estadisticas-de-gestion.svg) no-repeat center center;
    background-size: 125px;
    border-radius: 50%;
    width: 180px
}

.page-node-type-datos-abiertos table {
    background: #F7F8F9;
    color: #686868;
    clear: both
}

.page-node-type-datos-abiertos table caption {
    font-family: 'Segoe UI', sans-serif;
    font-weight: 700;
    padding: 15px 0 15px;
    color: #D85830;
    font-size: 1.125em
}

.page-node-type-datos-abiertos table td {
    padding: 10px
}

.path-transparencia .exposed {
    padding-top: 20px;
    margin-top: 20px;
    border-top: #918791 1px solid
}

.form-inline .control-label,
.form--inline label {
    color: #333;
    font-weight: 700;
    font-family: 'Segoe UI', sans-serif;
    font-size: 1.125em
}

.form-inline .form-control {
    border: 1px solid #333
}

.da-categoria {
    min-height: 230px;
    padding: 145px 15px 15px 15px;
    font-weight: 700
}

.da-categorias .wrapper {
    padding: 110px 15px 15px 15px;
    min-height: 370px
}

.da-categorias h3,
.da-categoria {
    text-align: center;
    color: var(--blanco) !important;
    text-transform: capitalize;
    font-family: 'Henderson Sans Basic', sans-serif
}

.da-categorias ul.menu,
.da-categorias ul.nav {
    background-color: #103159;
    flex-direction: column !important;
}

.da-categorias ul.menu li,
.da-categorias ul.nav li {
    padding: 0 10px
}

.da-categorias ul.menu li:last-child a,
.da-categorias ul.nav li:last-child a {
    border: none
}

.da-categorias ul.menu li a,
.da-categorias ul.nav li a {
    color: var(--blanco);
    border-bottom: 1px solid #19498E
}

.da-categorias ul.menu li a::before,
.da-categorias ul.nav li a::before {
    content: "○";
    color: #fff;
    font-size: 8px;
    margin-right: 10px;
    display: inline-block
}

.da-categorias ul.menu li a:hover,
.da-categorias ul.nav li a:hover {
    color: var(--blanco);
    background: #fff0
}

.accordion-item .accordion-header button,
.card-header h3 button,
span.panel-title a {
    background: #EDE0C5 url(../img/ico-pestana-dropdown-abajo.svg) no-repeat 98% center;
    font-family: 'Segoe UI', sans-serif;
    background-size: 20px !important;
    display: inline-block;
    padding: 10px 15px;
    color: #192952;
    font-weight: 700;
    text-align: left;
    font-size: 1.1em;
    width: 100%
}

.accordion-item .accordion-header button:hover,
.card-header h3 button:hover,
span.panel-title a:hover {
    background-color: #CFAC65;
    text-decoration: none
}

.accordion-item .accordion-header button:focus,
.card-header h3 button:focus,
span.panel-title a:focus {
    background-color: #CFAC65;
    box-shadow: none;
    text-decoration: none;
    outline: none
}

.accordion-item .accordion-header button:not(.collapsed),
.card-header h3 button:not(.collapsed),
span.panel-title a:not(.collapsed) {
    background: #CFAC65 url(../img/ico-pestana-dropdown-arriba.svg) no-repeat 98% center;
    background-size: 20px !important
}

.panel-heading {
    padding: 0
}

.icon-with-link,
.icon-with-link a {
    text-align: center;
    color: var(--blanco)
}

.icon-link {
    display: inline-block;
    width: 100%;
    justify-content: center;
    font-size: 3em;
    color: #ffffff;
    padding: 10px
}

.icon-with-link .item .wrapper {
    padding: 10px;
    align-content: center;
    text-align: center;
    min-height: 150px;
    transition: 0.3s
}

.icon-with-link .item .title {
    color: #ffffff;
}

.icon-with-link .item:nth-of-type(5n+1) .wrapper {
    background-color: #202F51
}

.icon-with-link .item:nth-of-type(5n+2) .wrapper {
    background-color: #001B50
}

.icon-with-link .item:nth-of-type(5n+3) .wrapper {
    background-color: #0035A0
}

.icon-with-link .item:nth-of-type(5n+4) .wrapper {
    background-color: #335DB3
}

.icon-with-link .item:nth-of-type(5n+5) .wrapper {
    background-color: #6686C6
}

.icon-with-link .item .wrapper:hover {
    background: var(--azul2);
    transition: 0.3s
}

.icon-with-link .item .wrapper:hover a,
.path-transparencia .view-desarrollo-humano .views-row .wrapper:hover a {
    text-decoration: none
}

.path-transparencia .view-desarrollo-humano .views-row .wrapper {
    min-height: 115px
}

.da-detalle h3 {
    font-family: "Henderson Sans Basic", sans-serif
}

.formatos-descarga {
    font-size: 1em;
    color: #4D4D4D
}

ul.formatos {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.formatos li a {
    font-weight: 700;
    border: 1px solid #19498E;
    float: left;
    background: url(../img/ico-documento.svg) no-repeat 5px 5px;
    background-size: 16px;
    padding: 4px 6px 4px 26px;
    color: #19498E;
    text-transform: uppercase;
    margin-right: 15px
}

ul.formatos li a::after {
    content: "";
    width: 15px;
    height: 12px;
    margin-left: 10px;
    display: inline-block;
    background: #19498E;
    mask: url(../img/ico-contacto-descargar.svg);
    mask-repeat: no-repeat;
    mask-position: center
}

ul.formatos li a:hover {
    text-decoration: none
}

.da-table {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 20px !important;
    padding-top: 15px;
    border-top: 1px #918791 solid
}

.da-table table tr td {
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    font-size: 1.125em;
    border: #192952 1px solid
}

.da-table table tr td a {
    color: #246C9D
}

.da-table table tr td:first-child {
    min-width: 250px;
    color: #0035A0;
    font-size: 1.125em;
    font-weight: 700
}

.da-table table tr {
    margin: 0 15px
}

.datos .wrapper {
    text-align: center;
    padding: 25px 10px;
    min-height: 326px;
    display: grid;
    align-items: center
}

.datos {
    background: #192952
}

.datos .dato {
    display: block
}

.datos img {
    width: 100%;
    max-width: 75px
}

.d-beneficio {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 15px
}

.d-inversion {
    color: #fff;
    font-size: 2em;
    font-weight: 700
}

.d-inversion p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #FFF;
}

.d-cantidad {
    margin-top: 20px;
    color: #fff;
    font-size: 1.8em;
    font-weight: 700
}

.d-cantidad p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #FFFFFF;
}

.d-cantidad p::before {
    width: 56%;
    left: 22%;
    content: "";
    display: block;
    position: relative;
    border-top: 2px solid #D6B15F
}

footer h3 {
    font-weight: 600;
    font-size: 1.375em;
    margin-bottom: 20px;
    color: var(--blanco);
    font-family: 'Henderson Sans Basic', sans-serif
}

footer a {
    color: var(--blanco);
    font-size: 16px;
}

footer .link-directory {
    padding-top: 20px
}

footer a:hover {
    text-decoration: underline;
    color: var(--blanco)
}


footer .directory {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #fff;
    transition: .5s all ease-in-out;
}

footer .directory::after {
    content: "";
    width: 15px;
    height: 15px;
    margin-left: 10px;
    display: inline-block;
    background: url(../img/ico-contacto-descargar.svg) no-repeat;
    background-size: 100% 100%
}

footer .directory:hover {
    background: #152D68;
    text-decoration: none;
}

footer .social-mail,
footer .place {
    padding-left: 55px
}

footer .phone h3,
footer .mail h3,
footer .social h3,
footer .place h3 {
    position: relative
}

footer h3 {
    color: #FFFFFF !important
}

footer .phone,
footer .hour,
footer .ofice {
    padding-left: 30px;
    margin-bottom: 20px;
    background-size: 15px;
    background-position: left 5px;
    background-repeat: no-repeat;
    color: var(--blanco);
}

footer .phone {
    background-image: url(../img/ico-contacto-telefono.svg)
}

footer .ofice {
    background-image: url(../img/ico-contacto-ubicacion.svg)
}

footer .hour {
    background-image: url(../img/ico-contacto-horario.svg)
}

.social {
    margin-top: 35px
}

footer .phone h3.central:before {
    content: "";
    background: url(../img/icn-footer-telefono.png);
    position: absolute;
    height: 49px;
    width: 40px;
    left: -41px;
    top: -3px;
    bottom: 0;
    margin: auto
}

footer .social h3:before {
    content: "";
    background: url(../img/icn-footer-user.png);
    position: absolute;
    height: 31px;
    width: 27px;
    left: -29px;
    top: -15px;
    bottom: 0;
    margin: auto
}

footer .place h3:before {
    content: "";
    background: url(../img/icn-footer-ubicacion.png);
    position: absolute;
    height: 34px;
    width: 42px;
    left: -37px;
    top: -6px;
    bottom: 0;
    margin: auto
}

footer .link {
    color: var(--blanco);
    text-decoration: underline
}

.disability-content {
    background-color: #0035A0;
    font-family: "Segoe UI", sans-serif;
    color: var(--blanco);
    margin-top: 0px !important;
    padding: 20px
}

.copyright-content {
    background-color: var(--naranja1);
    font-family: "Segoe UI", sans-serif;
    color: var(--blanco);
    margin-top: 0px !important
}

.disability .row {
    justify-content: center
}

footer .link.blue {
    transition: 0.5s all ease-in;
    border: 1px solid #fff;
    color: #fff;
    background: #fff0;
    width: fit-content;
    padding: 10px 25px;
    margin-top: 10px;
    text-decoration: none;
    position: relative;
    display: block
}

footer .link.blue a {
    color: #fff
}

footer .link.blue:hover {
    background: #152D68;
    text-decoration: none
}

footer .link.blue:after {
    background: url(../img/ico-contacto-busqueda.svg) no-repeat;
    display: inline-block;
    margin-left: 20px;
    height: 18px;
    width: 18px;
    content: ""
}

footer h2 {
    font-family: "Henderson Sans Basic", sans-serif;
    font-size: 2.063em;
    margin-bottom: 25px;
    font-weight: 700
}

footer .number {
    font-size: 1.7em;
    font-weight: 700;
    margin-bottom: 0
}

footer .text-help {
    font-size: .8em
}

footer .social h3,
footer .mail h3,
footer .place h3 {
    margin-bottom: 6px
}

.region-footer-2 a {
    color: var(--blanco)
}

.copyright {
    text-align: center;
    padding: 25px;
    font-size: .9em
}

.more-link.form-group a,
a.more-link {
    color: #fff;
    background-color: var(--gris2);
    padding: 2px 5px;
    text-align: center
}

a.more-link {
    background: #fff0
}

.form-control {
    border-radius: 0
}

.region-menu-deudas .form-group {
    padding: 10px;
    background: #192952;
}

.region-menu-deudas .form-group a {
    color: #ffffff;
}

.block-views-blockcomunicados-block-3 .more-link a,
.block-views-blockcomunicados-block-4 .more-link a,
.menu .videos-fotos .more-link a {
    background-color: #CEAB65;
    text-transform: uppercase;
    margin: 20px auto 0 auto;
    font-family: 'Segoe UI';
    width: fit-content;
    padding: 10px 20px;
    font-size: 1.125em;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    color: #192952;
    display: block;
    clear: both
}

a.volver {
    background: #fff;
    color: #B3B3B3 !important;
    padding: 10px;
    margin-top: 25px;
    float: left;
    border: #B3B3B3 1px solid
}

a.volver:hover {
    background: var(--azul4);
    text-decoration: none
}

.main-menu {
    background: var(--fondo)
}

.owl-carousel {
    clear: both
}

.owl-carousel .owl-wrapper-outer {
    max-height: 484px
}

.path-comunicados .views-row,
.view-concursos-externos .views-row {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: var(--gris4) 1px solid
}

.path-comunicados .views-row {
    border-bottom: 2px solid #CEAB65
}

.search-help-link {
    display: none;
}

.pagination {
    display: block !important;
    text-align: center;
}

.pagination li {
    display: inline-block;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #337ab7;
    cursor: default;
    background-color: #fff0;
    border: none;
    font-weight: 700
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: none
}

#directorio .views-row {
    padding-bottom: 10px;
    border-bottom: #f0f0f0 1px solid;
    margin-bottom: 10px;
    display: block
}

span.panel-title a {
    font-weight: 700;
    width: 100%;
    display: inline-block
}

span.panel-title a:hover {
    text-decoration: none
}

.more-less {
    float: right;
    color: #212121
}

.trans-ac .panel-default {
    border-color: #ddd
}

.trans-ac .panel-group .panel {
    background: #fff0;
    border-radius: 0
}

.trans-ac .panel-default>.panel-heading {
    color: #333;
    background-color: #fff0;
    border-color: #fff0
}

.trans-ac .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #fff0;
    border-radius: 0
}

.trans-ac .panel-title {
    display: block;
    margin: -10px -15px
}

.trans-ac .panel-title a {
    display: block
}

.concursos p {
    margin-bottom: 8px
}

ul.concursos li a {
    color: #000000 !important
}

ul.concursos .active a {
    background: var(--naranja1) !important;
    color: #ffffff !important
}

.directorio-imas .panel-heading {
    padding: 0;
    background: #fff0;
    border: none;
    border-radius: 0
}

.directorio-imas .panel-heading h4 {
    font-family: "Henderson Sans Basic", sans-serif
}

.directorio-imas .panel-heading a {
    background: var(--naranja2);
    color: var(--blanco);
    font-weight: 700;
    padding: 10px 15px;
    display: block
}

.directorio-imas .panel-heading a:hover {
    text-decoration: none
}

.directorio-imas caption {
    color: var(--azul3);
    font-weight: 700
}

.directorio-imas .views-field-title {
    color: var(--negro)
}

.directorio-imas tbody>tr>td.views-field-field-presidencia-ejecutiva-n2:first-child,
.view-display-id-block_9 tbody>tr>td:nth-child(1) {
    color: var(--morado);
    font-weight: 700
}

.bar-top-left {
    background: url(../img/trio_lineas_izq.svg) no-repeat;
    background-position: left;
    padding: 20px 0;
    margin: 0 0 20px;
    height: 40px
}

.bar-top-right {
    background: url(../img/trio_lineas_der.svg) no-repeat;
    background-position: right;
    padding: 0 0 20px;
    margin: 20px 0;
    height: 40px
}

.title-info {
    color: #575756;
    font-weight: 700;
    border-bottom: 3px solid #CFAC65;
    font-size: 2.2em
}

.title-period {
    color: #192952;
    font-weight: 700;
    margin: 0 0 30px
}

.bg-grey {
    background: #f1f1f1;
    padding: 5px
}

.panel-heading,
.search-advanced .accordion-header {
    background-color: #EDE0C5 !important
}

#provincias .panel-heading .panel-title {
    margin: 0
}

#provincias .panel-heading .panel-title.collapsed {
    position: relative;
    color: #192952;
    font-weight: 600;
    background: #fff0
}

#provincias .panel-heading .panel-title {
    position: relative;
    color: #192952;
    font-weight: 600;
    background: #CFAC65
}

#provincias .panel-heading .panel-title::after {
    top: 8px;
    left: 92%;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    display: inline-block;
    mask: url(../img/flecha_blanca.svg);
    mask-repeat: no-repeat;
    background: #192952;
    transition: 0.5s all ease
}

#provincias .panel-heading .panel-title.collapsed::after {
    mask: url(../img/flecha_blanca.svg);
    mask-repeat: no-repeat;
    background: #192952;
    transform: rotate(90deg);
    transition: 0.5s all ease
}

#provincias .accordion-body .area-item {
    color: #575757;
    display: list-item;
    list-style-position: inside
}

#provincias .accordion-body .area-item:hover {
    text-decoration: underline;
}

.filter-info {
    position: relative;
}

.filter-info .form--inline {
    position: absolute;
    display: grid;
    right: -20px;
    top: -102px;
}

.filter-info .form-inline .form-item-periodo {
    display: grid;
    padding: 0
}

.filter-info .form-item-periodo .form-select {
    text-align: center;
    color: #192952;
    background: #EDE0C5;
    border: 1px solid #CFAC65
}

.filter-info .form-item-periodo .select-wrapper::after {
    color: #192952
}

.filter-info .form-item-periodo .form-select option {
    background: #ffffff !important;
    color: #192952;
    border: 1px solid #565656;
    padding: 10px
}

.filter-info .form-item-periodo .form-select option:hover {
    background-color: #EDE0C5 !important
}

.filter-info .form-item-periodo .form-select option:focus {
    background-color: #EDE0C5 !important
}

.filter-info .form-item-periodo .form-select option:first-child {
    display: none
}

.informes-regionales .control-label {
    display: none
}

.observation {
    margin-top: 40px;
    background: #f1f1f1;
    padding: 20px 15px;
    border-bottom: 10px solid #E8B356
}

.observation .title-observation {
    font-weight: 700;
    color: #192952;
    font-size: 1.5em;
    margin: 0
}

.sources {
    margin-top: 40px
}

.sources .title-sources {
    font-weight: 700;
    color: #0478c5;
    font-size: 1.5em;
    margin: 0
}

.observation p,
.observation li,
.sources p,
.sources li {
    color: #575757
}

.select-period {
    color: #575756;
    font-weight: 700
}

.dropdown.period .btn {
    background: #8cc54a !important;
    border: 1px solid #8cc541 !important;
    color: #FFF
}

.period ul li a {
    color: #0478c5;
    font-weight: 600
}

.form-item-alajuela,
.form-item-cartago,
.form-item-guanacaste,
.form-item-heredia,
.form-item-limon,
.form-item-puntarenas,
.form-item-sanjose {
    display: none !important
}

.p-1 {
    padding: 2px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x))
}

.acor-title {
    font-size: 1.5em
}

ul.unidades {
    list-style: none;
    padding: 0 0 0 25px;
    margin-bottom: 35px;
    border-left: 1px solid #CEAB65
}

ul.unidades li {
    padding: 0 0 15px 25px;
    position: relative;
    margin: 0
}

ul.unidades li::before {
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    display: inline-block;
    mask: url(../img/ico-unidad_locales_desarrollo_social.svg);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background: #0073AC
}

ul.unidades li span {
    display: block;
    font-weight: 700;
    padding-bottom: 5px
}

.is-unpublished {
    background: #fff0
}

.paragraph--type--boton-con-documentos .file-link a,
.paragraph--type--boton-con-documentos .file a {
    transition: 0.5s all ease-in-out;
    border: 1px solid #19498E;
    justify-content: center;
    display: inline-block;
    margin-bottom: 10px;
    align-items: center;
    width: fit-content;
    font-size: 1.25em;
    color: #19498E;
    font-weight: 400;
    padding: 10px;
    display: flex
}

.paragraph--type--boton-con-documentos .file {
    background: none;
    padding: 0;
}

.paragraph--type--boton-con-documentos .file-link a:hover,
.paragraph--type--boton-con-documentos .file a:hover  {
    background: #CFAC65;
    text-decoration: none
}

.paragraph--type--boton-con-documentos .file-link a:hover::after,
.paragraph--type--boton-con-documentos .file a::after  {
    background: #19498E;
    mask: url(../img/ico-contacto-descargar.svg);
    mask-repeat: no-repeat;
    mask-position: center
}

.paragraph--type--boton-con-documentos .file-link a::before,
.paragraph--type--boton-con-documentos .file a::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    background: url(../img/ico-documento.svg) no-repeat center
}

.paragraph--type--boton-con-documentos .file-link a::after,
.paragraph--type--boton-con-documentos .file a::after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    background: url(../img/ico-flecha-azul.svg) no-repeat center
}

.view-slider-areas .owl-item {
    background: #ededed;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.view-slider-areas .owl-item p {
    padding: 10px 10px 25px 10px;
    color: #8c8c8c;
    font-size: .9em
}

.view-slider-areas .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -25px;
    z-index: 100;
    position: relative
}

.banners-areas {
    margin-top: 35px;
    margin-bottom: 35px
}

.d-none {
    display: none
}

.filter-xs {
    display: none
}

.filter-xs .form-inline {
    position: static;
    display: block;
    margin-top: 20px
}

.filter-xs .form--inline>.form-item {
    float: right
}

.header-seminario {
    background-color: #192952;
    padding: 20px 50px
}

.header-seminario h1 {
    text-transform: uppercase;
    color: #FFF;
    margin: auto 0
}

.row.d-block {
    display: block;
    width: 100%
}

.back-semanario,
.number-semanario {
    display: block;
    text-align: right;
    padding: 10px;
    font-weight: 700;
    text-decoration: none;
    color: #192952
}

.view-noticias-semanario img {
    width: 100%
}

.edition-number {
    color: #1b2952;
    text-align: left;
    font-weight: 700
}

.body-seminario h2 {
    font-size: 30px;
    color: #1b2952;
    font-weight: 700
}

.link-news {
    height: 25px;
    width: 100%;
    display: block;
    margin-top: 10px;
    background: url(../img/mas-seminario.svg) no-repeat;
    text-indent: -9999px
}

.section-news a {
    text-decoration: none
}

.section-news,
.section-events,
.section-notices {
    margin-bottom: 20px
}

.section-news .item-main-news {
    padding: 25px;
    border: #cfac65 2px solid
}

.section-news .item-main-news h3,
.section-news .item-news h3 {
    font-weight: 700;
    color: #0035a0;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.2em
}

.section-news .item-news h3::before {
    top: 5px;
    left: 0;
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    display: inline-block;
    background-size: 90% !important;
    background: url(../img/bullet-seminario.svg) no-repeat
}

.section-news .item-news {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px
}

.section-events .list-event .date-events {
    background-color: #131f3e;
    padding: 40px 20px
}

.section-events .list-event .date-events .month {
    color: #fff;
    font-size: 25px
}

.section-events .list-event .date-events .num time {
    color: #fff;
    font-size: 50px;
    line-height: normal
}

.section-events .list-event .item-events {
    width: 100%;
    margin-bottom: 15px
}

.section-events .list-event .body-events {
    background-color: #192952;
    color: #ffffff !important;
    padding: 20px
}

.section-events .list-event .body-events h3 {
    margin-top: 0;
    font-size: 1.2em;
    margin-bottom: 15px;
    line-height: 1.1em;
    color: #ffffff !important
}

.section-events .list-event .body-events h3 a {
    color: #ffffff !important
}

.section-events .list-event .body-events .location p,
.section-events .list-event .body-events .hour p {
    color: #fff;
    text-align: left;
    line-height: 1.2em
}

.section-events .list-event .body-events .location::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    background-size: 100% 100% !important;
    background: url(../img/ico-location.svg) no-repeat
}

.section-events .list-event .body-events .hour,
.section-events .list-event .body-events .location {
    display: inline-flex
}

.section-events .list-event .body-events .hour::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    background-size: 90% !important;
    background: url(../img/ico-reloj.svg) no-repeat center
}

.section-notices .item-notices h3 {
    font-weight: 700;
    font-size: 1.2em;
    color: #0035a0;
    margin-top: 0;
    margin-bottom: 5px
}

.section-notices .item-notices h3 {
    font-weight: 700;
    color: #0035a0;
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 55px;
    background: url(../img/ico-avisos-dorado.svg) no-repeat left 0;
    background-size: 40px
}

.section-notices .item-notices h3 a {
    color: #0035a0;
    width: 100%;
    display: block
}

.item-notices .link-news {
    background: url(../img/mas-seminario.svg) no-repeat 55px
}

.section-notices .item-notices:first-child {
    border-right: 1px solid #cfac65
}

.item-list-seminars ul {
    list-style: "- "
}

.item-list-seminars ul li a {
    font-weight: 700;
    color: #0035a0;
    margin-top: 0;
    margin-bottom: 5px
}

.item-list-seminars ul li::marker {
    color: #0035a0;
    font-weight: 700
}

.justify-content-end {
    justify-content: end
}

.justify-content-center {
    justify-content: center
}

.social-sharing-buttons {
    width: fit-content
}

.mb-1 {
    margin-bottom: .5rem
}

.mb-2 {
    margin-bottom: 1rem
}

.mb-3 {
    margin-bottom: 1.5rem
}

.mb-4 {
    margin-bottom: 2rem
}

.mb-5 {
    margin-bottom: 3rem
}

.node-beneficios p {
    font-size: 1.125em;
    color: #333;
    font-weight: 400
}

.node-beneficios a {
    font-size: 1.125em;
    color: #246C9D;
    font-weight: 400
}

.node-beneficios h3 {
    font-size: 1.75em;
    color: #0035A0 !important;
    font-weight: 700
}

.node-beneficios h4 {
    font-size: 1.375em;
    color: #5C749B;
    font-weight: 700
}

.document-download {
    margin-top: 10px;
    border: #19498E 1px solid;
    padding: 15px;
    display: grid;
    justify-content: center;
    margin-bottom: 20px
}

.node-beneficios .video-details P {
    font-size: 1em;
    color: #D85830;
    font-weight: 700
}

.title-node {
    color: #013C56;
    font-size: 2.063em;
    padding: 20px 0 20px;
    font-family: 'Henderson Sans Basic Bold', sans-serif
}

.title-node.transparencia {
    background: url(../img/transparencia-title.svg) no-repeat;
    background-size: cover;
    padding: 20px
}

.title-comunicados {
    margin-top: 0
}

.boder-node-top {
    border-top: #B3B3B3 1px solid
}

.owl-slider-wrapper .owl-prev {
    position: absolute;
    top: 20%;
    left: -35px
}

.owl-slider-wrapper .owl-next {
    position: absolute;
    top: 20%;
    right: -35px
}

.owl-carousel .owl-nav {
    position: absolute;
    width: 102%;
    top: 30%;
    font-size: 3em
}

.owl-carousel .owl-nav .owl-prev {
    background: url(../img/btn-flecha-iniciativa-izq-reposo.svg) no-repeat !important;
    background-size: 100% 100% !important;
    font-size: 0 !important;
    position: absolute;
    z-index: 1000;
    height: 35px;
    width: 35px;
    left: 0
}

.owl-carousel .owl-nav .owl-prev:hover {
    background: url(../img/btn-flecha-iniciativa-izq-rollover.svg) no-repeat !important
}

.owl-carousel .owl-nav .owl-next {
    background: url(../img/btn-flecha-iniciativa-der-reposo.svg) no-repeat !important;
    background-size: 100% 100% !important;
    font-size: 0 !important;
    position: absolute;
    z-index: 1000;
    height: 35px;
    width: 37px;
    right: 2%
}

.owl-carousel .owl-nav .owl-next:hover {
    background: url(../img/btn-flecha-iniciativa-der-rollover.svg) no-repeat !important
}

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

.justify-content-around {
    justify-content: space-around
}

.justify-content-between {
    justify-content: space-between
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.region-slider .owl-carousel .owl-nav.disabled {
    display: none !important
}

.border-view-top {
    border-top: 12px solid #EDE0C5;
    margin-top: 30px
}

.featured-initiatives {
    padding-top: 30px
}

.featured-initiatives h2 {
    color: #013C56;
    font-size: 2.063em;
    font-weight: 700;
    margin-bottom: 30px
}

table {
    font-family: 'Segoe UI', sans-serif;
    margin: 20px auto 30px
}

table caption,
table caption p {
    color: #D85830;
    font-weight: 700;
    font-size: 1.125em;
    font-family: 'Henderson Sans Basic', sans-serif
}

table thead tr th {
    border: 1px solid #fff;
    background-color: #0035A0;
    padding: 10px 15px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

table tbody tr th {
    padding: 10px 15px;
    font-weight: 700;
    color: #0035A0;
    font-size: 14px
}

table tbody tr td {
    padding: 10px 15px;
    font-weight: 700;
    color: #333;
    font-size: 14px
}

h2.title-view {
    text-transform: none !important;
    font-size: 2.063em !important;
    font-weight: 700;
    color: #013C56 !important;
}

.sub-title-node {
    text-transform: none;
    font-size: 1.375em;
    font-weight: 700;
    color: #5C749B !important
}

.title-profile {
    font-size: 1.375em;
    font-weight: 700;
    color: #192952
}

.body-profile p {
    color: #0035A0
}

.path-transparencia .list-presupuestos .views-row .wrapper {
    padding: 20px
}

.path-transparencia .list-presupuestos .views-row:nth-of-type(5n+1) .wrapper,
.path-transparencia .view-desarrollo-humano .views-row:nth-of-type(5n+1) .wrapper,
.cajones-transparencia .views-row:nth-of-type(5n+1) .wrapper {
    background-color: #202F51
}

.path-transparencia .list-presupuestos .views-row:nth-of-type(5n+2) .wrapper,
.path-transparencia .view-desarrollo-humano .views-row:nth-of-type(5n+2) .wrapper,
.cajones-transparencia .views-row:nth-of-type(5n+2) .wrapper {
    background-color: #001B50
}

.path-transparencia .list-presupuestos .views-row:nth-of-type(5n+3) .wrapper,
.path-transparencia .view-desarrollo-humano .views-row:nth-of-type(5n+3) .wrapper,
.cajones-transparencia .views-row:nth-of-type(5n+3) .wrapper {
    background-color: #0035A0
}

.path-transparencia .list-presupuestos .views-row:nth-of-type(5n+4) .wrapper,
.path-transparencia .view-desarrollo-humano .views-row:nth-of-type(5n+4) .wrapper,
.cajones-transparencia .views-row:nth-of-type(5n+4) .wrapper {
    background-color: #335DB3
}

.path-transparencia .list-presupuestos .views-row:nth-of-type(5n+5) .wrapper,
.path-transparencia .view-desarrollo-humano .views-row:nth-of-type(5n+5) .wrapper,
.cajones-transparencia .views-row:nth-of-type(5n+5) .wrapper {
    background-color: #6686C6
}

.path-transparencia .view-desarrollo-humano .views-row .wrapper,
.cajones-transparencia .views-row .wrapper {
    min-height: 135px;
    display: flex;
    justify-content: center
}

.cajones-transparencia {
    margin-bottom: 40px;
}

.cajones-transparencia .views-row .wrapper {
    min-height: 85px;
    display: flex;
    justify-content: center
}

.cajones-transparencia .views-row .wrapper a {
    display: flex;
    text-align: center;
    color: #fff !important;
    font-weight: 700;
    font-size: 1em;
    align-items: center;
    justify-content: center
}

.path-transparencia .list-presupuestos .views-row .wrapper a,
.path-transparencia .view-desarrollo-humano .views-row .wrapper a {
    display: flex;
    color: #fff;
    font-weight: 700;
    font-size: 1.438em;
    align-items: center;
    justify-content: center
}

.path-transparencia .list-presupuestos .views-row .wrapper a::before {
    content: "";
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: inline-block;
    background: url(../img/ico-presupuestos-anuales.svg) no-repeat;
    background-size: 100% 100%
}

.path-transparencia .list-presupuestos .views-row .wrapper:hover,
.path-transparencia .view-desarrollo-humano .views-row .wrapper:hover,
.cajones-transparencia .views-row .wrapper:hover {
    background: var(--azul2);
    transition: 0.3s all ease-in
}

.path-transparencia .list-presupuestos .views-row .wrapper:hover a {
    text-decoration: none
}

.path-transparencia .list-presupuestos .views-row {
    border: none;
    padding: 0 15px
}

.m-presupuesto-publico .wrapper {
    background: #19498E url(../img/datosabiertos/ico-presupuesto-publico.svg) no-repeat center 20px;
    background-size: 125px
}

.da-cat-217 {
    background: #0035A0 url(../img/datosabiertos/ico-presupuesto-publico.svg) no-repeat center;
    min-height: 180px;
    width: 180px;
    background-size: 125px;
    border-radius: 50%
}

.m-ejecucion .wrapper {
    background: #19498E url(../img/datosabiertos/ico-ejecucion-de-presupuesto.svg) no-repeat center 20px;
    background-size: 125px
}

.da-cat-218 {
    background: #0035A0 url(../img/datosabiertos/ico-ejecucion-de-presupuesto.svg) no-repeat center;
    min-height: 180px;
    width: 180px;
    background-size: 125px;
    border-radius: 50%
}

.m-estadisticas .wrapper {
    background: #19498E url(../img/datosabiertos/ico-estadisticas-de-gestion.svg) no-repeat center 20px;
    background-size: 125px
}

.da-cat-219 {
    background: #0035A0 url(../img/datosabiertos/ico-estadisticas-de-gestion.svg) no-repeat center;
    min-height: 180px;
    width: 180px;
    background-size: 125px;
    border-radius: 50%
}

.da-categoria span.category-item {
    display: none
}

.datos-abiertos {
    background: url(../img/datosabiertos/header-da.png) no-repeat center center;
    background-size: cover;
    margin-bottom: 70px
}

.datos-abiertos .intro {
    padding: 40px 30px 60px 30px;
    background: #0035A0;
    color: var(--blanco)
}

.datos-abiertos .intro h2 {
    width: fit-content;
    color: #fff !important;
    font-size: 2.063em;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Henderson Sans Basic', sans-serif
}

.datos-abiertos .intro h2::after {
    content: "";
    width: 70%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url(../img/linea-amarilla.svg) no-repeat
}

.datos-abiertos .intro p {
    color: #fff
}

.datos-abiertos-in {
    background: url(../img/datosabiertos/header-da-in.png) no-repeat center center;
    font-family: "Henderson Sans Basic", sans-serif;
    background-size: cover;
    margin-bottom: 10px;
    color: #FFF
}

.datos-abiertos-in .wrapper {
    padding: 20px 80px 20px 20px;
    background: #0035A0;
    margin-left: 8%
}

.datos-abiertos-in h1 {
    font-family: "Henderson Sans Basic", sans-serif;
    color: #FFF;
    font-size: 2.2em;
    text-transform: uppercase;
    padding: 10px;
    display: inline-block;
    background-size: 45px;
    padding-right: 65px
}

.datos-abiertos-in h1::after {
    content: "";
    width: 90%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url(../img/linea-amarilla.svg) no-repeat
}

.path-transparencia h2,
.page-node-type-datos-abiertos h2 {
    font-size: 2.063em;
    font-weight: 700
}

.page-node-type-datos-abiertos h3 {
    color: #F89827
}

.path-transparencia .intro .wrapper {
    padding: 30px 20px;
    width: 100%;
    display: block
}

.path-transparencia .views-row {
    margin-bottom: 20px
}

.path-transparencia .views-row h3 {
    margin-top: 0
}

.path-transparencia .views-row h3 a {
    color: #19498E;
    font-size: 18px;
    font-family: 'Segoe UI', sans-serif
}

.path-transparencia .views-row h3 a::after {
    content: "";
    width: 18px;
    height: 18px;
    margin-left: 10px;
    display: inline-block;
    background: url(../img/ico-flecha-azul.svg) no-repeat center;
    background-size: 100% 100%
}

.path-transparencia .views-row h3 a:hover::after {
    background: url(../img/ico-flecha-dorada.svg) no-repeat center;
    background-size: 100% 100%
}

.path-transparencia .views-row .date {
    font-family: 'Segoe UI', sans-serif;
    color: #4D4D4D;
    font-size: 16px
}

.path-transparencia .views-row .date span {
    font-family: 'Segoe UI', sans-serif;
    color: #4D4D4D;
    font-size: 16px
}

.impact-data {
    position: relative;
    padding: 20px 0
}

.impact-data .title-impact,
.impact-data h1 {
    font-size: 2.5em;
    color: #013C56;
    font-family: 'Henderson Sans Basic Bold', sans-serif
}

.impact-data p {
    font-family: 'Segoe UI';
    font-size: 1.313em;
    color: #333;
    font-weight: 400
}

.impact-data .more-imas {
    background-color: #CEAB65;
    font-family: 'Segoe UI';
    padding: 10px 20px;
    font-size: 1.125em;
    font-weight: 500;
    color: #192952
}

.impact-data .more-imas:hover {
    background-color: #aa8b4c;
    text-decoration: none
}

.impact-data .impact-info {
    background-color: #192952;
    margin-top: -100px;
    padding: 20px;
    z-index: 100;
    width: 100%
}

.impact-data .impact-info .title-sub,
.impact-data .impact-info h2 {
    color: #FFF;
    font-weight: 700;
    font-size: 2.063em;
    font-family: 'Henderson Sans Basic', sans-serif
}

.impact-data .impact-info .title-sub::after,
.impact-data .impact-info h2::after {
    content: "";
    width: 90%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url(../img/linea-amarilla.svg) no-repeat
}

.impact-info .people {
    padding: 10px;
    padding-left: 100px;
    background-image: url('../img/ico-impacto-personas-beneficiarias.svg');
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 55px
}

.impact-info p {
    margin-bottom: 0;
    font-size: 3.25em;
    font-weight: 700;
    color: #fff;
    font-family: 'Henderson Sans Basic', sans-serif
}

.impact-info span {
    font-size: 1.25em;
    color: #FFF;
    font-weight: 400;
    font-family: 'Segoe UI', sans-serif
}

.impact-info .programs {
    padding: 10px;
    padding-left: 100px;
    background-image: url('../img/ico-impacto-programas-activos.svg');
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 55px
}

.impact-info .money {
    padding: 10px;
    padding-left: 100px;
    background-image: url('../img/ico-impacto-hogar.svg');
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 55px
}

.owl-carousel {
    overflow: hidden
}

.bg-bl-news {
    background-color: #0035A0;
    min-height: 445px;
    padding: 20px
}

.content-news .carousel-indicators {
    margin-bottom: -30px;
}

.bg-bl-news .title-related {
    color: #fff;
    font-weight: 700;
    font-size: 2.063em;
    margin-bottom: 20px;
    font-family: 'Henderson Sans Basic', sans-serif
}

.bg-bl-news .title-related::after {
    content: "";
    width: 30%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url(../img/linea-amarilla.svg) no-repeat
}

.bg-bl-news .title.news a {
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
    font-family: 'Henderson Sans Basic', sans-serif
}

.bg-bl-news time {
    color: #fff;
    font-weight: 400;
    font-size: 1.125em;
    margin-bottom: 20px;
    font-family: 'Segoe UI'
}

.bg-bl-news p,
.bg-bl-news li {
    color: #fff;
    font-weight: 400;
    font-size: 1.125em;
    font-family: 'Segoe UI'
}

.bg-bl-news .more-link a {
    border: 1px solid #fff;
    background-color: #fff0;
    font-family: 'Segoe UI';
    width: fit-content;
    font-size: 1.125em;
    padding: 10px 20px;
    margin-left: auto;
    color: #FFF;
    display: block
}

.text-end {
    text-align: end
}

.bg-notices {
    background-color: #192952;
    padding: 20px
}

.bg-notices .title-related {
    color: #FFF;
    font-weight: 700;
    font-size: 2.063em;
    font-family: 'Henderson Sans Basic', sans-serif
}

.bg-notices .title-related::after {
    content: "";
    width: 70%;
    height: 5px;
    display: block;
    margin-top: 10px;
    mask: url(../img/linea-amarilla.svg);
    mask-repeat: no-repeat;
    background: #fff
}

.bg-notices .more-link a {
    font-family: 'Henderson Sans Basic', sans-serif;
    border: 1px solid #fff;
    background-color: #fff0;
    font-size: 1.125em;
    padding: 10px 20px;
    color: #FFF;
    display: block
}

.bg-notices .content-news .views-row {
    padding: 10px;
    padding-left: 50px;
    background: url(../img/ico-avisos.svg) no-repeat 5px 20px;
    background-size: 22px
}

.bg-notices .content-news .views-row a {
    font-family: 'Segoe UI';
    font-size: 1.25em;
    font-weight: 700;
    color: #fff
}

.bg-notices .content-news .views-row {
    color: #FFFFFF;
}

.bg-notices .content-news .views-row time,
.bg-notices .content-news .views-row span,
.bg-notices .content-news .views-row li,
.bg-notices .content-news .views-row p {
    font-family: 'Segoe UI', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 1.125em
}

.bg-notices .area-title {
    margin-bottom: 30px
}

.bg-bl-news .owl-carousel .owl-nav.disabled {
    display: none !important
}

.news-bg {
    background: #fff url(../img/img-noticias-fondo.jpg) no-repeat;
    background-position: top;
    background-size: 100% 55%;
    padding: 50px 0
}

.survey {
    padding: 50px 0;
    background-color: #F2F2F2
}

.survey a {
    text-decoration: none !important
}

.survey .item-info-banner:hover .btn-redirect {
    color: #fff;
    background-color: #565656;
}

.survey .section-register {
    background: url(../img/img-seccion-encuesta.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
    min-height: 212px;
    padding: 15px
}

.survey .encuesta h2 {
    font-family: 'Henderson Sans Basic', sans-serif;
    background-color: #f5ce43d4;
    margin-bottom: 20px;
    font-size: 2.188em;
    font-weight: 700;
    color: #013C56;
    display: inline;
    padding: 5px
}

.survey .encuesta h2 a {
    color: #013C56;
    font-family: 'Henderson Sans Basic Bold', sans-serif
}

.survey .encuesta {
    background: url(../img/img-seccion-registrese.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
    min-height: 212px;
    padding: 15px
}

.survey .section-register h2 {
    font-family: 'Henderson Sans Basic bold', sans-serif;
    background-color: #F15A24;
    color: #FFF;
    font-size: 1.3em;
    display: block;
    padding: 10px 2px;
    opacity: .9
}

.survey .section-register h2 a {
    color: #FFF;
    font-family: 'Henderson Sans Basic', sans-serif
}

.survey .section-register p,
.survey .section-register p a {
    font-family: 'Henderson Sans Basic', sans-serif;
    color: #000;
    font-weight: 300;
    font-size: 1em;
    text-align: left;
    width: 60%
}

.btn-redirect {
    color: #fff;
    font-weight: 700;
    font-size: 1.125em;
    padding: 10px 20px;
    font-family: 'Segoe UI';
    text-transform: uppercase;
    background-color: #1D1D1B;
    transition: 0.5s all ease-in;
}

.btn-redirect:hover {
    color: #fff;
    background-color: #565656
}

.block-title {
    margin-bottom: 30px
}

.title-border,
.block-title,
.recursos-prensa h2,
h1.title-node
 {
    width: fit-content;
    color: #013C56;
    font-size: 2.063em;
    font-weight: 700;
    font-family: 'Henderson Sans Basic Bold', sans-serif
}

.title-border::after,
.block-title::after,
.recursos-prensa h2::after,
h1.title-node::after {
    content: "";
    width: 70%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url(../img/linea-amarilla.svg) no-repeat
}

.recursos-prensa .videos-fotos h2::after {
    display: none;
}

.title-border-white {
    color: #1D1D1B;
    font-size: 2.813em;
    font-weight: 700;
    font-family: 'Henderson Sans Basic Bold', sans-serif
}

.title-border-white::after {
    content: "";
    width: 20%;
    height: 5px;
    display: block;
    margin-top: 10px;
    mask: url(../img/linea-amarilla.svg);
    mask-repeat: no-repeat;
    background: #fff
}

.bridge-development {
    background: #DCAE60 url('../img/img-impulsa-home.png') no-repeat right;
    background-size: contain;
    padding: 50px 0
}

.btn-bridge {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.btn-bridge a {
    display: block;
    width: fit-content;
    margin-right: 20px
}

.video-container {
    position: relative;
    width: 100%
}

.video-container iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%
}

.history-content {
    color: #fff;
    padding: 50px 20px 20px;
    background: linear-gradient(to bottom, #192952 0%, #192952 100%, #ffffff 50%, #ffffff 100%)
}

.history-content p {
    color: #fff;
    font-size: 1.125em
}

.history-content p strong {
    font-size: 1.25em
}

.highlighted-text {
    font-size: 1.525em !important;
    text-align: left
}

.content-video-historys {
    background-color: #EDE0C5;
    padding: 10px
}

.link-shortcuts {
    color: #fff;
    font-size: 1.25em;
    font-family: 'Henderson Sans Basic', sans-serif
}

.link-shortcuts:hover {
    color: #fff;
    text-decoration: underline
}

.link-shortcuts::after {
    content: "";
    width: 40px;
    height: 20px;
    display: block;
    margin-top: 10px;
    background: url(../img/mas-seminario.svg) no-repeat
}

.shortcuts-content {
    margin: 20px 0;
    padding: 20px;
    background-color: #19498E
}

.shortcuts-content .row {
    justify-content: space-between
}

.shortcuts-content .col-md {
    flex: 1 0 0%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.shortcuts-content .shortcuts {
    border-right: 2px solid #192952;
    padding: 20px 15px
}

.shortcuts-content .shortcuts:last-child {
    border: none
}

.shortcuts-content .shortcuts .item img {
    max-width: 40%
}

.video-destacado .more-link {
    position: relative;
    width: 100%
}

.video-destacado .more-link a {
    position: absolute;
    background-color: #CEAB65;
    padding: 10px 20px;
    font-size: 1.125em;
    font-weight: 500;
    color: #192952;
    right: 10px;
    top: -65px
}

.trademark h1::after {
    display: none !important;
}

.video-destacado .more-link a:hover {
    background-color: #aa8b4c;
    text-decoration: none
}

.border-img-bene {
    background: url(../img/linea-amarilla-vertical.svg) no-repeat right;
    background-size: 3% 100%
}

.category-managed .item-title {
    color: #0035A0;
    font-weight: 700;
    margin-bottom: 0;
    font-size: .938em;
    font-family: 'Henderson Sans Basic', sans-serif
}

.category-managed span {
    color: #0035A0;
    font-weight: 400;
    font-size: .938em;
    font-family: 'Henderson Sans Basic', sans-serif
}

.content-title {
    border-top: 1px solid #918791
}

.region-iniciativas-destacadas {
    margin-bottom: 30px
}

.region-iniciativas-destacadas .owl-carousel .owl-nav {
    display: block !important
}

.contact-footer {
    font-family: 'Henderson Sans Basic', sans-serif;
    font-size: 2.063em;
    margin-bottom: 25px;
    font-weight: 700
}

.contact-footer::after {
    content: "";
    width: 70%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url(../img/linea-amarilla.svg) no-repeat
}

.pager {
    margin: 20px auto
}

footer p,
.region-footer-1 p {
    color: #fff
}


.owl-carousel .owl-item .phs-img-link {
    text-align: center;
}

.owl-carousel .owl-item img {
    width: auto !important;
    display: inline !important;
}

.results {
    margin-bottom: 20px
}

.results .data {
    color: #4D4D4D;
    font-size: 1em;
    font-family: 'Segoe UI', sans-serif
}

.panel-group .panel-default {
    margin: auto;
    margin-bottom: 20px
}

.panel-group .panel-default .panel-heading .panel-title {
    padding: 0;
    margin: 0
}

.panel-group .panel-default .panel-heading .panel-title>a {
    width: 100%;
    display: block;
    color: #192952;
    font-weight: 700;
    font-size: 1.375em;
    position: relative;
    padding: 10px 20px;
    font-family: 'Henderson Sans Basic', sans-serif
}

.panel-group .panel-default .panel-heading .panel-title>a:hover,
.panel-group .panel-default .panel-heading .panel-title>a:not(.collapsed) {
    background-color: #CFAC65
}

.panel-group .panel-default .panel-heading .panel-title>a {
    text-decoration: none
}

.panel-group .panel-default .panel-heading .panel-title>a::after {
    top: 10px;
    right: 2%;
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    display: inline-block;
    transform: rotate(-90deg);
    transition: 0.5s all ease;
    mask: url(../img/flecha_blanca.svg);
    mask-repeat: no-repeat;
    background: #192952
}

.panel-group .panel-default .panel-heading .panel-title .collapsed::after {
    mask: url(../img/flecha_blanca.svg);
    mask-repeat: no-repeat;
    background: #192952;
    transform: rotate(90deg);
    transition: 0.5s all ease
}

.breacrumd-content {
    display: none;
    border-bottom: 1px solid #918791
}

.benefits h3 {
    margin-bottom: 30px
}

.benefits .wrapper {
    width: 100%;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block
}

.benefits .wrapper img {
    margin: auto
}

.notices .views-row {
    width: 100%;
    display: block;
    padding: 30px 0;
    border-bottom: 2px solid #CEAB65
}

.path-search .region-content {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.path-search .search-form .form-search {
    border: 1px solid #CEAB65;
    border-right: 0;
    border-radius: 0;
}

.path-search .search-form .button {
    background-color: transparent;
    border: #CEAB65 1px solid;
    height: auto;
    color: #192952;
    min-height: 38px;
    border-radius: 0;
    margin: -5px 0 0 -4px;
}

.path-search .search-form .button .sr-only {
    border: 1px solid #CEAB65;
    text-transform: capitalize;
    height: fit-content;
    position: absolute;
    width: fit-content;
    color: #192952;
    padding: 12px;
    font-size: 15px;
    display: block;
    border-left: 0;
    clip: auto;
    top: -.5px;
    left: 0
}

.path-search .search-form .button .sr-only::before {
    content: "";
    top: 5px;
    left: 0;
    width: 1px;
    height: 35px;
    position: absolute;
    display: inline-block;
    background: #CEAB65
}

.path-search .panel-heading {
    padding: 10px 15px
}

.path-search .search-advanced {
    margin-top: 20px
}

.path-search .search-advanced .form-submit {
    background-color: #CEAB65;
    text-transform: uppercase;
    margin: 20px auto 0 auto;
    font-family: 'Segoe UI';
    width: fit-content;
    padding: 10px 20px;
    font-size: 1.125em;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    color: #192952;
    display: block;
    clear: both
}

.path-search .search-advanced .form-submit:hover {
    background-color: #b19459;
    text-decoration: none;
    color: #152243
}

ol.search-results {
    list-style: auto;
}

ol.search-results .username {
    display: none
}

.search-result__info {
    font-size: 0.7em;
}

.ui-accordion .ui-accordion-content {
    height: auto !important;
    padding: 20px;
}

.d-sm-none {
    display: none;
}

.video-content {
    iframe {
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
    }
}

.title-video {
    color: #0035a0 !important;
    font-family: "BenchNine";
    font-size: 24px;
}

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

    .region-menu-top,
    .region-social-top,
    .top .row>div {
        display: inline-block;
        width: 100%;
    }

    .border-r {
        border-right: var(--gris3) 1px solid
    }

    .path-search .region-content {
        width: 750px
    }

    .slider .carousel-inner{
        height: 640px
    }

    .slider .carousel-indicators {
        padding-bottom: 25px;
    }    

}

.main-container {
    overflow: hidden
}

.d-block {
    display: block
}

@media (min-width:992px) {
    .path-search .region-content {
        width: 992px
    }
}

@media (min-width:1200px) {
    .path-search .region-content {
        width: 1170px
    }
}

@media (max-width:768px) {
    .d-sm-none {
        display: block;
    }

    .filter-info {
        display: none
    }

    .filter-xs {
        display: block
    }

    .impact-data .title-impact,
    .impact-data h1 {
        font-size: 1.375em
    }

    .impact-data p {
        font-size: 1.125em
    }

    .impact-data .impact-info {
        position: relative;
        margin-top: 20px;
        z-index: 0
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        width: 100%;
    }

    body {
        overflow-x: hidden
    }


    .owl-movil {
        display: block !important;
    }
}

@media (max-width:767px) {
    .visible-xs {
        display: block
    }

    .hidden-xs {
        display: none
    }

    .section-header.home {
        padding-bottom: 0;
        position: relative;
        background-color: #fff0
    }

    .section-header.home .top {
        display: none
    }

    .bg-bl-news {
        min-height: auto
    }

    .bridge-development {
        background: #DCAE60 url(../img/img-modelo-intervencion.png) no-repeat bottom;
        background-size: contain;
        padding: 50px 0 400px;
    }

    .btn-bridge a {
        margin-bottom: 10px;
    }

    .content-comunicados {
        width: 100%;
        height: auto;
        padding: 15px;
        display: block;
    }

    .menu-container {
        background-color: #CEAB65 !important
    }

    .menu-container.internal {
        background-color: transparent !important
    }

    .menu-container .menu-mobile:after {
        width: 40px;
        content: "";
        height: 40px;
        mask: url(../img/list.svg);
        mask-repeat: no-repeat;
        mask-size: 100% 100%;
        background: #192952
    }

    .menu-container.internal .menu-mobile:after {
        width: 40px;
        content: "";
        height: 40px;
        background: url(../img/list.svg) no-repeat;
        background-size: 100% 100%
    }

    .slider .owl-theme .owl-dots {
        bottom: 0;
        left: 40%
    }

    .slider .bg-container {
        width: 100% !important;
        height: auto !important;
        padding: 15px !important
    }

    .slider .container .half {
        width: 100% !important;
        margin-top: 0% !important;
        padding: 0 !important
    }

    .slider .owl-carousel .owl-stage {
        height: 100%
    }

    .slider .container h2 {
        font-size: 1.4em
    }

    .slider .container p {
        font-size: .8em
    }

    .logos .col-xs-6 {
        min-height: 130px
    }

    .comunicados-recientes .views-row {
        margin-bottom: 20px
    }

    .about_us ul.nav.nav-tabs>li {
        width: 100%
    }

    .video-item {
        border-bottom: var(--gris) 1px solid;
        padding-bottom: 8px
    }

    aside {
        clear: both
    }

    aside ul.menu {
        padding-left: 15px
    }

    .form-item-field-ano-target-id,
    .form-item-field-normativa-target-id,
    .views-exposed-form .select-wrapper,
    .views-exposed-form label,
    .views-exposed-form input {
        float: left;
        width: 100%
    }

    .bar-top-left {
        background: none;
        display: none
    }

    .bar-top-right {
        background: none;
        display: none
    }

    .filter-info .form-inline {
        top: 445px;
        right: 52%
    }

    .transp h1 {
        font-size: 1.375em;
        text-align: center
    }

    .transp p {
        padding: 0;
        border: none;
        padding-top: 30px;
        border-top: 3.5px solid #CEAB65
    }

    .transp p::before {
        top: 8px;
        left: 0;
        content: "";
        width: 100%;
        height: 3px
    }

    .transp p::before {
        top: 8px;
        left: 2.5%;
        content: "";
        width: 95%;
        height: 3px
    }

    .transp p::after {
        top: 20px;
        left: 5%;
        content: "";
        width: 90%;
        height: 3px
    }

    .banners-areas a {
        display: block;
        margin-bottom: 20px
    }

    .banners-areas a img {
        width: 100%
    }

    footer .f1 {
        padding: 0
    }

    .shortcuts-content {
        border: 2px solid #192952;
    }

    .shortcuts-content .shortcuts {
        border: none;
        width: 100%;
        border-bottom: 2px solid #192952;
    }

    .survey .encuesta {
        background-size: cover;
        background-position: center;
    }

    .survey .section-register p {
        width: 100%;
    }

    .survey .section-register p a {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .btn-redirect {
        display: block;
        margin-left: auto;
        width: fit-content;
    }

    .shortcuts-content .row {
        width: 100%;
    }

    .logos {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .video-container {
        display: block;
        margin-top: 20px;
    }

    .d-xs-none {
        display: none;
    }

    .help .item,
    .help .item.active,
    .services .item,
    .services .item.active {
        width: 100%;
        min-height: auto;
        text-align: left;
        font-size: 1.4em
    }

    .help .item img {
        float: left
    }

    .help .item p,
    .services .item p {
        width: 60%;
        font-size: 1em;
    }

    .help .item.inactive {
        width: 100%;
        color: #FFF
    }

    .help .item.active .image {
        width: 30%;
        float: left
    }

    .help .item.inactive .image {
        width: 100%
    }

    .help .item.active .content {
        width: 70%;
        display: block;
        float: left;
        font-size: .9em;
        text-transform: initial;
        text-align: left;
        padding-top: 10px
    }

    .help .item.inactive .content {
        width: 0%;
        display: none
    }

    .services .item .image {
        display: flex;
        flex-wrap: wrap;
        min-height: 100px;
        padding: 10px;
        align-items: center;
        justify-content: center;
    }

    .services .item {
        display: block;
    }

    .services .item .content-img {
        text-align: center;
        height: auto;
        width: 40%;
    }

    .services .item .content-img img {
        max-width: 70%;
    }

    .benefits .content-details .row {
        justify-content: center;
    }

    .title-info {
        font-size: 1.8em
    }

    .services .item {
        padding: 5px 10px !important;
    }

}

/**** Styles for IMAS Payment module ****/

.imas-payment-imas-payment #edit-intro-text {
    font-size: 18px;
    color: #333333;
    font-family: 'Segoe UI', sans-serif;
    max-width: 80%;
    margin-bottom: 40px;
}

.imas-payment-imas-payment .form-item-cedula {
    font-size: 18px;
    color: #192952;
    font-weight: bold;
}

.imas-payment-imas-payment .form-item-description {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}

 h1.page-header::after {
    content: "";
    width: 70%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url('../img/linea-amarilla.svg') no-repeat;
}

.imas-payment-consulta-pago__container {
    max-width: 95%;
    margin: 0 auto;
}

.imas-payment-imas-payment table {
    width: 90%;
}

.imas-payment-imas-payment table tbody tr td {
    font-size: 18px;
    color: #333333;
    font-weight: 400;
    text-align: center;
    font-family: 'Segoe UI', sans-serif;
}

.imas-payment-imas-payment table thead tr th {
    border: none;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    background: none;
    font-family: 'Segoe UI', sans-serif;
}

.imas-payment-consulta-pago .button--primary {
    margin: 25px auto 25px auto !important;
    display: flex;
    background-color: var(--naranja2) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23182951'%3E%3Cpath d='M10 2a8 8 0 1 0 5.293 14.293l4.707 4.707 1.414-1.414-4.707-4.707A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 28px center;
    border: none;
    border-radius: 0;
    color: var(--azul5) !important;
    padding: 15px 40px 15px 50px !important;
    font-weight: 600;
    align-items: center;
    font-family: 'Segoe UI', sans-serif;
    transition: 0.5s all ease-in;
}

.imas-payment-consulta-pago .button--primary:hover {
    background-color: var(--naranja1) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M10 2a8 8 0 1 0 5.293 14.293l4.707 4.707 1.414-1.414-4.707-4.707A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12z'/%3E%3C/svg%3E");
    text-decoration: none;
    color: var(--blanco) !important;
}

.imas-payment-consulta-pago .button-payment {
    margin: 25px auto 25px auto;
    display: flex;
    z-index: 9999;
    position: relative;
    background: var(--naranja2);
    color: var(--azul5);
    padding: 15px 40px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    font-family: 'Segoe UI', sans-serif;
    transition: 0.5s all ease-in;
}

.imas-payment-consulta-pago .button-payment::after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    transition: 0.5s all ease-in;
    background: url('../img/arrow-rigth-blue.png');
}

.imas-payment-consulta-pago .button-payment:hover::after {
    background: url('../img/arrow-rigth-white.png') no-repeat center;
    background-size: 100% 100%;
}

.imas-payment-consulta-pago .button-payment:hover {
    background: var(--naranja1);
    text-decoration: none;
    color: var(--blanco);
}

.imas-payment-consulta-pago .button--secondary {
    margin: 25px auto 25px auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    border: solid 1px var(--azul5);
    color: var(--azul5);
    padding: 15px 40px;
    font-weight: 600;
    max-width: 400px;
    font-size: 14px;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    border-radius: 0;
    transition: 0.5s all ease-in;
}

.imas-payment-consulta-pago .button--secondary::before {
    content: "";
    width: 25px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    background: url('../img/arrow-left.svg') no-repeat center;
    background-size: 100% 100%;
}

.imas-payment-consulta-pago .button--secondary:hover {
    background: var(--naranja2);
    border: solid 1px var(--naranja2);
    text-decoration: none;
}

.intro-text {
    line-height: 150%;
}

.cedula-wrapper {
    max-width: 500px;
    margin: 0 auto;
}

.imas-payment-consulta-pago label {
    color: var(--azul5);
}

.imas-payment-consulta-pago .form-text {
    height: 45px;
}

.imas-payment-consulta-pago .form-item-description {
    line-height: 150%;
    font-style: italic;
}

.imas-payment-consulta-pago-footer {
    background-color: var(--naranja2);
    clear: both;
}

.imas-payment-consulta-pago-footer__content {
    max-width: 70%;
    margin: 0 auto;
    text-align: center;
}

.imas-payment-consulta-pago-footer__content__title {
    padding-top: 1rem;
}

.imas-payment-consulta-pago-footer__content h2 {
    color: var(--azul5) !important;
    width: fit-content;
    font-weight: 600;
    font-size: 2rem;
    margin: 20px auto;
}

.imas-payment-consulta-pago-footer__content h2::after {
    content: "";
    width: 70%;
    height: 5px;
    display: block;
    margin-top: 10px;
    background: url('../img/linea-azul.svg') no-repeat;
}

.imas-payment-consulta-pago-footer__content .footer-content-title {
    color: var(--azul5);
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}

.imas-payment-consulta-pago-footer__content a {
    color: var(--azul5);
}

.imas-payment-consulta-pago-footer__content__content.imas-payment-consulta-pago-footer__content__content p {
    color: var(--azul5);
    font-size: 16px;
}

.imas-payment-consulta-pago-footer__content__content {
    text-align: left;
    width: 80%;
    margin: 10px auto 0;
    padding-bottom: 30px;
}

.imas-payment-consulta-pago-footer__content__content .footer-content-title::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    padding-left: 30px;
    mask-size: 80% 65%;
    background: #192952;
    mask-position: left 5px;
    mask-repeat: no-repeat;
}

.imas-payment-consulta-pago-footer__content__content .footer-content-title.icon--phone::before {
    mask-image: url(../img/ico-contacto-telefono.svg);
}

.imas-payment-consulta-pago-footer__content__content .footer-content-title.icon--email::before {
    mask-image: url(../img/ico-contacto-mail.svg);
}

.imas-payment-consulta-pago-footer__content__content .footer-content-title.icon--opening-hours::before {
    mask-image: url(../img/ico-contacto-horario.svg);
}

#edit-clients-element .button--secondary {
    padding: 15px 20px;
    margin: 0 auto;
    font-size: 20px;
    color: #19498D;
    background: none;
    font-weight: 600;
    font-family: 'Segoe UI', sans-serif;
    text-transform: math-auto;
    border: 1px solid #19498D;
    transition: 0.5s all ease-in;
}

#edit-clients-element .button--secondary::before {
    display: none;
}

#edit-clients-element .button--secondary:hover {
    background: var(--naranja2);
    border: 1px solid var(--naranja2);
}

.movements-intro-logo .form-item {
    color: var(--azul5);
    font-weight: 600;
    font-size: 18px;
}

#edit-clients-element td {
    text-align: center;
    vertical-align: middle;
}

.imas-payment-consulta-pago .form-item-description.has-error {
    color: var(--rojo);
}

.imas-payment-consulta-pago .message-error {
    color: #d75830;
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    max-width: 70%;
    margin: 10px auto;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.imas-payment-consulta-pago .message-error::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    background: url('../img/ico-alerta.svg') no-repeat center;
    background-size: 100% 100%;
}

.imas-payment-consulta-pago .records-wrapper {
    max-width: 70%;
    text-align: center;
    margin: 15px auto;
}

.imas-payment-consulta-pago .records-label {
    font-size: 18px;
    color: var(--azul5);
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.imas-payment-consulta-pago .records-value {
    font-size: 18px;
    color: var(--azul5);
    line-height: 150%;
}

.imas-payment-consulta-pago .client-info-wrapper {
    max-width: 50%;
    margin: 20px auto;
    text-align: center;
    background: var(--azul6);
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.imas-payment-consulta-pago .error-wrapper {
    text-align: center;
    max-width: 40%;
    margin: auto;
}

.imas-payment-consulta-pago .client-info-logo {
    width: 35%;
    border-right: 2px solid #6686C6;
    display: inline-block;
}

.imas-payment-consulta-pago .client-info-logo .form-item-intro {
    font-size: 18px;
    text-align: center;
    color: var(--azul5);
    font-weight: bold;
    position: relative;
}

.imas-payment-consulta-pago .client-info-logo .form-item-intro::before {
    margin: auto;
    content: "";
    display: block;
    background: url('../img/ico-detalle-patrono.svg') no-repeat center;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
}

.imas-payment-consulta-pago .client-info {
    width: 65%;
    display: inline-block;
    padding: 10px;
    color: var(--azul5);
    line-height: 150%;
    text-align: left;
}

.imas-payment-consulta-pago .client-info .form-item {
    margin-bottom: 0;
}

.imas-payment-consulta-pago #edit-client-name {
    font-size: 16px;
    color: var(--azul5);
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
}

.imas-payment-consulta-pago .client-info-label {
    font-weight: bold;
    font-size: 16px;
    color: var(--azul5);
    font-family: 'Segoe UI', sans-serif;
    margin-right: 5px;
}

.imas-payment-consulta-pago .client-info-name {
    font-size: 14px;
}

.imas-payment-consulta-pago .client-info-value {
    font-weight: 400;
    font-size: 16px;
    color: var(--azul5);
    font-family: 'Segoe UI', sans-serif;
    line-height: 150%;
}


#imas-payment-imas-payment {
    position: relative;
}

#imas-payment-imas-payment .movements-intro-logo #edit-intro-line0 {
    text-align: center;
}

#imas-payment-imas-payment .movements-intro-logo {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 150px;
}

.imas-payment-consulta-pago .movements-intro {
    max-width: 40%;
    margin: 90px auto 30px;
}

.imas-payment-consulta-pago .movements-intro-line0 {
    color: var(--azul5);
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.imas-payment-consulta-pago .movements-intro-line1 {
    font-size: 16px;
    color: #D75830;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}

.imas-payment-consulta-pago .movements-intro-line1::before {
    top: 2px;
    left: -4%;
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    background: url('../img/ico-alerta.svg') no-repeat center;
    background-size: 100% 100%;
}

.imas-payment-consulta-pago .movements-intro-line2 {
    font-size: 16px;
    color: #D75830;
    font-weight: 400;
    margin-bottom: 15px;
}

.imas-payment-consulta-pago .summary {
    text-align: right;
    float: right;
    clear: both;
    margin-bottom: 25px;
    font-style: italic;
    font-size: 14px;
    color: #666666;
}

.imas-payment-consulta-pago .form-item-total {
    float: right;
    clear: both;
    min-width: 350px;
    border-top: solid 1px;
    padding: 10px 0;
    border-bottom: solid 1px;
    font-weight: bold;
    font-size: 20px;
}

.imas-payment-consulta-pago .total-amount {
    margin-right: 40px;
}

.imas-payment-consulta-pago .button-payment {
    width: 350px;
    float: right;
    clear: both;
}

.imas-payment-consulta-pago__content__thanks {
    text-align: center;
    color: var(--azul5);
    margin-bottom: 30px;
    width: 500px;
}

.imas-payment-consulta-pago__content__thanks h2 {
    font-size: 33px;
    color: var(--azul5);
    font-weight: bold;
    margin-bottom: 30px;
    font-family: "Henderson Sans Basic", sans-serif;
}

.imas-payment-consulta-pago__content__thanks p {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Segoe UI', sans-serif;
}

.imas-payment-consulta-pago__content__thanks::before {
    margin: 30px auto 50px;
    content: "";
    display: block;
    background: url('../img/ico-aprobado.svg') no-repeat center;
    background-size: 100% 100%;
    width: 110px;
    height: 110px;
}

.imas-payment-consulta-pago__content__thanks.declined::before {
    margin: 30px auto 50px;
    content: "";
    display: block;
    background: url('../img/ico-negado.svg') no-repeat center;
    background-size: 100% 100%;
    width: 110px;
    height: 110px;
}

.imas-payment-consulta-pago__content__thanks.declined.pending::before {
    margin: 30px auto 50px;
    content: "";
    display: block;
    background: url('../img/ico-alerta-pay.svg') no-repeat center;
    background-size: 100% 100%;
    width: 110px;
    height: 110px;
}

.payment-info--label {
    color: var(--naranja2);
    font-weight: bold;
}

.payment-info--value {
    color: var(--negro);
}

.payment-info {
    text-align: left;
    max-width: 280px;
    margin: 0 auto;
}

footer.prefooter {
    background-color: initial;
    color: var(--azul5);
}

.payment-help-text {
    max-width: 350px;
    margin-left: auto;
}


.payment-help-text .section-1 p::before {
    top: 0;
    left: 0px;
    content: "";
    width: 32px;
    height: 28px;
    display: block;
    position: absolute;
    background: url('../img/ico-seguridad.svg') no-repeat center;
    background-size: 100% 100%;
}

.payment-help-text .section-1 p {
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    font-style: italic;
    line-height: normal;
    position: relative;
    padding-left: 36px;
    font-family: 'Segoe UI', sans-serif;
}

.payment-help-text .section-2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    position: relative;
    padding-bottom: 20px;
    justify-content: center;
}

.payment-help-text .section-2::before {
    bottom: 0;
    left: 25px;
    content: "";
    width: 300px;
    height: 1px;
    display: block;
    position: absolute;
    background: #E8B356;
}

.payment-help-text .section-2 .logo-visa {
    width: 130px;
    height: auto;
    background: url('../img/ico-tarjetas.svg') no-repeat;
    background-size: 100% 100%;
}

.payment-help-text .section-2 .logo-mastercard {
    display: none;
}

.payment-help-text .section-2 p {
    width: 210px;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #666666;
    font-style: italic;
    line-height: normal;
    font-family: 'Segoe UI', sans-serif;
}

.imas-payment-consulta-pago-footer-tos-faq {
    padding: 25px;
    background-color: #dde2ea;
}

.imas-payment-consulta-pago-footer-tos-faq__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.imas-payment-consulta-pago-footer-tos-faq__content__tos {
    border-right: 1px solid #ffffff;
}

.imas-payment-consulta-pago-footer-tos-faq__content__tos,
.imas-payment-consulta-pago-footer-tos-faq__content__faq {
    padding: 0 70px;
    width: fit-content;
}

.imas-payment-consulta-pago-footer-tos-faq__content a {
    font-size: 16px;
    color: #001B50;
    position: relative;
    transition: 0.3s all ease-in;
}

.imas-payment-consulta-pago-footer-tos-faq__content a:hover {
    color: #001B50;
}

.imas-payment-consulta-pago-footer-tos-faq__content a::before {
    top: 0;
    left: -18%;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
}

.imas-payment-consulta-pago-footer-tos-faq__content__tos a::before {
    background: url('../img/ico-terminos_condiciones.svg') no-repeat center;
    background-size: 100% 100%;
}

.imas-payment-consulta-pago-footer-tos-faq__content__faq a::before {
    background: url('../img/ico-preguntas_frecuentes.svg') no-repeat center;
    background-size: 100% 100%;
}


@media (max-width: 1024px) {
    .imas-payment-consulta-pago .movements-intro-line1::before {
        left: 7%;
    }

    ul.trans-icons li {
        width: 25%;
    }
}

@media (max-width: 767px) {
    ul.trans-icons li {
        width: 50%;
    }

    .imas-payment-consulta-pago__content__thanks {
        width: 100%;
    }

    .imas-payment-consulta-pago .error-wrapper {
        max-width: 90%;
    }

    .imas-payment-consulta-pago .client-info-wrapper {
        max-width: 95%;
        padding: 10px;
    }

    .imas-payment-consulta-pago .client-info-logo {
        width: 100%;
        padding: 10px;
        border-right: none;
        border-bottom: 2px solid #6686C6;
    }

    .imas-payment-consulta-pago .client-info {
        width: 100%;
    }

    #imas-payment-imas-payment .movements-intro-logo {
        top: 340px;
    }

    .imas-payment-consulta-pago .movements-intro {
        max-width: 85%;
    }

    .imas-payment-consulta-pago .movements-intro-line1::before {
        left: -8%;
    }

    .imas-payment-consulta-pago label {
        text-align: center;
    }

    .imas-payment-consulta-pago-footer-tos-faq__content__tos,
    .imas-payment-consulta-pago-footer-tos-faq__content__faq {
        padding: 40px 20px 0;
        text-align: center;
    }

    .imas-payment-consulta-pago-footer-tos-faq__content a::before {
        top: -20px;
        left: 35%;
    }
}

.payment-help-text {
    font-size: 12px;
    font-style: italic;
    text-align: right;
    max-width: 350px;
    float: right;
    clear: both;
}

.payment-help-text p {
    color: var(--gris2);
}

/** Temporary placetopay logo styles **/
.logo-placetopay {
    background-image: url(/themes/domo/img/placetopay-logo.svg);
    background-position-x: 85%;
    background-repeat: no-repeat;
    height: 30px;
    text-align: left;
    margin: 10px;
    padding-left: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #666666;
    font-style: italic;
    line-height: normal;
    font-family: 'Segoe UI', sans-serif;
}


ul.list-info li {
    position: relative;
    padding-left: 15px;
}

ul.list-info li::before {
    content: "o";
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    top: 1px;
    left: 2px;
    font-size: 12px;
    font-weight: bold;
}

ul.list-info li a {
    word-wrap: break-word !important;
    display: contents !important;
    word-break: break-all;
    white-space: normal;
}

.strong-b strong {
    font-weight: 600 !important;
}

.menu>ul>li>a {
    padding: .5em .7em .2em !important;
}

ul.list-info li::marker {
    color: #192952 !important;
}

ul.list-info li a::before {
    display: none !important;
}

/** Temporary placetopay logo styles **/

/**** Styles for IMAS Payment module ****/