body {
    background-color: #fff;
    overflow-x: hidden
}

a {
    transition: ease all .3s
}

header {
    position: relative;
    background-color: #fff;
    min-height: 175px
}

header .logo a img {
    height: 73px;
    object-fit: contain
}

header .logo a svg {
    height: 110px
}

header .logo-movil {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

header .logo-movil span {
    color: #ed232a;
    font-size: .8em;
    font-family: "artifex_cfbold";
    display: block;
    position: relative;
    top: -15px
}

header .logo-movil:hover {
    text-decoration: none
}

header .eletop {
    max-width: 253px
}

header .eletop .escudo {
    margin: 0 0 8px 0;
    pointer-events: none;
    padding-right: 27px
}

header .eletop .escudo img {
    height: 40px;
    max-width: 276px
}

header .eletop .search {
    margin: 10px 0
}

header .eletop .search .input-la input {
    font-weight: normal;
    font-size: 12px;
    color: #231f20;
    padding: 8px 10px;
    height: 35px;
    border-radius: 2px 0 0 2px;
    background: #fff;
    border: solid 1px #00953a
}

header .eletop .search .input-la button {
    height: 35px;
    width: 35px;
    background: #00953a;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    border: none
}

header .eletop .menuTop ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end
}

header .eletop .menuTop ul li {
    display: flex;
    align-items: center;
    line-height: 1
}

header .eletop .menuTop ul li:before {
    content: "|";
    margin: 0 10px;
    color: #e6e6e6
}

header .eletop .menuTop ul li:first-child:before {
    display: none
}

header .eletop .menuTop ul li a {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    color: #6d6e71
}

header .eletop .menuTop ul li a:hover {
    color: #000
}

.la-menu {
    min-height: 60px;
    background-color: #002f87;
    position: relative;
    z-index: 99;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, .16)
}

.la-menu .eva,
.la-menu .container,
.la-menu .menu {
    position: relative;
    min-height: inherit
}

.la-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    min-height: inherit
}

.la-menu ul li {
    display: inherit;
    min-height: inherit
}

.la-menu ul li:hover ul {
    display: flex
}

.la-menu ul li a {
    min-height: inherit;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 15px;
    color: #fff;
    position: relative
}

.la-menu ul li a:before {
    position: absolute;
    background-color: #003876;
    content: "";
    width: 0%;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    transition: ease .3s
}

.la-menu ul li a:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff
}

.la-menu ul li a:hover:before {
    width: 100%
}

.la-menu ul li .sub-menu {
    position: absolute;
    display: none;
    flex-direction: column;
    z-index: 9999;
    top: 60px;
    width: 280px;
    min-height: initial;
    background-color: #fff
}


/* .la-menu ul li .sub-menu:after,
.la-menu ul li .sub-menu:before {
    background: transparent;
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .04)
} */

.la-menu ul li .sub-menu:before {
    position: absolute;
    top: 0;
    right: 280px;
    bottom: 0;
    left: -999em;
    content: ""
}

.la-menu ul li .sub-menu:after {
    position: absolute;
    top: 0;
    left: 280px;
    bottom: 0;
    right: -999em;
    content: ""
}

.la-menu ul li .sub-menu li {
    display: block;
    position: relative;
    min-height: initial
}

.la-menu ul li .sub-menu li a {
    font-size: 15px;
    text-decoration: none;
    color: #03001e;
    position: relative;
    display: flex;
    padding: 14px 16px;
    background: transparent;
    border-left: solid 4px transparent
}

.la-menu ul li .sub-menu li a:hover {
    background: rgba(0, 148, 62, .07);
    border-left: solid 4px #00953a
}

.la-menu ul .current-menu-item>a,
.la-menu ul .current-menu-parent>a {
    /* color: #072340;
    background-color: #fff */
}

.la-menu ul .current-menu-item>.sub-menu .current-menu-item a,
.la-menu ul .current-menu-parent>.sub-menu .current-menu-item a {
    background: rgba(0, 148, 62, .07);
    border-left: solid 4px #00953a
}

#overlay {
    display: none;
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 998;
    transition: ease all .3s
}

.input-la {
    z-index: 999
}

@media(max-width: 575.98px) {
    .uwy {
        display: none !important
    }

    header {
        min-height: initial;
        
    }

    header .logo {
        margin: 17px auto;
        width: fit-content
    }

    header .logo svg {
        height: 73px;
        object-fit: contain
    }

    header .logo svg g {
        text-align: center
    }

    .la-menu {
        min-height: initial
    }

    .la-menu ul {
        flex-direction: column
    }

    .la-menu ul li {
        display: flex;
        flex-direction: column;
    }

    .la-menu ul li a {
        width: 100%;
        min-height: 50px;
        padding: 0 15px
    }

    .la-menu ul li .sub-menu {
        width: 100%;
        top: 100px;
        position: inherit;
    }


}

.escudo_mobile {
    display: none;
    min-height: 55px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 17px 40px rgba(0, 0, 0, .03);
    display: flex;
    justify-content: center;
    align-items: center
}

.escudo_mobile .rdMobile img {
    height: 32px;
    object-fit: contain
}

.controles_m {
    background-color: #f7f7f7;
    overflow: hidden;
    min-height: 50px;
    padding: 7px 15px
}

.controles_m input {
    background: #fff;
    height: 40px;
    color: #03001e;
    font-size: 13px;
    border-radius: 2px;
    margin-right: 5px
}

.controles_m .input-group-btn {
    display: none !important
}

.controles_m button {
    background-color: #003876;
    display: block;
    color: #fff;
    border: none;
    border-radius: 2px;
    height: 40px;
    width: 100%;
    font-size: 1em;
    padding: 0;
    text-transform: capitalize
}

.controles_m button:focus,
.controles_m input:focus {
    outline: 0;
    box-shadow: none !important
}

.controles_m button:hover,
.controles_m button:focus {
    color: #fff
}

.la-menua {
    display: none
}

.slider {
    position: relative;
    z-index: 3
}

.alerts {
    min-height: 44px;
    background: #ff2414;
    overflow: hidden;
    position: sticky;
    top: 0;
    z-index: 9999
}

.alerts .container,
.alerts .row {
    min-height: inherit
}

.alerts .container div[class*=col],
.alerts .row div[class*=col] {
    min-height: inherit
}

.alerts__head {
    min-height: inherit;
    height: inherit;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: #00000026 7px 0 7px
}

.alerts__head_icon {
    font-size: 22px;
    line-height: 36px;
    text-align: left;
    color: #ff0040;
    margin-right: 6px;
    transform: rotate(-30deg)
}

.alerts__head_title {
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    color: #ff2414
}

.alerts a {
    display: block;
    min-height: inherit;
    text-decoration: none
}

.alerts a:hover {
    opacity: .8
}

