:root {
    --intensificacion-sostenible: #208891;
    --cambio-climatico: #ea5247;
    --agricultura-familiar: #f39108;
    --desarrollo-institucional: #7e4c98;
    --lineas-estrategicas-anteriores: #054883;
}

.bg-verde {
    background: #699f5d;
}

.text-azul {
    color: #064781;
}

.bg-desarrollo-institucional {
    background: var(--desarrollo-institucional);
}

.bg-intensificacion-sostenible {
    background: var(--intensificacion-sostenible);
}

.bg-cambio-climatico {
    background: var(--cambio-climatico);
}

.bg-agricultura-familiar {
    background: var(--agricultura-familiar);
}

.bg-lineas-estrategicas-anteriores {
    background: var(--lineas-estrategicas-anteriores);
}

.text-desarrollo-institucional {
    color: var(--desarrollo-institucional);
}

.text-intensificacion-sostenible {
    color: var(--intensificacion-sostenible);
}

.text-cambio-climatico {
    color: var(--cambio-climatico);
}

.text-agricultura-familiar {
    color: var(--agricultura-familiar);
}

.text-lineas-estrategicas-anteriores {
    color: var(--lineas-estrategicas-anteriores);
}

@media (max-width: 767px) {
    h6.fs-4 {
        font-size: 21px !important;
    }
}

/* Navbar */
#navbar-tabs ul {
    align-items: stretch;
}

#navbar-tabs ul li {
    height: auto;
}

#navbar-tabs ul li a {
    height: 100%;
    align-self: center;
    display: flex !important;
}

@media (max-width: 991px) {
    li.nav-item a.nav-link i.bi.bi-envelope-fill.text-gradient-verde-azul {
        background: white;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

@media (max-width: 767px) {
    #navbar-tabs ul {
        width: 100%;
        padding: 0;
        justify-content: center;
    }

    #navbar-tabs li {
        flex: 1 1 auto !important;
    }

    #navbar-tabs li a:before {
        display: none !important;
    }

    #navbar-tabs li a img {
        width: 100%;
        max-height: 20px;
    }

    .tparrows {
        display: none !important;
    }

    .rev_slider .tp-caption.rev_row {
        padding: 0 !important;
    }

    .tp-caption.rev_layer_in_column.splitted {
        max-width: none !important;
        font-size: 30px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }
}

@media (max-width: 575px) {
    #entradas-internas {
        padding-top: 45px;
    }

    #entradas-internas img {
        max-width: 200px;
    }
}

/* Home */
.img-puntitos {
    background: url(../img/puntitos.png) no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 767px) {
    #lineas-mapa {
        background: #f7f7f7 !important;
    }

    #mapa-image-clip {
        max-width: 300px;
        margin: 0 auto 50px;
    }

    #iniciativas-proyectos, #home-noticias h6, #publicaciones-home h6 {
        text-align: center;
    }

    .swiper-button-next, .swiper-button-prev {
        position: relative;
        display: inline-flex;
    }

    .swiper-wrapper {
        margin-bottom: 50px;
    }

    img.proyecto-tag {
        max-height: 40px !important;
        margin-bottom: 10px;
    }
}

ul.custom-bullets li::before {
    font-family: feather, serif !important;
    font-size: 13px;
    content: "\e829";
    color: grey;
    font-weight: bold;
    display: inline-block;
    width: 1em;
}

ul.custom-bullets-cambio-climatico li::before {
    color: var(--cambio-climatico);
}

ul.custom-bullets-agricultura-familiar li::before {
    color: var(--agricultura-familiar);
}

ul.custom-bullets-desarrollo-institucional li::before {
    color: var(--desarrollo-institucional);
}

ul.custom-bullets-intensificacion-sostenible li::before {
    color: var(--intensificacion-sostenible);
}

