@font-face {
    font-family: "GobCL Regular";
    src: url("../fonts/gobCL_Regular.otf");
}
@font-face {
    font-family: "GobCL Light";
    src: url("../fonts/gobCL_Light.otf");
}
@font-face {
    font-family: "Museo Slab Regular";
    src: url("../fonts/Museo_Slab_500.otf");
}
@font-face {
    font-family: "Museo Slab 900";
    src: url("../fonts/Museo_Slab_900.otf");
}
@font-face {
    font-family: "Museo Slab 700";
    src: url("../fonts/Museo_Slab_700.otf");
}
figure.wp-block-gallery.has-nested-images {
    align-items: center;
    display: flex;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.wp-block-gallery .wp-block-image {
    padding: 5px;
    width: 30%;
}
.wp-block-gallery .wp-block-image a img {
    height: 100%;
    width: 100%;
}
.wp-block-gallery .wp-block-image img {
    height: 100%;
    width: 100%;
}
body {
    font-family: "GobCL Regular";
    color: #595959;
}
h1 {
    font-family: "Museo Slab 900";
    font-size: 2.1em;
    margin-top: 12px;
}
header {
    padding: 0 !important;
    background-color: #eff3fa;
}
header .main-banner {
    position: relative;
    height: 370px;
    background-color: #eff3fa;
    overflow: hidden;
    display: flex;
    align-items: center;
}

header .main-banner .banner-background {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

header .main-banner .banner-background img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

header .main-banner .content-overlay {
    position: relative;
    z-index: 1;
    width: 100%;
}

header .main-name {
    background-color: #086db6;
    color: #fff;
}
header .main-name h1 {
    font-family: "Museo Slab 900";
    font-size: 2.1em;
    margin-top: 12px;
}
header .main-name .content {
    position: relative;
}
header .main-name .content .search form {
    padding: 10px;
}
header .main-name .content .search form label {
    width: 70%;
}
header .main-name .content .search form label input {
    padding-left: 24px;
}
header .main-name .content .bi-search {
    position: absolute;
    color: #666;
    bottom: 15px;
    left: 15px;
}
header .main-name .flagCL {
    width: 60px;
}
nav {
    padding: 0 !important;
    margin-top: -58px;
}

nav ul {
    margin-left:18px;
}

nav ul li {
    border: 1px solid #e7e7e7;
    padding: 8px;
}
nav ul li a {
    color: #676767;
}
nav ul li.form {
    Width:250px;
}
nav ul li.form form {
    position:relative;
    width:80%;
}
nav ul li.form form input {
    padding-left:30px;
}
nav ul li.form form img {
    width:20px;
    position:absolute;
    bottom:10px;
    left:5px;
}
footer {
    background-color: #0a132d;
    color: #fff;
}
footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
footer ul li a {
    color: #fff;
    text-decoration: none;
}
footer p a {
    color: #fff;
}
footer .address {
    text-align: left;
}
footer .dev {
    text-align: right;
}
.autoridad .avatar-name {
    background-color: #006cb8;
}
.autoridad .avatar-name h2 {
    color: #fff;
    font-family: "Museo Slab 900";
    font-size: 40px;
    margin-bottom: 0;
    text-align: right;
}
.autoridad .avatar-name p {
    color: #fff;
    font-family: "Museo Slab Regular";
    font-size: 26px;
}
.autoridad .avatar-name .box-avatar-name {
    height: 140px;
}
.autoridad .description {
    background-color: #fff;
    color: #666;
    font-size: 16px;
    padding: 40px;
    text-align: justify;
}
.autoridad-institucional h2 {
    color: #006cb8;
    font-family: "Museo Slab 900";
}
.autoridad-institucional .boxes-ai .d-flex {
    flex-wrap:wrap;
}
.autoridad-institucional .boxes-ai a {
    border: 1px solid #a8b7c7;
    border-right: none;
    text-decoration: none;
    padding: 16px;
    background-color: #fff;
    display:block;
    flex-basis:0; 
    flex-grow:1;
}
.autoridad-institucional .boxes-ai a .box-data-title {
    display: block;
    color: #000;
}
.autoridad-institucional .boxes-ai a .box-data-title .box-data-quantity {
    height: 36px;
    color: #000;
    text-align: left;
    width: auto;
    font-family: "Museo Slab Regular";
    font-size: 29px;
}
.autoridad-institucional .boxes-ai a .box-data-title h3 {
    color: #000;
    margin-bottom: 0.5em;
    font-family: "Museo Slab Regular";
    font-size: 20px;
}
.autoridad-institucional .boxes-ai a:last-child {
    border-right: 1px solid #a8b7c7;
}
.autoridad-institucional .boxes-ai a:hover {
    background-color: #006cb8;
}
.autoridad-institucional .boxes-ai a:hover .box-data-title {
    color: #fff;
}
.autoridad-institucional .boxes-ai a:hover .box-data-title .box-data-quantity {
    color: #fff;
}
.autoridad-institucional .boxes-ai a:hover .box-data-title h3 {
    color: #fff;
}
.autoridad-institucional .boxes-ai a:hover .box-data-description {
    color: #fff;
}
.autoridad-institucional .boxes-ai a .box-data-description {
    color: #000;
}
.btn-see-more {
    background-color: #7a9e7a;
    color:white;
    padding-left:30px;
    padding-right:30px;
}

.btn-see-more:hover {
    background-color: #7a9e7a;
    color:white;
    font-weight:700;
}

.btn-see-more img {
    filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
    width:15px;
    margin-left:15px;
    transition: .2s ease;    
}

.btn-see-more:hover img {
    transform: translateX(7px);
}

.botonera-banners .title-rrss {
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    font-size: 1.5em;
    font-weight: 700;
    padding: .5em .8em;
    background-color: white;
    color:#0F1419;
}
.botonera-banners .title-rrss p {
    margin-bottom: .2em;
    color:#0F1419;
    font-size:20px;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.bg-lightblue {
    background-color: #28abe1;
}

.bg-gray {
    background-color: #f1f1f1 !important;
}

.bg-blue {
    background-color:#0a132d;
}

.botonera-web {
    padding:60px 0;
}

.botonera-web img:hover {
    opacity: .6;
}
.botonera-web img {
    width: 250px;
}

.botonera-banners .banners {
    height: 320px;
}

.botonera-banners .banners .mt-479 {
    margin-top:47.9px;
}

.botonera-banners figure {
    margin: 0 auto;
    width:100%;
}
.banners-bottom {
    background-color: #e9eff9 !important;
    padding: 50px 0;
    margin-bottom: 0 !important;
}
.banners-bottom .box-banner:hover {
    color:white;
    transform: translateY(-8px);
    transition: .5s ease;
}

.banners-bottom figure {
    width: 100%;
}
.banners-bottom figure img {
    width: 100%;
}
.box-top {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
}
.box-top a {
    position:absolute;
    right:15px;
    bottom:45px;
}
.box-top a img {
    height: 30px;
    filter: invert(27%) sepia(100%) saturate(996%) hue-rotate(178deg) brightness(101%) contrast(95%);
}
.carousel-indicators {
    bottom: 175px !important;
}
.carousel-indicators [data-bs-target] {
    border-radius: 50%;
    height: 20px;
    width: 20px !important;
}
.carousel-indicators .active {
    background-color: #076db6;
}
.carousel-control-prev svg,
.carousel-control-next svg,
.carousel-control-prev i,
.carousel-control-next i {
    color: #fff;
    height: 4rem;
    width: 4rem;
}
.carousel-item .notice-info h2 {
    padding: 0.5em;
    height: 185px;
}
.carousel-item .notice-info h2 a {
    color: #006cb8;
    font-family: "Museo Slab Regular";
    font-size: 1.5rem;
    text-decoration: none;
}
.carousel-item .notice-info .date {
    color: #89949a;
}

.carousel-item .notice-info .description {
    font-size: 0.98em;
    padding: 1.2em;
    margin: 0;
}
.carousel-item .date {
    color: #89949a;
    margin: 0 20px;
    padding: 16px;
}

.comision-arica-100 h2 {
    color: #366170 !important;
    font-family: 'Museo Slab 700';
}
.comision-arica-100 h2 button {
    color: #366170 !important;
    font-size: .8em;
}
.comision-arica-100 strong{
    color: #366170; 
    font-family: 'Museo Slab Regular';
}

.comision-arica-100 .content {
    background-color: #fff;
    padding: 40px;
    position: relative;
}

.comision-arica-100 .content .line {
    height: 2px; 
    background-color: #3a6172;
    width: 80%;
    margin: 2em auto;
}

.comision-arica-100 .content .accordion .accordion-item .accordion-body{
    font-size: 1.08em;
}

.comision-arica-100 .card {
    border: 1px solid transparent !important;
}

/* .comision-arica-100 .card img {
    background-color: #606060;
    padding: 10px;
} */

.comision-arica-100 .news .card .card-body h2 a {
    color: #366170;
    font-family: 'Museo Slab Regular';
}
.comision-arica-100 .news p {
    color: #366170;
    font-family: 'Museo Slab Regular';
}
.comision-arica-100 .news p a{ 
    text-decoration: none;
    color: #366170;
}

.cpye {
    margin-top:19px;
}

.glosas-presupuestarias h2 button {
    color: #4e6699 !important;
    font-family: "Museo Slab Regular";
    font-size: .65em;
}

.glosas-presupuestarias table thead tr th {
    color:#006fb3;
}

.logo-flickr {
    width:55px;
    padding:5px;
    margin: 0 0 0 auto;
}

.flickr-notice .card .card-body {
    padding: 8px 16px !important;
}
.flickr-notice .notice-info h2.flickr-title {
    text-align: center;
    margin-bottom: 25px;
    height:auto;
}

.flickr-notice .notice-info h2.flickr-title a { 
    font-size:1.2em;
}

.main-notice,
.second-notice {
    margin-top: 2em;
    margin-bottom: 2em;
}

.second-notice .notice-info {
    height: 117px;
}
.second-notice img {
    height:202px;
}

.main-notice .notice-info .description,
.main-notice .notice-info p {
    line-height: 20px;
    margin-bottom:5px;
}

.second-notice .notice-info p a,
.main-notice .notice-info p a {
    text-decoration: none;
}

.notice .main-notice .card {
    padding: 0 !important;
}

.notice-info h2 {
    font-size: 1.8em;
    line-height: 28px;
    margin-bottom:1.2em;
    height:160px;
}

.notice-info h2 a {
    color: #006cb8;
    font-family: "Museo Slab Regular";
    font-size: 1.3rem;
    text-decoration: none;
}

.notice-info .date {
    color: #89949a;
    font-size:18px;
}

.notice-info .date2 {
    color: #89949a;
    font-size:15px;
}

.pt-28 {
    padding-top: 28px;
}

.carousel-item .read-news {
    background-color: #a4b069;
    border-radius: 8px;
    color: #fff;
    margin: 0 20px;
    padding: 10px 50px;
    text-decoration: none;
}

.conoce-nuestro-ministerio h1 {
    color:white;
    padding:50px 0px;
    background-color:#4e6699;
    text-align: center;
    font-family: "Museo Slab Regular" !important; 
}

.conoce-nuestro-ministerio h1 span {
    font-family: "Museo Slab 900";
}

.ministerio-mision {
    color: #4e6699;
    text-align: justify;
}

.ministerio-mision h2,
.ministerio-funciones h2,
.ministerio-autoridades h2,
.ministerio-organigrama h2 {
    font-weight: 700;
}

.ministerio-mision p,
.ministerio-mision ul li {
    font-size: 18px;
    margin-bottom: 1em;
}

.ministerio-mision figure {
    Margin: 0 auto;
    width: 85%;
}

.ministerio-funciones p {
    color: #4e6699;
    margin-bottom: 1em;
}

.ministerio-funciones .card {
    border-color:transparent !important;
}
.ministerio-funciones .card .card-title-box {
    border: 4px solid #086DB1;
    border-radius:50%;
    margin: 0 auto;
    text-align: center;
    height:165px;
    width:165px;
}
.ministerio-funciones .card .card-title-box img {
    margin:32px auto 0;
    width:90px;
}

.ministerio-funciones .card .card-title-box h5 {
    color: #086DB2;
    font-family: "Museo Slab Regular";
    font-size:24px;
}

.ministerio-funciones .card .card-body {
    text-align: justify;
    margin-top: 1em;
    color: #086DB2;
}

.ministerio-funciones .card .card-body strong {
    font-family: "Museo Slab 700";
}

.ministerio-autoridades {
    color: #086DB2;
}

.ministerio-autoridades p,
.ministerio-autoridades ul li {
    font-size:18px;
}

.ministerio-autoridades ul {
    list-style: none;
}

.ministerio-autoridades ul li p {
    display: flex;
}

.ministerio-autoridades ul li p img {
    height:20px;
    margin-right: 1em;
    width: 50px;
}

.ministerio-organigrama {
    color: #086DB2;
}

.line-gray {
    background-color: #cfcfce;
    height: 2px;
}
.footer-line-bar {
    height: 7px;
    background: linear-gradient(to right, #006fb3 0%, #006fb3 50%, #fe6565 50%, #fe6565 100%);
}
.news .news-image {
    padding-right: 0 !important;
}
.news .news-name {
    padding-left: 0 !important;
}
.news .news-name .box-new-name {
    background-color: #fff;
    font-family: "Museo Slab 900";
    height: 223px;
    padding: 10px 20px;
}
.news .news-name .box-new-name a {
    color: #4e6699;
    text-decoration: none;
}
.news .news-name .box-new-date {
    background-color: #fff;
    color: #666;
    height: 58px;
    padding: 15px;
}
.news .box-news a {
    text-decoration: none;
    color: #4e6699;
}
.news .box-news a .card .card-body .card-title {
    font-family: "Museo Slab 900";
    color: #4e6699;
}
.news-in {
    margin: 0 auto;
    width: 80%;
}
.news-in h1 {
    color: #4e6699;
}
.news-in h2 {
    color: #006cb8;
    font-family: "Museo Slab Regular";
    font-size: 1.5rem;
}
.news-in h3 {
    color: #006cb8;
    font-size: 1.2rem;
}
.news-in .date {
    margin: 20px 0;
    width: 100%;
}
.news-in .content {
    background-color: #fff;
    padding: 40px;
    position: relative;
}
.news-in .content .line-bar {
    background: linear-gradient(to right, #006fb3 0%, #006fb3 50%, #fe6565 50%, #fe6565 100%);
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.rrss {
    background-color:#e9eff9 !important;
    padding:30px 0;
}
.rrss .rrss-container {
    margin: 1em auto;
    width: 60%;
}

.rrss .rrss-container .box-rrss:hover {
    transform: translateY(-8px);
    transition: .4s ease;
}

.rrss h2 {
    font-family: "Museo Slab 900";
    color: #086db6;
}
.rrss .twitter {
    color: #00acee;
}
.rrss .facebook {
    color: #3b5998;
}
.rrss .instagram {
    color: #8134af;
}
.rrss .linkedin {
    color: #0e76a8;
}
.rrss .youtube {
    color: #c4302b;
}
.rrss svg {
    font-size: 5em;
}
.rrss img {
    width: 75px;
}
.ribbon .blue {
    background-color: #0f69b4;
    width: 46%;
    height: 10px;
}
.ribbon .red {
    background-color: #eb3646;
    width: 54%;
    height: 10px;
}

.text-blue {
    color: #4e6699;
}

.page-numbers {
    border-radius: 50%;
    color: #0a132d;
    margin: 0 3px;
    padding: 2px 10px;
}
.page-numbers.current {
    color: #fff;
    background-color: #006cb8;
}
table thead th {
    font-family: "Museo Slab 900";
    color: #000;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(106, 172, 212, 0.329);
    color: #000;
}
.table-striped > tbody > tr:nth-of-type(odd) > * a {
    color: #000;
    text-decoration: none;
}
.table-striped > tbody > tr a {
    color: #000;
    text-decoration: none;
}

@media (max-width: 1399.98px) {
    
    nav {
        margin-top:-56px;
    }

    nav ul li {
        padding: 8px 2px;
    }

    .notice-info h2 {
        height:178px;
    }
}

@media (max-width: 575.98px) {

    nav {
        margin-top:-40px;
    }
    .rrss .rrss-container {
        width: 100%;
    }
    nav.shadow {
        box-shadow: 0 0 0 0 !important;
    }
    nav button {
        background-color:#4d9bcc !important;
    }
    nav .navbar-collapse ul {
        background-color: white;
    }
    header .main-banner {
        height: 355px;
    }
    header .main-banner .banner-background img {
        object-fit: cover; 
        object-position: left;
    }
    header .main-name h1 {
        font-size: 1.9em;
    }
    .bg-light {
        background-color: transparent !important;
    }
    .carousel-item {
        width: 100%;
    }
    .carousel-item img {
        width: 100%;
    }
    .carousel-item .notice-info h2 {
        line-height: 25px;
    }
    .carousel-item .notice-info h2 a {
        font-size: 1.2rem;
    }
    .carousel-item .read-news {
        margin: 20px;
    }
    .carousel-indicators {
        bottom: 292px !important;
    }
    footer .address,
    footer .dev {
        text-align: center !important;
    }
    .news-in {
        width: 100%;
    }
    .news-in h1 {
        font-size: 30px;
    }
    .autoridad .avatar-name h2 {
        font-size: 24px;
    }
    .autoridad .avatar-name p {
        font-size: 20px;
    }
    .autoridad .avatar-name .box-avatar-name {
        height: 95px;
    }
    .news .news-name {
        margin-top: 0 !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }
    .news .news-image {
        margin-top: 0 !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .botonera-banners .banners {
        height: auto;
    }
}