.alerts__content {
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
    color: #fff;
    min-height: inherit;
    display: flex;
    align-items: center
}

.alerts__content_marquee {
    white-space: no-wrap;
    overflow: hidden
}

.alerts__content_marquee .marquee-text {
    white-space: nowrap;
    display: inline;
    width: auto
}

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

.servicios {
    padding: 100px 0;
    background: rgba(252, 252, 252, .8)
}

.servicios .title_services {
    color: #231f20
}

.servicios .title_services:before {
    content: url("../img/icon_services.svg")
}

.servicios a:hover {
    text-decoration: none
}

.servicios .meh {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    margin-bottom: 30px
}

.servicios .meh:hover {
    background: #fff;
    border: 1px solid #002f87;
    box-shadow: 0px 0px 32px rgba(0, 47, 135, .11)
}

.servicios .meh .photo img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    pointer-events: none
}

.servicios .meh .content {
    padding: 21px
}

.servicios .meh .content .stitle {
    margin-bottom: 20px
}

.servicios .meh .content .stitle h2 {
    min-height: 90px;
    max-height: 90px;
    font-weight: normal;
    font-size: 21px;
    line-height: 31px;
    text-align: left;
    color: #231f20;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3
}

.servicios .meh .mas a {
    margin: inherit
}

.servicios .un:nth-child(5) .meh .photo,
.servicios .un:nth-child(6) .meh .photo,
.servicios .un:nth-child(7) .meh .photo {
    display: none
}

.servicios .un:nth-child(5) .meh .content .rate,
.servicios .un:nth-child(6) .meh .content .rate,
.servicios .un:nth-child(7) .meh .content .rate {
    display: none !important
}

.servicios .un:nth-child(5) .meh .content .stitle,
.servicios .un:nth-child(6) .meh .content .stitle,
.servicios .un:nth-child(7) .meh .content .stitle {
    margin: 0
}

.servicios .un:nth-child(5) .meh .content .stitle:before,
.servicios .un:nth-child(6) .meh .content .stitle:before,
.servicios .un:nth-child(7) .meh .content .stitle:before {
    content: "";
    width: 50px;
    height: 3px;
    border-radius: 1.5px;
    background: #002f87;
    position: absolute;
    top: 30px
}

.servicios .un:nth-child(5) .meh .content .stitle h2,
.servicios .un:nth-child(6) .meh .content .stitle h2,
.servicios .un:nth-child(7) .meh .content .stitle h2 {
    margin-top: 30px;
    min-height: inherit;
    max-height: 87px;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2
}

.servicios .un:nth-child(5) .meh .mas,
.servicios .un:nth-child(6) .meh .mas,
.servicios .un:nth-child(7) .meh .mas {
    display: none
}

.servicios .serviciosen-linea .content {
    display: flex;
    align-items: center;
    justify-content: center
}

.servicios .serviciosen-linea .content .sl-rd-logo {
    pointer-events: none
}

.servicios .serviciosen-linea .content .sl-rd-logo img {
    height: 97px;
    object-fit: contain
}

.mt-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

@media(max-width: 575.98px) {
    .servicios {
        padding: 2em 0
    }

    .servicios .meh {
        min-height: initial;
        margin-bottom: 15px
    }

    .servicios .meh .photo img {
        height: 111px
    }

    .servicios .meh .content {
        padding: 7px
    }

    .servicios .meh .content .rate {
        display: none
    }

    .servicios .meh .content .stitle {
        margin-bottom: 0
    }

    .servicios .meh .content .stitle a h2 {
        font-size: .8em;
        line-height: 1.2em;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2
    }

    .servicios .meh .content .mas {
        display: none
    }

    .servicios .estrella {
        display: none
    }

    .servicios .un:nth-child(5) {
        display: none !important
    }

    .servicios .un:nth-child(4) .meh {
        min-height: initial
    }

    .servicios .un:nth-child(4) .meh .photo {
        display: initial
    }

    .servicios .un:nth-child(4) .meh .content .rate {
        display: none !important
    }

    .servicios .un:nth-child(4) .meh .content .stitle {
        margin: 0
    }

    .servicios .un:nth-child(4) .meh .content .stitle:before {
        display: none
    }

    .servicios .un:nth-child(4) .meh .content .stitle h2 {
        margin-top: 0
    }

    .servicios .un:nth-child(4) .meh .mas {
        display: none
    }

    .servicios .serviciosen-linea {
        min-height: initial
    }

    .servicios .serviciosen-linea .content {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .servicios .serviciosen-linea .content .sl-rd-logo {
        pointer-events: none
    }

    .servicios .serviciosen-linea .content .sl-rd-logo img {
        height: 106px;
        object-fit: contain
    }

    .mt-50 {
        margin-top: 1em;
        margin-bottom: 1em
    }
}

.news {
    background-color: #fff;
    padding: 100px 0;
    position: relative
}

.news:before {
    background-color: #fff;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -300px;
    height: 300px;
    z-index: -1
}

.news .title_news:before {
    content: url("../img/icon_news.svg")
}

.news .items_news {
    margin: 50px 0
}

.news .primary .photo {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 410px
}

.news .primary .photo img {
    height: 410px;
    width: 100%;
    object-fit: cover;
    background-position: center center;
    border-radius: 2px;
    transition: ease .2s;
    -webkit-filter: brightness(1.05) hue-rotate(-10deg);
    filter: brightness(1.05) hue-rotate(-10deg)
}

.news .primary .photo .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 155px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    display: flex;
    align-items: flex-end;
    padding: 25px
}

.news .primary .photo .title h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2
}

.news .primary .photo .date {
    position: absolute;
    right: 25px;
    background-color: #fff;
    padding: 15px 13px 14px 13px;
    z-index: 10
}

.news .primary .photo .date .day {
    color: #072340
}

.news .primary .photo .date .month {
    font-weight: bold;
    color: #e61715
}

.news .primary .photo .date span {
    display: block;
    font-size: 21px;
    line-height: 20px
}

.news .primary .photo .date span:last-child {
    font-weight: bold
}

.news .secundary {
    margin-bottom: 40px
}

.news .secundary .photo {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 185px
}

.news .secundary .photo img {
    height: 185px;
    width: 100%;
    object-fit: cover;
    background-position: center center;
    border-radius: 2px;
    transition: ease .2s;
    -webkit-filter: brightness(1.05) hue-rotate(-10deg);
    filter: brightness(1.05) hue-rotate(-10deg)
}

.news .secundary .title h2 {
    max-height: 75px;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #231f20;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2
}

.news .secundary .date {
    display: block;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: initial;
    text-align: left;
    color: #231f20;
    margin: 17px 0 5px 0
}

.news .secundary .content {
    max-height: 77px;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #231f20;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3
}

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