.text-gradient-flamingo-amethyst-green {
    color: #699f5d;
    background: linear-gradient(to right, #699f5d, #064781);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.vertical-counter-number li {
    background: linear-gradient(to right, #699f5d, #064781);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.image-clip-wrapper {
    position: relative;
    width: 100%;
    max-width: 1000px;
}

.image-clip-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-clip-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.image-clip-slideshow img.active {
    opacity: 1;
    z-index: 1;
}

.image-clip-mask {
    position: relative;
    z-index: 2;
}

.image-clip-mask img {
    width: 100%;
    height: auto;
    display: block;
}

/* Grilla */
#resultados-cabecera {
    background: url(../img/header_buscador.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

#resultados-cabecera form.bg-white-opacity {
    background: rgba(255, 255, 255, .50);
    border-radius: 15px;
    padding: 40px;
    max-width: 900px;
    margin: auto;
}

#resultados-cabecera form .form-group {
    max-width: 600px;
    margin: auto;
}

#resultados-cabecera form .form-group input, #resultados-cabecera form .form-group select {
    border-radius: 50px;
    padding: 5px 25px;
}

#resultados-cabecera form .form-group input#searchTerm::placeholder {
    color: var(--black) !important;
}

#resultados-cabecera form .form-group button.btn.btn-large {
    padding: 10px 60px;
}


.interactive-banner-style-02.hover-box figcaption {
    min-height: 205px;
}

.interactive-banner-style-02.hover-box:hover figcaption {
    min-height: 220px;
}

#resultados-filtros .dropdown-toggle::after {
    content: "\e842";
    font-family: "feather";
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border: 0;
}

@media (min-width: 768px) {
    #resultados-cabecera form .form-group.form-group-3 .col-sm-12.col-md-4:nth-child(1) select.form-select,
    #resultados-cabecera form .form-group.form-group-3 .col-sm-12.col-md-5:nth-child(1) select.form-select,
    #resultados-cabecera form .form-group.form-group-3 .col-sm-12.col-md-6:nth-child(1) select.form-select {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    #resultados-cabecera form .form-group.form-group-3 .col-sm-12.col-md-4:nth-child(2) select.form-select,
    #resultados-cabecera form .form-group.form-group-3 .col-sm-12.col-md-3:nth-child(2) select.form-select,
    #resultados-cabecera form .form-group.form-group-3 .col-sm-12.col-md-2:nth-child(2) select.form-select {
        border-radius: 0 !important;
    }

    #resultados-cabecera form .form-group.form-group-3 .col-sm-12.col-md-4:nth-child(3) select.form-select {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}

@media (max-width: 767px) {
    #resultados-cabecera {
        background: url(../img/buscador_mobile.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }

    /*.interactive-banner-style-02.hover-box a.position-relative.d-block {
        max-height: 150px;
    }*/
}

/* Iniciativas y proyectos */
@media (max-width: 600px) {
    #proyecto-cabecera .pt-12.px-5.pb-3 {
        padding: 30px !important;
    }
}

img.proyecto-tag {
    max-height: 50px;
    margin-bottom: 20px;
}

ul.proyecto-info {
    gap: 0.5rem;
}

.instituciones-barra {
    background: rgba(6, 71, 129, .85);
    color: white;
}

.instituciones-barra {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    line-height: 1.5;
}

.instituciones-barra span {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 14px;
    padding-right: 7px;
}

.instituciones-barra ul {
    /*display: flex;
    flex-wrap: wrap;
    gap: 0 1.25rem;*/
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 0;
    flex: 1;
}

.instituciones-barra li {
    /*white-space: nowrap;*/
    display: inline;
}

.instituciones-barra li:not(:last-child)::after {
    content: "|";
    margin-left: 0.75rem;
    margin-right: 0.5rem;
}

@media (max-width: 767px) {
    .instituciones-barra {
        gap: 0;
    }

    .instituciones-barra span {
        white-space: normal;
    }

    .instituciones-barra ul {
        flex: auto;
    }
}

.proyecto-shares .elements-social {
    min-width: 150px;
}

.proyecto-shares .elements-social a {
    border: 1px solid var(--medium-gray);
    color: var(--bs-gray-700);
    border-radius: 50%;
    font-size: 1rem;
    padding: 10px;
    width: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#proyecto-tabs .tab-pane {
    color: var(--bs-body-color);
}

.tab-style-05 .nav-tabs .nav-item .nav-link span {
    color: var(--medium-gray);
}

#proyecto-banner img {
    max-width: 230px;
}

@media (max-width: 767px) {
    #proyecto-banner.lineas-estrategicas-anteriores {
        background: linear-gradient(rgba(6, 71, 129, 0.2), rgba(6, 71, 129, 0.2)), url(../img/lineas/lineas-estrategicas-anteriores/banner_mobile.jpg) no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #proyecto-banner.desarrollo-institucional {
        background: linear-gradient(rgba(6, 71, 129, 0.2), rgba(6, 71, 129, 0.2)), url(../img/lineas/desarrollo-institucional/banner_mobile.jpg) no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #proyecto-banner.intensificacion-sostenible {
        background: linear-gradient(rgba(6, 71, 129, 0.2), rgba(6, 71, 129, 0.2)), url(../img/lineas/intensificacion-sostenible/banner_mobile.jpg) no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #proyecto-banner.cambio-climatico {
        background: linear-gradient(rgba(6, 71, 129, 0.2), rgba(6, 71, 129, 0.2)), url(../img/lineas/cambio-climatico/banner_mobile.jpg) no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }

    #proyecto-banner.agricultura-familiar {
        background: linear-gradient(rgba(6, 71, 129, 0.2), rgba(6, 71, 129, 0.2)), url(../img/lineas/agricultura-familiar/banner_mobile.jpg) no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }
}

/* Lineas */
ul.linea-subcategorias {
    width: fit-content;
    margin: auto;
}

ul.linea-subcategorias li:not(:last-child)::after {
    content: '/';
    padding: 10px;
}

@media (max-width: 991px) {
    ul.linea-subcategorias {
        background: none !important;
    }

    ul.linea-subcategorias li {
        /*background: var(--cambio-climatico);*/
        border-radius: 50px !important;
        margin: 5px;
        padding: 0px 20px;
    }

    ul.linea-subcategorias li:not(:last-child)::after {
        content: none;
    }
}

.lineas-estrategicas-anteriores .nav-tabs .nav-item .nav-link.active span {
    color: var(--lineas-estrategicas-anteriores);
}

.desarrollo-institucional .nav-tabs .nav-item .nav-link.active span {
    color: var(--desarrollo-institucional);
}

.intensificacion-sostenible .nav-tabs .nav-item .nav-link.active span {
    color: var(--intensificacion-sostenible);
}

.cambio-climatico .nav-tabs .nav-item .nav-link.active span {
    color: var(--cambio-climatico);
}

.agricultura-familiar .nav-tabs .nav-item .nav-link.active span {
    color: var(--agricultura-familiar);
}

.lineas-estrategicas-anteriores .nav-tabs .nav-item .nav-link:hover {
    background: var(--lineas-estrategicas-anteriores);
}

.desarrollo-institucional .nav-tabs .nav-item .nav-link:hover {
    background: var(--desarrollo-institucional);
}

.intensificacion-sostenible .nav-tabs .nav-item .nav-link:hover {
    background: var(--intensificacion-sostenible);
}

.cambio-climatico .nav-tabs .nav-item .nav-link:hover {
    background: var(--cambio-climatico);
}

.agricultura-familiar .nav-tabs .nav-item .nav-link:hover {
    background: var(--agricultura-familiar);
}

.lineas-estrategicas-anteriores .nav-tabs .nav-item .nav-link:hover span,
.desarrollo-institucional .nav-tabs .nav-item .nav-link:hover span,
.intensificacion-sostenible .nav-tabs .nav-item .nav-link:hover span,
.cambio-climatico .nav-tabs .nav-item .nav-link:hover span,
.agricultura-familiar .nav-tabs .nav-item .nav-link:hover span {
    color: white;
}