.news a:hover img {
    transform: scale(1.1)
}

@media(max-width: 575.98px) {
    .news .items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px
    }

    .news {
        padding: 1em 0
    }

    .news .items_news {
        margin: 1.5em 0 0 0
    }

    .news .primary .photo {
        height: 210px
    }

    .news .primary .photo img {
        height: 210px
    }

    .news .primary .photo .title {
        padding: 15px
    }

    .news .primary .photo .title h2 {
        font-size: 1.5em
    }

    .news .primary .photo .date {
        font-size: .8em
    }

    .news .row {
        padding: 0
    }

    .news .secundary {
        margin-bottom: 10px
    }

    .news .secundary div[class*=rm] {
        padding-left: 0 !important
    }

    .news .secundary .photo {
        height: 125px;
        margin-bottom: 10px
    }

    .news .secundary .photo img {
        height: 125px
    }

    .news .secundary .title h2 {
        font-size: 1em;
        line-height: 25px
    }

    .news .secundary .date {
        font-size: .7em;
        margin: 7px 0
    }

    .news .secundary .content {
        display: none
    }

    .notiar .cccc {
        margin: -10px -30px 25px -30px
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    .news {
        padding: 1em 0
    }

    .news .items_news {
        margin: 1.5em 0 0 0
    }

    .news .secundary {
        margin-bottom: 10px
    }

    .news .secundary .photo {
        height: 165px;
        margin-bottom: 10px
    }

    .news .secundary .photo img {
        height: 165px
    }

    .news .secundary .title h2 {
        font-size: 1em;
        line-height: 25px
    }

    .news .secundary .date {
        font-size: .7em;
        margin: 7px 0
    }

    .news .secundary .content {
        display: none
    }
}

.interes {
    padding: 100px 0;
    background-image: url(../img/bg_interes.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative
}

.interes:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 149, 58, .85)
}

.interes .title_interes {
    color: #fff !important;
    z-index: 999;
    position: relative
}

.interes .title_interes:before {
    content: url("../img/icon_interes.svg")
}

.interes .items {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9
}

.interes .items .owl-carousel .owl-stage-outer {
    padding: 50px 0
}

.interes .items .icono_enlace a {
    display: block;
    border: 2px solid transparent;
    box-sizing: content-box;
    border-radius: 4px;
    overflow: hidden
}

.interes .items .icono_enlace a:hover {
    box-shadow: 0px 0px 32px rgba(0, 47, 135, .11);
    border: 2px solid #002f87
}

.interes .items .icono_enlace a .imagen {
    background: #fff
}

.interes .items .icono_enlace a .imagen img {
    height: 156px;
    width: 100%;
    object-fit: contain
}

.interes .owl-nav .owl-next,
.interes .owl-nav .owl-prev {
    width: 55px;
    height: 55px;
    border-radius: 27.5px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid transparent !important;
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    color: #fff !important;
    font-size: 10px !important;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.interes .owl-nav .owl-next i,
.interes .owl-nav .owl-prev i {
    font-size: 17px !important;
    color: #fff !important
}

.interes .owl-nav .owl-next:focus,
.interes .owl-nav .owl-prev:focus {
    outline: none
}

.interes .owl-nav .owl-next:hover,
.interes .owl-nav .owl-prev:hover {
    background-color: rgba(255, 255, 255, .15)
}

.interes .owl-nav .owl-next {
    right: -65px
}

.interes .owl-nav .owl-prev {
    left: -65px
}

.interes .redes .the_title {
    margin: 0 0 10px 0;
    font-size: 21px;
    line-height: 31px;
    text-align: left;
    color: #fff;
    font-weight: 300;
    position: relative;
    z-index: 999
}

.interes .redes .the_title span {
    display: block;
    font-size: 27px;
    font-weight: 900;
    text-transform: uppercase
}

.interes .redes .rs {
    width: 100%;
    height: 70px;
    border-radius: 4px;
    display: flex;
    margin-top: 20px;
    justify-content: center;
    align-items: center
}

.interes .redes .rs .text,
.interes .redes .rs i {
    font-size: 17px;
    margin-right: 5px
}

.interes .redes .rs:hover {
    text-decoration: none
}

@media(max-width: 575.98px) {
    .interes {
        padding: 4em 0
    }

    .interes .items .owl-carousel .owl-stage-outer {
        padding: 1em 0
    }

    .interes .items .icono_enlace {
        display: block
    }

    .interes .items .icono_enlace a {
        height: 100px
    }

    .interes .items .icono_enlace a .imagen img {
        height: initial
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    .interes {
        padding: 4em 0
    }

    .interes .items .owl-carousel .owl-stage-outer {
        padding: 1.5em 0
    }

    .interes .items .icono_enlace a {
        height: 125px
    }

    .interes .items .icono_enlace a .imagen img {
        height: initial
    }

    .interes .owl-nav {
        display: none
    }

    .interes .redes .the_title {
        margin: 1em 0;
        font-size: 1em;
        line-height: 27px;
        text-align: left;
        color: #fff;
        font-family: "Gotham Light"
    }

    .interes .redes .the_title span {
        display: block;
        font-size: 27px;
        text-transform: uppercase;
        font-family: "Gotham Bold"
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    .interes .owl-nav {
        display: none
    }
}

.el_encabezado .n-title {
    font-weight: 900;
    font-size: 27px;
    color: #231f20;
    align-items: center;
    display: flex;
    margin: 0
}

.el_encabezado .n-title:before {
    margin-right: 10px;
    height: 44px
}

.el_encabezado .n-title .pre {
    text-transform: capitalize;
    font-weight: 300;
    font-size: 19px;
    line-height: 17px
}

.el_encabezado .n-title .titu {
    text-transform: uppercase;
    font-weight: 900
}

.title_gallery:before {
    content: url("../img/gallery.svg")
}

.gallery {
    padding: 100px 0;
    background-color: #fff
}

.gallery .g-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin: 50px 0
}

.gallery .g-container .fotico:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row: 1/span 2
}

.gallery .g-container .fotico:first-child img {
    height: 400px !important
}

.gallery .g-container .fotico .laim {
    background-color: #000;
    display: block;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.gallery .g-container .fotico .laim img {
    height: 190px;
    width: 100%;
    object-fit: cover
}

.gallery .g-container .fotico .laim:after {
    content: "";
    transition: ease .4s
}

.gallery .g-container .fotico .laim:hover:before {
    content: url(../img/picture.svg);
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
    display: block;
    line-height: 1;
    z-index: 17
}

.gallery .g-container .fotico .laim:hover:after {
    content: "";
    background: rgba(0, 47, 135, .54);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.btn {
    border: none;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #002f87;
    line-height: initial;
    padding: 17px 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    text-align: center;
    color: #002f87;
    text-transform: uppercase;
    width: fit-content;
    margin: auto
}

.btn:hover {
    background-color: #002f87;
    color: #fff;
    box-shadow: 3px 3px 21px rgba(0, 47, 135, .16)
}

.x-enlaces {
    min-height: 600px;
    background-color: #fbfbfb;
    color: #231f20;
    padding: 100px 0;
    position: relative
}

.x-enlaces .logo-e {
    min-height: 103px;
    object-fit: contain;
    margin: auto auto 50px auto;
    display: block;
    pointer-events: none
}

.x-enlaces .selector {
    background-color: #fff;
    color: #6d6e71;
    border-color: #e9e9e9;
    border-radius: 4px;
    margin: auto;
    width: 330px;
    height: 45px;
    font-size: 14px;
    -webkit-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAABHNCSVQICAgIfAhkiAAAAMpJREFUGJVtjjFKA1EYhL/ZjZiQeAIRC0+QLkRMrZ2ljY2VLtmwLyy5RQj4iKk8SFC8gNhaChYpxFqC8h6/TRaSkGnn+5hRf1DcYxyJeOW9/2Ur+aAYgzo/9b3zRNCWdAm1J+dcYwPMiwfQEOykuVzWkxj+LsBeEWch8FKWZRNQnhePSHdgXyFV13v/LYAsy1ppbX8OdIE3sHfQtcEipvRmk8kHgKpJ51wjRJ5XAgYLi8npdDr+rBitf6wEg+NtcGduRqODW+cOd3X/zAxGtArlcGUAAAAASUVORK5CYII=");
    background-position: 94%;
    background-repeat: no-repeat;
    text-indent: 14px
}

.x-enlaces .selector option {
    color: #13171a
}

.x-enlaces .selector:focus {
    outline: none
}

.x-enlaces .enlaces #selectorenelcentro {
    display: flex;
    justify-content: center;
    margin: 50px 0
}

.x-enlaces .enlaces a .item {
    padding: 15px 12px;
    min-height: 82px;
    border-radius: 4px;
    border: 1px solid transparent
}

.x-enlaces .enlaces a .item .inst-name,
.x-enlaces .enlaces a .item .inst-link {
    font-size: 14px;
    line-height: 22px;
    color: #231f20;
    display: flex
}

.x-enlaces .enlaces a .item .inst-link {
    font-weight: bold;
    font-style: italic
}

.x-enlaces .enlaces a:hover {
    text-decoration: none
}

.x-enlaces .enlaces a:hover .item {
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) all .5s;
    border: 1px solid #e9e9e9;
    background: #e9e9e9
}

footer {
    border-top: solid 4px #00953a;
    background-color: #231f20;
    color: #fff
}

footer .container {
    position: relative
}

footer .m-f {
    padding: 100px 0;
    align-items: center
}

footer .logos-footer {
    display: flex;
    justify-content: center
}

footer .logos-footer a {
    position: relative;
    margin-left: 60px
}

footer .logos-footer a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 63px;
    margin: 0 30px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 48.11%, rgba(255, 255, 255, 0) 100%)
}