.nav-tabs .nav-item .nav-link:hover img.img-subarea {
    filter: brightness(0) invert(1);
}

p.fw-700.subtema-underline {
    width: fit-content;
}

p.fw-700.subtema-underline:after {
    content: '';
    width: 100%;
    height: 2px;
    position: relative;
    display: block;
    background-image: linear-gradient(to right, #699f5d, #064781);
    margin-top: 5px;
}

@media (max-width: 767px) {
    .accordion span.fs-5 {
        font-size: 16px !important;
    }
}


/* QUE HACEMOS */
@media (min-width: 1300px) {
    #bg-header-hacemos {
        background-size: 120% !important;
    }
}

@media (max-width: 1200px) {
    .overlap-section {
        margin-top: -270px !important;
    }
}

@media (max-width: 991px) {
    .overlap-section {
        margin-top: -280px !important;
    }
}

@media (max-width: 768px) {
    .overlap-section {
        margin-top: -240px !important;
    }
}

.services-box-style-05 figure:hover figcaption .box-title {
    color: var(--dark-gray);
}


/* CONTACTO */
h1.text-white {
    text-shadow: rgb(11, 18, 54) 3px 3px 15px;
}

#contacto_header {
    background: url(../img/contacto/header.PNG) no-repeat;
    background-position: center;
}


/* BUSCAODR */
@media (min-width: 991px) {
    #resultados-container form .form-group-3 .col-lg-6 input, #resultados-container form .form-group-3 .col-lg-3:nth-child(2) select {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    #resultados-container form .form-group-3 .col-lg-3 select {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    form#search_form .search-term input {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    form#search_form .linea select,
    form#search_form .categoria select,
    form#search_form .tipo select {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    form#search_form .anio select {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}


/* QUIENES SOMOS */
.mailto-large {
    overflow-wrap: anywhere;
    word-break: break-all;
    white-space: normal;
}

.timeline-titulo {
    min-height: 75px;
    display: flex;
    margin-top: 10px;
    /*align-items: center;*/
}

.timeline-1 .timeline-titulo, .timeline-2 .timeline-titulo, .timeline-3 .timeline-titulo {
    min-height: 45px;
}

@media (max-width: 991px) {
    .timeline-1 .timeline-titulo, .timeline-2 .timeline-titulo, .timeline-3 .timeline-titulo, .timeline-4 .timeline-titulo {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .timeline-1 .timeline-titulo, .timeline-2 .timeline-titulo {
        min-height: 45px;
    }

    .timeline-3 .timeline-titulo, .timeline-4 .timeline-titulo {
        min-height: 70px;
    }

    .timeline-5 .timeline-titulo, .timeline-6 .timeline-titulo {
        min-height: 90px;
    }
}

@media (max-width: 575px) {
    .timeline-1 .timeline-titulo, .timeline-2 .timeline-titulo, .timeline-3 .timeline-titulo, .timeline-4 .timeline-titulo, .timeline-5 .timeline-titulo, .timeline-6 .timeline-titulo {
        min-height: auto;
    }
}


/* FOOTER */
@media (max-width: 991px) {
    [data-mobile-nav-style=modern] footer {
        transition: transform 0.75s;
    }

    .navbar-collapse-show[data-mobile-nav-style=modern] footer {
        transform: translate3d(-70vw, 0, 0) !important;
        -webkit-transform: translate3d(-70vw, 0, 0) !important;
    }
}

@media (max-width: 767px) {
    .navbar-collapse-show[data-mobile-nav-style=modern] footer {
        transform: translate3d(-85vw, 0, 0) !important;
        -webkit-transform: translate3d(-85vw, 0, 0) !important;
    }
}

.highlight {
    color: #699f5d;
}