footer .logos-footer a img {
    display: flex;
    width: 63px;
    height: 63px;
    border-radius: 2px;
    object-fit: contain
}

footer .logos-footer .logo-footer-institucional a {
    margin: 0
}

footer .logos-footer .logo-footer-escudo a:after {
    content: "";
    margin: 0;
    width: 0;
    height: 63px
}

footer .footer-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    line-height: 30px;
    font-size: .9em
}

footer .footer-info address {
    margin: 0
}

footer .footer-info a {
    color: #fff;
    display: flex;
    justify-content: center
}

footer .footer-info ul {
    margin: 0;
    padding: 0
}

footer .footer-info ul li {
    display: inline-block
}

footer .footer-info ul li:first-child a:before {
    content: "";
    margin: 0
}

footer .footer-info ul li a {
    display: block
}

footer .footer-info ul li a:before {
    content: "|";
    margin: 0 5px
}

footer .toTop {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background: #00953a;
    border: 2px solid #00953a;
    position: absolute;
    top: -26px;
    right: 15px;
    z-index: 99;
    line-height: initial;
    font-size: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

footer .toTop:hover {
    text-decoration: none;
    opacity: .9
}

footer .toTop i {
    font-size: 27px
}

footer #sellos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(81px, 1fr));
    grid-gap: 10px;
    max-width: 273px;
    justify-content: end;

}

footer #sellos p {
    margin: 0;
    line-height: 0
}

footer #sellos .sellos:hover {
    opacity: .9
}

footer #sellos .sellos img {
    width: 81px;
    height: 100px;
    border-radius: 2px;
    background: #dcdcdc;
    display: block
}

@media(max-width: 575.98px) {
    footer .theaside {
        padding-top: 1em
    }

    footer .theaside__logo_presidencia a img {
        width: 170px
    }

    footer .m-f {
        padding: 1.2em 0
    }

    footer .footer-info ul li {
        display: inline-block
    }

    footer .footer-info ul li:first-child a:before {
        content: "";
        margin: 0
    }

    footer .footer-info ul li a {
        display: block
    }

    footer .footer-info ul li a:before {
        content: "|";
        margin: 0 5px
    }

    footer .footer-info ul li a:hover {
        color: #003876
    }

    footer .toTop {
        width: 40px;
        height: 40px;
        border-radius: 2px;
        background-color: #ee2a24;
        position: absolute;
        top: 208px;
        right: 15px;
        z-index: 999;
        line-height: initial;
        font-size: 0;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    footer .toTop:hover {
        background-color: #fff;
        color: #ee2a24;
        text-decoration: none
    }

    footer .toTop i {
        font-size: 21px
    }

    .mobile {
        text-align: center;
        padding: 30px 0
    }

    .mobile h4 {
        font-size: 16px;
        margin: 0 0 10px 0;
        padding: 0
    }

    .mobile .caption {
        font-size: 13px;
        margin: 5px 0
    }

    .mobile .m-top {
        position: absolute;
        top: -48px;
        right: 0;
        text-align: center;
        margin: 10px 0
    }

    .mobile .m-top a {
        display: inline-block;
        background-color: #003876;
        border-radius: 2px;
        border: white solid 1px;
        color: black;
        padding: 10px 20px;
        line-height: normal;
        font-size: 10px;
        text-decoration: none
    }

    .mobile .menu-footer ul {
        margin: 0 0 7px 0;
        padding: 0
    }

    .mobile .menu-footer ul li {
        display: inline-block
    }

    .mobile .menu-footer ul li:before {
        content: "|";
        padding: 0 7px 0 7px
    }

    .mobile .menu-footer ul li:first-child:before {
        content: ""
    }

    .mobile .menu-footer ul li a {
        margin-top: 5px;
        text-transform: initial;
        color: #fff;
        font-size: .9em
    }

    .mobile #selloNortic a {
        font-size: .9em;
        color: #fff
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    footer .theaside {
        padding-top: 1em
    }

    footer .theaside__logo_presidencia a img {
        width: 170px
    }

    footer .m-f {
        padding: 1.2em 0
    }

    footer .footer-info ul li {
        display: inline-block
    }

    footer .footer-info ul li:first-child a:before {
        content: "";
        margin: 0
    }

    footer .footer-info ul li a {
        display: block;
        color: #fff
    }

    footer .footer-info ul li a:before {
        content: "|";
        margin: 0 5px
    }

    footer .footer-info ul li a:hover {
        color: #003876
    }

    footer .toTop {
        width: 40px;
        height: 40px;
        border-radius: 2px;
        background-color: #ee2a24;
        position: absolute;
        top: 208px;
        right: 15px;
        z-index: 999;
        line-height: initial;
        font-size: 0;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    footer .toTop:hover {
        background-color: #fff;
        color: #ee2a24;
        text-decoration: none
    }

    footer .toTop i {
        font-size: 21px
    }

    .mobile {
        text-align: center;
        padding: 30px 0
    }

    .mobile h4 {
        font-size: 16px;
        margin: 0 0 10px 0;
        padding: 0
    }

    .mobile .caption {
        font-size: 13px;
        margin: 5px 0
    }

    .mobile .m-top {
        position: absolute;
        top: -48px;
        right: 0;
        text-align: center;
        margin: 10px 0
    }

    .mobile .m-top a {
        display: inline-block;
        background-color: transparent;
        border-radius: 2px;
        border: #ee2a24 solid 1px;
        color: #ee2a24;
        padding: 10px 20px;
        line-height: normal;
        font-size: 10px;
        text-decoration: none
    }

    .mobile .menu-footer ul {
        margin: 0 0 7px 0;
        padding: 0
    }

    .mobile .menu-footer ul li {
        display: inline-block
    }

    .mobile .menu-footer ul li:before {
        content: "|";
        padding: 0 7px 0 7px
    }

    .mobile .menu-footer ul li:first-child:before {
        content: ""
    }

    .mobile .menu-footer ul li a {
        margin-top: 5px;
        text-transform: initial;
        color: #fff;
        font-size: .9em
    }

    .mobile #selloNortic a {
        font-size: .9em;
        color: #fff
    }
}

.page__title {
    padding-top: 15px;
    font-weight: normal;
    font-size: 31px;
    line-height: 40px;
    color: #231f20
}

.ree {
    background-color: #fff;
    margin: 25px 0 50px 0;
    border-radius: 4px;
    padding: 30px;
    min-height: 700px;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    color: #000
}

.ree .the_title {
    margin: 20px 0;
    font-size: 31px;
    text-align: left;
    color: #000
}

.ree .control {
    height: 45px;
    padding: 7px 0;
    border: 1px solid rgba(112, 112, 112, .15);
    border-left-color: transparent;
    border-right-color: transparent;
    margin-bottom: 27px
}

.pii {
    min-height: 336px;
    width: 100%;
    background-image: url("../img/bg_interes.jpg");
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    position: absolute;
    clip-path: url(#lacurva)
}

.pii:before {
    content: "";
    position: absolute;
    background: rgba(0, 149, 58, .6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.moresection {
    margin: 25px 0;
    position: sticky;
    top: 25px;
    z-index: 9;
    background-color: #fff;
    border-radius: 4px
}

.moresection h3 {
    border-radius: 4px 4px 0px 0px;
    background: rgba(0, 47, 135, .05);
    margin: 0;
    padding: 23px 25px;
    font-weight: bold;
    font-size: 21px;
    line-height: 1;
    text-align: left;
    color: #002f87;
    border-bottom: 1px solid #002f87
}

.moresection .content {
    width: 100%;
    border-radius: 0 0 4px 4px;
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 12px
}

.moresection .content ul {
    margin: 0;
    padding: 0;
    position: relative
}

.moresection .content ul .current_page_item a {
    color: #03001e
}

.moresection .content ul li {
    display: block;
    margin-bottom: 2px
}

.moresection .content ul li a {
    display: block;
    color: #000;
    font-size: 17px;
    position: relative;
    line-height: 1;
    padding: 14px
}

.moresection .content ul li a:hover {
    color: #fff;
    border-radius: 4px;
    background: #00953a;
    text-decoration: none
}

.moresection .content ul .active a {
    color: #fff;
    border-radius: 4px;
    background: #00953a;
    text-decoration: none
}

.breadcrumb1s span {
    display: inline-block;
    font-size: 14px;
    color: #6d6e71
}

.breadcrumb1s span a {
    display: inline-flex
}

.breadcrumb1s span a:hover {
    text-decoration: underline
}

.breadcrumb1s a {
    color: #6d6e71
}

.breadcrumb1s .current-item {
    font-weight: bold
}

.pagination {
    margin-top: 20px;
    border-radius: 7px;
    background-color: #fff;
    overflow: hidden
}

.pagination a:hover {
    text-decoration: none;
    background: #00953a;
    color: #fff
}

.pagination .page-numbers {
    color: #6d6e71;
    display: block;
    padding: 14px 20px;
    box-shadow: rgba(0, 0, 0, .03) 0 4px 50px;
    border: 1px solid rgba(112, 112, 112, .15)
}

.pagination .page-numbers:first-child {
    border-radius: 4px 0 0 4px
}

.pagination .page-numbers:last-child {
    border-radius: 0 4px 4px 0
}

.pagination .current {
    background: #002f87;
    color: #fff
}

.ac .cccc img {
    margin-top: 20px;
    width: 100%;
    height: 429px;
    border-radius: 4px;
    border: 1px solid #ececec;
    object-fit: cover
}

.ac .ac_cover {
    margin-top: 27px
}

.ac .ac_cover .photo {
    width: 100%;
    height: 274px;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #fff
}

.ac .ac_cover .photo .icon {
    height: 274px;
    position: relative;
    z-index: 14;
    display: flex;
    justify-content: center;
    align-items: center
}

.ac .ac_cover .photo .icon img {
    width: 206px;
    object-fit: contain
}

.mapa_de_sitio a {
    color: #000
}

.rirem {
    background-color: #fff;
    margin-bottom: 12px;
    border: 1px solid #ececec;
    border-radius: 2px;
    padding: 22px 12px;
    transition: ease all .3s;
    position: relative
}

.rirem:hover {
    box-shadow: #00000024 0 4px 50px
}

.rirem .title {
    font-weight: bold;
    font-size: 19px;
    line-height: normal;
    display: block
}

.rirem a {
    color: #000
}

.rirem a:hover {
    color: #000;
    text-decoration: none
}

.rirem .deta {
    color: #403f3f !important
}

.rirem .date {
    color: #676767 !important
}

img {
    max-width: 100%
}

.theservice .rate {
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 25px;
    margin-bottom: 25px
}

.theservice .rate__item {
    display: grid;
    grid-template-columns: 70px 1fr 1fr;
    grid-template-rows: 30px 1fr;
    grid-row-gap: 8px
}

.theservice .rate__item_total {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #003876;
    padding: 2px;
    display: flex;
    align-items: center
}

.theservice .rate__item_total span {
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    width: 30px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center
}

.theservice .rate__item_total span:nth-child(1) {
    border-radius: 4px;
    background: #003876;
    color: #fff
}

.theservice .rate__item_total span:nth-child(2) {
    color: #231f20
}

.theservice .rate__item_star {
    display: flex;
    flex-direction: row;
    margin-left: 12px;
    align-self: center
}

.theservice .rate__item_star .star {
    margin-right: 6px
}

.theservice .rate__item_star .star a {
    font-size: 17px;
    color: #ffc107
}

.theservice .rate__item_star .star a:hover i {
    font-weight: bold
}

.theservice .rate__item_comment {
    justify-self: flex-end
}

.theservice .rate__item_comment a {
    color: #231f20;
    font-size: 16px
}

.theservice .rate__item_service {
    color: #231f20;
    font-size: 11px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row: 2/span 1
}

.theservice article h2 {
    font-weight: bold;
    font-size: 16px;
    color: #231f20;
    padding: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    padding-left: 14px
}

.theservice article h2:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background-color: #ee2a2480
}

.theservice article .body {
    margin-bottom: 30px
}

.theservice article .ficha {
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 25px;
    margin-bottom: 25px
}

.theservice article .ficha h2 {
    padding: 0;
    margin-bottom: 15px
}

.theservice article .ficha h2:before {
    display: none
}

.theservice article .ficha__item {
    font-size: 17px;
    line-height: 18px;
    color: #231f20;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row
}

.theservice article .ficha__item:last-child {
    margin: 0
}

.theservice article .ficha__item span {
    display: flex;
    font-weight: bold
}

.theservice article .ficha__item a {
    font-weight: normal;
    color: #231f20
}

.theservice article .btninfo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 30px
}

.theservice article .btninfo .item {
    display: grid;
    grid-template-columns: 52px 1fr;
    grid-column-gap: 20px
}

.theservice article .btninfo .item img {
    height: 52px;
    object-fit: contain
}

.theservice article .btninfo .item h3 {
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    color: #001733
}

.theservice article .btninfo .item span {
    font-weight: normal;
    font-size: 17px;
    text-align: left;
    color: #001733
}

.theservice article .info {
    border-radius: 4px;
    background: rgba(0, 47, 135, .05);
    padding: 25px;
    margin: 25px 0 50px 0
}

.theservice article .info h2 {
    font-weight: bold;
    color: #002f87
}

.theservice article .btn {
    margin: initial
}

.theservice article .comentarios {
    margin-top: 50px
}

.mapa-c {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    z-index: 1 !important
}

.mapa-c:hover .map-info {
    transform: translateX(-950px)
}

.map-info {
    transition: ease .3s;
    border-radius: px;
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 25px;
    z-index: 99999999
}

.map-info h2 {
    font-weight: bold;
    font-size: 16px;
    color: #231f20;
    padding: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    padding-left: 14px
}

.map-info h2:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background-color: #ee2a2480
}

.adobe {
    margin-top: 50px;
    display: inline-block !important
}

.adobe img {
    max-width: 530px
}

.los-folders {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
    margin-bottom: 25px
}

.los-folders a {
    display: block;
    color: #000
}

.los-folders a:hover {
    text-decoration: none
}

.el-folder {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 7px;
    padding: 22px 12px;
    transition: ease all .3s;
    position: relative;
    display: grid !important;
    grid-template-columns: 43px 1fr;
    column-gap: 20px
}

.el-folder:hover {
    box-shadow: rgba(0, 0, 0, .03) 0 4px 50px
}

.el-folder .icon-folder {
    height: 56px;
    width: 43px;
    background-image: url("../img/files/folder.svg")
}

.el-folder .title {
    font-size: 17px;
    line-height: normal;
    display: block
}

.attachment__title,
.file__title {
    font-size: 21px;
    line-height: 40px;
    color: #002f87;
    text-transform: uppercase;
    margin: 25px 0 10px 0
}

.attachment__container,
.file__container {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 25px
}

.attachment__container_item,
.file__container_item {
    padding: 25px;
    min-height: 106px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e4e4e4;
    transition: ease all .3s;
    position: relative;
    display: grid;
    grid-template-columns: calc(55px + 25px) 1fr 230px;
    grid-template-areas: "icon caption btn" "icon caption btn" "icon caption btn"
}

.attachment__container_item:hover,
.file__container_item:hover {
    box-shadow: 3px 3px 21px rgba(0, 0, 0, .11)
}

.attachment__container_item .the-icon,
.file__container_item .the-icon {
    grid-area: icon
}

.attachment__container_item .the-icon .icon,
.file__container_item .the-icon .icon {
    height: 56px;
    width: 55px;
    background-image: url("../img/files/file.svg")
}

.attachment__container_item .the-icon .icon[alt*=".doc"],
.file__container_item .the-icon .icon[alt*=".doc"] {
    background-image: url("../img/files/doc.svg")
}

.attachment__container_item .the-icon .icon[alt*=".zip"],
.file__container_item .the-icon .icon[alt*=".zip"] {
    background-image: url("../img/files/zip.svg")
}

.attachment__container_item .the-icon .icon[alt*=".jpg"],
.file__container_item .the-icon .icon[alt*=".jpg"] {
    background-image: url("../img/files/jpg.svg")
}

.attachment__container_item .the-icon .icon[alt*=".mp3"],
.file__container_item .the-icon .icon[alt*=".mp3"] {
    background-image: url("../img/files/mp3.svg")
}

.attachment__container_item .the-icon .icon[alt*=".mp4"],
.file__container_item .the-icon .icon[alt*=".mp4"] {
    background-image: url("../img/files/mp4.svg")
}

.attachment__container_item .the-icon .icon[alt*=".pdf"],
.file__container_item .the-icon .icon[alt*=".pdf"] {
    background-image: url("../img/files/pdf.svg")
}

.attachment__container_item .the-icon .icon[alt*=".png"],
.file__container_item .the-icon .icon[alt*=".png"] {
    background-image: url("../img/files/png.svg")
}

.attachment__container_item .the-icon .icon[alt*=".ppt"],
.file__container_item .the-icon .icon[alt*=".ppt"] {
    background-image: url("../img/files/ppt.svg")
}

.attachment__container_item .the-icon .icon[alt*=".svg"],
.file__container_item .the-icon .icon[alt*=".svg"] {
    background-image: url("../img/files/svg.svg")
}

.attachment__container_item .the-icon .icon[alt*=".txt"],
.file__container_item .the-icon .icon[alt*=".txt"] {
    background-image: url("../img/files/txt.svg")
}

.attachment__container_item .the-icon .icon[alt*=".xls"],
.file__container_item .the-icon .icon[alt*=".xls"] {
    background-image: url("../img/files/xls.svg")
}

.attachment__container_item .the-icon .icon[alt*=".csv"],
.file__container_item .the-icon .icon[alt*=".csv"] {
    background-image: url("../img/files/csv.svg")
}

.attachment__container_item .the-icon .icon[alt*=".ods"],
.file__container_item .the-icon .icon[alt*=".ods"] {
    background-image: url("../img/files/ods.svg")
}

.attachment__container_item .the-caption,
.file__container_item .the-caption {
    grid-area: caption;
    align-self: center
}

.attachment__container_item .the-caption .title,
.file__container_item .the-caption .title {
    font-size: 17px;
    line-height: normal;
    display: block
}

.attachment__container_item .the-caption .subtitle,
.file__container_item .the-caption .subtitle {
    font-size: 17px;
    line-height: normal;
    display: block;
    font-weight: normal;
    color: #001733
}

.attachment__container_item .the-btn,
.file__container_item .the-btn {
    grid-area: btn;
    display: grid;
    align-self: center;
    justify-self: flex-end;
    grid-auto-flow: column;
    column-gap: 12px
}

.attachment__container_item .the-btn a,
.file__container_item .the-btn a {
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 600;
    transition: ease all .2s;
    font-size: 15px;
    text-decoration: none
}

.attachment__container_item .the-btn .info,
.file__container_item .the-btn .info {
    width: 43px;
    color: #003876;
    border-color: #003876
}

.attachment__container_item .the-btn .info:hover,
.file__container_item .the-btn .info:hover {
    background-color: #002F870D
}

.attachment__container_item .the-btn .info[data-content*=""],
.file__container_item .the-btn .info[data-content*=""] {
    display: none
}

.attachment__container_item .the-btn .btn-descargar,
.file__container_item .the-btn .btn-descargar {
    width: 125px;
    color: #ee2a24;
    border-color: #ee2a24
}

.attachment__container_item .the-btn .btn-descargar:hover,
.file__container_item .the-btn .btn-descargar:hover {
    background-color: #EE2A240D
}

@media(max-width: 575.98px) {
    .adobe {
        margin-top: 50px;
        display: inline-block !important
    }

    .adobe img {
        max-width: 530px
    }

    .los-folders {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px;
        margin-bottom: 25px
    }

    .los-folders a {
        display: block;
        color: #000
    }

    .los-folders a:hover {
        text-decoration: none
    }

    .el-folder {
        background-color: #fff;
        border: 1px solid #ececec;
        border-radius: 7px;
        padding: 22px 12px;
        transition: ease all .3s;
        position: relative
    }

    .el-folder:hover {
        box-shadow: rgba(0, 0, 0, .03) 0 4px 50px
    }

    .el-folder .icon-folder {
        height: 56px;
        width: 43px;
        margin-right: 20px;
        background-image: url("../img/files/folder.svg")
    }

    .el-folder .title {
        font-weight: bold;
        font-size: 1rem;
        line-height: normal;
        display: block
    }

    .attachment__title,
    .file__title {
        font-weight: bold;
        font-size: 1rem;
        line-height: 40px;
        color: #002f87;
        text-transform: uppercase;
        margin: 25px 0 10px 0
    }

    .attachment__container,
    .file__container {
        grid-gap: 15px
    }

    .attachment__container_item,
    .file__container_item {
        padding: 15px;
        min-height: initial;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #e4e4e4;
        transition: ease all .3s;
        position: relative;
        display: grid;
        grid-template-columns: 55px 1fr;
        grid-template-areas: "icon caption caption"
    }

    .attachment__container_item:hover,
    .file__container_item:hover {
        box-shadow: 3px 3px 21px rgba(0, 0, 0, .11)
    }

    .attachment__container_item .the-icon,
    .file__container_item .the-icon {
        grid-area: icon
    }

    .attachment__container_item .the-icon .icon,
    .file__container_item .the-icon .icon {
        height: 50px;
        width: 49px;
        background-image: url("../img/files/file.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".doc"],
    .file__container_item .the-icon .icon[alt*=".doc"] {
        background-image: url("../img/files/doc.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".zip"],
    .file__container_item .the-icon .icon[alt*=".zip"] {
        background-image: url("../img/files/zip.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".jpg"],
    .file__container_item .the-icon .icon[alt*=".jpg"] {
        background-image: url("../img/files/jpg.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".mp3"],
    .file__container_item .the-icon .icon[alt*=".mp3"] {
        background-image: url("../img/files/mp3.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".mp4"],
    .file__container_item .the-icon .icon[alt*=".mp4"] {
        background-image: url("../img/files/mp4.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".pdf"],
    .file__container_item .the-icon .icon[alt*=".pdf"] {
        background-image: url("../img/files/pdf.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".png"],
    .file__container_item .the-icon .icon[alt*=".png"] {
        background-image: url("../img/files/png.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".ppt"],
    .file__container_item .the-icon .icon[alt*=".ppt"] {
        background-image: url("../img/files/ppt.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".svg"],
    .file__container_item .the-icon .icon[alt*=".svg"] {
        background-image: url("../img/files/svg.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".txt"],
    .file__container_item .the-icon .icon[alt*=".txt"] {
        background-image: url("../img/files/txt.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".xls"],
    .file__container_item .the-icon .icon[alt*=".xls"] {
        background-image: url("../img/files/xls.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".csv"],
    .file__container_item .the-icon .icon[alt*=".csv"] {
        background-image: url("../img/files/csv.svg")
    }

    .attachment__container_item .the-icon .icon[alt*=".ods"],
    .file__container_item .the-icon .icon[alt*=".ods"] {
        background-image: url("../img/files/ods.svg")
    }

    .attachment__container_item .the-caption,
    .file__container_item .the-caption {
        grid-area: caption;
        align-self: center
    }

    .attachment__container_item .the-caption .title,
    .file__container_item .the-caption .title {
        font-weight: bold;
        font-size: 1rem;
        line-height: normal;
        display: block
    }

    .attachment__container_item .the-caption .subtitle,
    .file__container_item .the-caption .subtitle {
        font-size: 17px;
        line-height: normal;
        display: block;
        font-weight: normal;
        color: #001733
    }

    .attachment__container_item .the-btn,
    .file__container_item .the-btn {
        grid-area: btn;
        display: grid;
        align-self: center;
        justify-self: flex-end;
        grid-auto-flow: column;
        column-gap: 12px
    }

    .attachment__container_item .the-btn a,
    .file__container_item .the-btn a {
        border: none !important;
        background-color: transparent;
        border-radius: 4px;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: auto !important;
        height: auto;
        font-size: 0 !important
    }

    .attachment__container_item .the-btn a:hover,
    .file__container_item .the-btn a:hover {
        background-color: transparent !important
    }

    .attachment__container_item .the-btn .info,
    .file__container_item .the-btn .info {
        width: 43px;
        color: #003876;
        border-color: #003876
    }

    .attachment__container_item .the-btn .info:hover,
    .file__container_item .the-btn .info:hover {
        background-color: transparent
    }

    .attachment__container_item .the-btn .info[data-content*=""],
    .file__container_item .the-btn .info[data-content*=""] {
        display: none
    }

    .attachment__container_item .the-btn .btn-descargar,
    .file__container_item .the-btn .btn-descargar {
        width: 125px;
        color: #ee2a24;
        border-color: #ee2a24
    }

    .attachment__container_item .the-btn .btn-descargar:hover,
    .file__container_item .the-btn .btn-descargar:hover {
        background-color: #EE2A240D
    }
}

@font-face {
    font-family: "artifex_cfbold";
    src: url("../fonts/Artifex/artifex_cf_bold-webfont.woff2") format("woff2"), url("../fonts/Artifex/artifex_cf_bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Atkinson-Hyperlegible";
    src: url("../fonts/Atkinson/Atkinson-Hyperlegible-Regular-102a.woff2") format("woff2"), url("../fonts/Atkinson/Atkinson-Hyperlegible-Regular-102a.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Atkinson-Hyperlegible";
    src: url("../fonts/Atkinson/Atkinson-Hyperlegible-Italic-102a.woff2") format("woff2"), url("../fonts/Atkinson/Atkinson-Hyperlegible-Italic-102a.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Atkinson-Hyperlegible";
    src: url("../fonts/Atkinson/Atkinson-Hyperlegible-Bold-102a.woff2") format("woff2"), url("../fonts/Atkinson/Atkinson-Hyperlegible-Bold-102a.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Atkinson-Hyperlegible";
    src: url("../fonts/Atkinson/Atkinson-Hyperlegible-BoldItalic-102a.woff2") format("woff2"), url("../fonts/Atkinson/Atkinson-Hyperlegible-BoldItalic-102a.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

.galeriax__album {
    display: block;
    position: relative
}

.galeriax__album_photo {
    margin-bottom: 30px;
    border-radius: 4px;
    position: relative;
    overflow: hidden
}

.galeriax__album_photo img {
    width: 100%;
    height: 235px;
    object-fit: cover
}

.galeriax__album_photo:after {
    content: "";
    transition: ease .4s
}

.galeriax__album_photo:hover:before {
    content: url(../img/picture.svg);
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
    display: block;
    line-height: 1;
    z-index: 17
}

.galeriax__album_photo:hover:after {
    content: "";
    background: rgba(0, 47, 135, .54);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.galeriax__album_title {
    font-weight: 200;
    font-size: 17px;
    line-height: normal;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 90px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #0000004d 100%);
    display: flex;
    align-items: flex-end;
    padding: 10px
}

.galeriax__gallery_photos {
    margin-top: 50px
}

.galeriax__gallery_photos .photos {
    margin: 0 0 30px 0;
    display: block;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.galeriax__gallery_photos .photos img {
    width: 100%;
    height: 200px;
    object-fit: cover
}

.galeriax__gallery_photos .photos:after {
    content: "";
    transition: ease .4s
}

.galeriax__gallery_photos .photos:hover:before {
    content: url(../img/picture.svg);
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
    display: block;
    line-height: 1;
    z-index: 17
}

.galeriax__gallery_photos .photos:hover:after {
    content: "";
    background: rgba(0, 47, 135, .54);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.notix {
    position: relative
}

.notix a {
    text-decoration: none
}

.notix a:hover {
    text-decoration: none
}

.notix a:hover img {
    transform: scale(1.1)
}

.notix .photo {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: 185px;
    margin-bottom: 30px
}

.notix .photo img {
    height: 185px;
    width: 100%;
    object-fit: cover;
    background-position: center center;
    border-radius: 2px;
    transition: ease .2s;
    -webkit-filter: brightness(1.05) hue-rotate(-10deg);
    filter: brightness(1.05) hue-rotate(-10deg)
}

.notix .title h2 {
    max-height: 75px;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #231f20;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2
}

.notix .date {
    display: block;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: initial;
    text-align: left;
    color: #231f20;
    margin: 17px 0 5px 0
}

.notix .content {
    max-height: 77px;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #231f20;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3
}

.ree__tags {
    display: flex;
    margin-bottom: 30px
}

.ree__tags_item {
    width: max-content;
    display: flex;
    margin-right: 16px
}

.ree__tags_item a {
    text-decoration: none;
    display: flex;
    font-size: 12px;
    padding: 10px 28px;
    border-radius: 25px;
    line-height: normal;
    background: transparent;
    border: 1px solid #002f87;
    text-transform: uppercase
}

.ree__tags_item a:hover {
    background: rgba(0, 47, 135, .05)
}

.category-noticias .ree__tags_item:nth-child(1) a {
    background: rgba(0, 47, 135, .05)
}

.tag-nacionales .ree__tags_item:nth-child(2) a {
    background: rgba(0, 47, 135, .05)
}

.tag-internacionales .ree__tags_item:nth-child(3) a {
    background: rgba(0, 47, 135, .05)
}

.notiar .the_title {
    margin: 20px 0 20px 0;
    font-weight: bold;
    font-size: 36px;
    color: #000
}

.notiar .cccc {
    margin: -30px -30px 25px -30px
}

.notiar .cccc img {
    width: 100%;
    max-height: 600px;
    object-fit: cover
}

.notiar .title {
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    color: #000;
    text-transform: uppercase;
    margin: 20px 0 10px 0
}

.ree__tags {
    display: flex;
    margin: 25px 0
}

.ree__tags a {
    text-decoration: none;
    display: flex;
    font-size: 12px;
    padding: 10px 28px;
    border-radius: 25px;
    line-height: normal;
    background: transparent;
    border: 1px solid #002f87;
    text-transform: uppercase
}

.ree__tags a:hover {
    background: rgba(0, 47, 135, .05)
}

@media (max-width: 575.98px) {
    body footer #sellos {
        display: none;
    }
}


.menu-item-has-children>a {
    color: white !important;
}

.menu-item-has-children>a:hover {
    color: black !important;
}

/*# sourceMappingURL=styles.css.map */