/* Proyects Filters */
.js-form-item-proyectoestado {
    width: 100% !important;
}

.js-form-item-proyectoestado .bef-links {
    margin-bottom: 1.5rem !important;
}

.js-form-item-proyectoestado .bef-links ul {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-body-color);
    --bs-nav-link-hover-color: var(--bs-body-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 3.75rem !important;
    margin-top: 0;
    padding-top: 1.875rem;
    padding-left: 0;
    position: relative;
    font-size: 1.45rem;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: center !important;
}

.js-form-item-proyectoestado .bef-links ul::before {
    border-top: 1px solid;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0;
}

.js-form-item-proyectoestado .bef-links ul li {
    margin: 0 1.5rem;
}

.js-form-item-proyectoestado .bef-links .bef-link {
    border-radius: 0;
    color: var(--bs-primary);
    font-weight: 500;
    margin-bottom: -1px;
    padding: 8px 0;
    white-space: nowrap;
    transition: opacity 0.15s;
    will-change: opacity;
}

.js-form-item-proyectoestado .bef-links .bef-link.bef-link--selected,
.js-form-item-proyectoestado .bef-links .bef-link.active,
.js-form-item-proyectoestado .bef-links .bef-link:hover {
    background-color: transparent;
    border-bottom: 2px solid var(--bs-primary);
    color: var(--bs-primary);
}
#views-exposed-form-grupomacana-contenido-block-proyectos
    .form-actions.js-form-wrapper.form-wrapper {
    display: none;
}

.trending.view .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 50px;
}

.trending.view .view-content .itemproyect {
    flex: 1 1 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

/* Pantallas medianas (tablets) */
@media (min-width: 768px) {
    .trending.view .view-content .itemproyect {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

/* Pantallas grandes (desktops) */
@media (min-width: 992px) {
    .trending.view .view-content .itemproyect {
        flex: 0 0 calc(33.333% - 13.333px);
        max-width: calc(33.333% - 13.333px);
    }
}

.trending.view .itemproyect .slide {
    box-shadow: 0px 0px 10px 2px rgba(77, 77, 79, 0.3);
    border-radius: 1.2rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    visibility: visible;
    display: flex;
}

.trending.view .itemproyect .slide .trend-item {
    margin: 1rem 0.7rem;
    position: relative;
    transition: all ease-in-out 0.5s;
    border-radius: 1.2rem;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.trending.view .slide .trend-item .trend-image,
.node--type-proyectos .trending .slide .trend-item .trend-image {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
}

/* Asegura que los elementos internos se distribuyan uniformemente */
.trending.view .slide .trend-item .trend-content > * {
    margin-bottom: 0.5rem; /* Ajusta según necesites */
}

.trending.view .slide .trend-item .trend-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1rem;
    justify-content: space-between;
    /*min-height: 100%;*/
}

.trending.view .slide .trend-item .trend-content .tags {
    font-size: 1.2rem;
}

.trending.view .slide .trend-item .trend-content .direccion {
    /*flex-grow: 1;*/
    display: flex;
    align-items: center;
}

.trending.view .slide .trend-item .trend-content > *:last-child {
    margin-bottom: 0;
}

.trending.view .slide .trend-item .trend-content > *:last-child {
    margin-top: auto;
}

.card-wrapper {
    position: relative;
}

.card {
    color: #0e0e0e;
}

.card .btn,
.card .card-title,
.card .card-title-decoration,
.card ~ .card-social li,
.card ~ .card-social-container li {
    will-change: transform, opacity;
}

.card .btn,
.card .card-title {
    color: inherit;
}

.card > .background {
    z-index: 1;
}

.card .background-color {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.card.card-bg-show .background-color {
    opacity: 1;
}

.card.card-image-lg .card-img,
.card.card-image-md .card-img,
.card.card-image-sm .card-img,
.card.card-image-xl .card-img {
    position: relative;
    display: block;
    overflow: hidden;
}

.card.card-image-lg .card-img::before,
.card.card-image-md .card-img::before,
.card.card-image-sm .card-img::before,
.card.card-image-xl .card-img::before {
    content: "";
    display: block;
}

.card.card-image-sm .card-img::before {
    padding-top: 50%;
}

.card.card-image-md .card-img::before {
    padding-top: 65%;
}

.card.card-image-lg .card-img::before {
    padding-top: 100%;
}

.card.card-image-xl .card-img::before {
    padding-top: 130%;
}

.card:focus .background-color,
.card:hover .background-color {
    opacity: 1;
}

.card-hover-zoom .card-img {
    display: block;
    overflow: hidden;
}

.card-hover-zoom img {
    will-change: transform;
    -webkit-transition: -webkit-transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
    transition: -webkit-transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
    -o-transition: transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
    transition: transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
    transition:
        transform 1.8s cubic-bezier(0.2, 1, 0.2, 1),
        -webkit-transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
}

.card-hover-zoom .card-img:focus img,
.card-hover-zoom .card-img:hover img,
.card-hover-zoom:focus img,
.card-hover-zoom:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.card-portfolio {
    position: relative;
}

.card-portfolio .card-img {
    display: block;
}

.card-portfolio .card-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: auto;
}

.card-portfolio .card-title {
    position: relative;
    display: block;
    margin-bottom: 0;
}

.card-portfolio a.card-title {
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.card-portfolio a.card-title:focus,
.card-portfolio a.card-title:hover {
    color: #000;
}

.card-portfolio .card-category {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 500;
}

.card-portfolio a.card-category {
    text-decoration: none;
}

.card-portfolio .card-title-decoration {
    content: "";
    position: absolute;
    top: -36px;
    left: 0;
    width: 70px;
    border-top: 1px solid currentColor;
    will-change: width;
}

.card-portfolio .card-img-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
}

@media (min-width: 1024px) {
    .card-portfolio .card-img-overlay {
        padding: 30px 50px;
    }
}

@media (max-width: 827.98px) {
    .card-portfolio .card-img-overlay {
        padding: 10px 30px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .card-portfolio .card-img-overlay .card-logo {
        position: absolute;
        top: 50px;
        left: 70px;
    }

    .card-portfolio .card-img-overlay .card-logo ~ .card-title {
        margin-top: auto;
    }

    .card-portfolio .card-img-overlay .card-logo ~ .card-category {
        margin-bottom: auto;
    }
}

.card-portfolio .card-body {
    display: block;
    padding: 0;
}

.card-portfolio.card-portfolio-banner .card-img {
    min-height: 420px;
}

.card-portfolio.card-portfolio-banner .card-img-overlay {
    width: 910px;
}

@media (min-width: 620px) and (max-width: 827.98px) {
    .card-portfolio.card-portfolio-banner .h1 {
        font-size: 2.5em;
    }

    .card-portfolio.card-portfolio-banner .card-img-overlay {
        padding: 50px;
    }
}

@media (max-width: 619.98px) {
    .card-portfolio.card-portfolio-banner .h1 {
        font-size: 2.375em;
    }

    .card-portfolio.card-portfolio-banner .card-img-overlay {
        padding: 30px;
    }
}

.card-portfolio.card-default .card-title {
    margin-bottom: 0;
}

.card-portfolio.card-default .card-subtitle {
    display: block;
}

.card-portfolio.card-default .card-body {
    padding: 34px 0 0;
}

.card-portfolio.card-default:focus,
.card-portfolio.card-default:hover {
    color: #040404;
}

.card-portfolio.card-overlay {
    overflow: hidden;
}

@media (max-width: 619.98px) {
    .card-portfolio.card-overlay .card-img {
        min-height: 300px;
    }
}

.card-portfolio.card-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

@media (min-width: 828px) {
    .card-portfolio.card-horizontal.card-swap .card-img {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
        margin-right: 0;
        margin-left: 100px;
    }

    .card-portfolio.card-horizontal.card-swap .card-category {
        padding-left: calc(35% + 100px);
    }
}

.card-portfolio.card-horizontal .card-category {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 23px;
}

.card-portfolio.card-horizontal .card-category:focus,
.card-portfolio.card-horizontal .card-category:hover {
    color: inherit;
}

.card-portfolio.card-horizontal .card-title {
    margin-bottom: 24px;
}

@media (min-width: 828px) {
    .card-portfolio.card-horizontal .card-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(65% - 100px);
        flex: 0 0 calc(65% - 100px);
        max-width: calc(65% - 100px);
        margin-right: 100px;
    }
}

@media (max-width: 619.98px) {
    .card-portfolio.card-horizontal .card-img {
        margin-bottom: 50px;
    }
}

@media (min-width: 828px) {
    .card-portfolio.card-horizontal .card-body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .card-portfolio.card-horizontal .card-body ~ .card-img {
        margin-left: 100px;
    }
}

.card-portfolio.card-horizontal .btn {
    margin-top: 35px;
}

.card-portfolio.text-white .nav .nav-link,
.card-portfolio.text-white .nav .nav-link.active {
    color: #fff;
}

.card-portfolio.text-white a.card-title:focus,
.card-portfolio.text-white a.card-title:hover {
    color: inherit;
}

.card-portfolio.text-white a.card-category {
    color: #fff;
}

.card-portfolio.card-hover-frame .card-img img {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    will-change: clip-path;
    -webkit-transition: -webkit-clip-path 0.2s ease-in-out;
    transition: -webkit-clip-path 0.2s ease-in-out;
    -o-transition: clip-path 0.2s ease-in-out;
    transition: clip-path 0.2s ease-in-out;
    transition:
        clip-path 0.2s ease-in-out,
        -webkit-clip-path 0.2s ease-in-out;
}

.card-portfolio.card-hover-frame .card-img:focus img,
.card-portfolio.card-hover-frame .card-img:hover img {
    -webkit-clip-path: polygon(
        10px 10px,
        calc(100% - 10px) 10px,
        calc(100% - 10px) calc(100% - 10px),
        10px calc(100% - 10px)
    );
    clip-path: polygon(
        10px 10px,
        calc(100% - 10px) 10px,
        calc(100% - 10px) calc(100% - 10px),
        10px calc(100% - 10px)
    );
}

.card-portfolio.card-hover-frame:focus .card-img img,
.card-portfolio.card-hover-frame:hover .card-img img {
    -webkit-clip-path: polygon(
        10px 10px,
        calc(100% - 10px) 10px,
        calc(100% - 10px) calc(100% - 10px),
        10px calc(100% - 10px)
    );
    clip-path: polygon(
        10px 10px,
        calc(100% - 10px) 10px,
        calc(100% - 10px) calc(100% - 10px),
        10px calc(100% - 10px)
    );
}

.card-portfolio.card-hover-appearance {
    overflow: hidden;
}

.card-portfolio.card-hover-appearance .card-img img {
    will-change: transform;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition:
        transform 0.25s ease-in-out,
        -webkit-transform 0.25s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.card-portfolio.card-hover-appearance .card-img-overlay {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.card-portfolio.card-hover-appearance .card-category,
.card-portfolio.card-hover-appearance .card-title {
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition:
        opacity 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
    transition:
        opacity 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
    -o-transition:
        transform 0.2s ease-in-out,
        opacity 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        opacity 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        opacity 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

.card-portfolio.card-hover-appearance .card-title {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.card-portfolio.card-hover-appearance .card-category {
    -webkit-transform: translateY(18px);
    -ms-transform: translateY(18px);
    transform: translateY(18px);
}

.card-portfolio.card-hover-appearance:focus .card-img-overlay,
.card-portfolio.card-hover-appearance:hover .card-img-overlay {
    opacity: 1;
}

.card-portfolio.card-hover-appearance:focus .card-img img,
.card-portfolio.card-hover-appearance:hover .card-img img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.card-portfolio.card-hover-appearance:focus .card-category,
.card-portfolio.card-hover-appearance:focus .card-title,
.card-portfolio.card-hover-appearance:hover .card-category,
.card-portfolio.card-hover-appearance:hover .card-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.card-portfolio.card-hover-bar {
    overflow: hidden;
}

.card-portfolio.card-hover-bar .card-img img {
    will-change: transform;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    transition:
        transform 0.7s cubic-bezier(0.2, 1, 0.2, 1),
        -webkit-transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.card-portfolio.card-hover-bar .card-category,
.card-portfolio.card-hover-bar .card-title {
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition:
        opacity 0.25s ease-in-out,
        -webkit-transform 0.25s ease-in-out;
    transition:
        opacity 0.25s ease-in-out,
        -webkit-transform 0.25s ease-in-out;
    -o-transition:
        transform 0.25s ease-in-out,
        opacity 0.25s ease-in-out;
    transition:
        transform 0.25s ease-in-out,
        opacity 0.25s ease-in-out;
    transition:
        transform 0.25s ease-in-out,
        opacity 0.25s ease-in-out,
        -webkit-transform 0.25s ease-in-out;
}

.card-portfolio.card-hover-bar .card-title {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.card-portfolio.card-hover-bar .card-category {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.card-portfolio.card-hover-bar .card-img-overlay {
    top: auto;
    padding: 30px 50px;
    background-color: inherit;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    transition:
        transform 0.7s cubic-bezier(0.2, 1, 0.2, 1),
        -webkit-transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.card-portfolio.card-hover-bar:focus .card-img-overlay,
.card-portfolio.card-hover-bar:hover .card-img-overlay {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.card-portfolio.card-hover-bar:focus .card-img img,
.card-portfolio.card-hover-bar:hover .card-img img {
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
}

.card-portfolio.card-hover-bar:focus .card-category,
.card-portfolio.card-hover-bar:focus .card-title,
.card-portfolio.card-hover-bar:hover .card-category,
.card-portfolio.card-hover-bar:hover .card-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

a.card-portfolio {
    text-decoration: none;
}

.card-img .background-color {
    background-color: var(--bs-body-bg);
}

/** blockproyects relateds **/
.card.overflow-hidden,
.tiny-slider.overflow-hidden {
    will-change: transform;
}

.card-header-title {
    margin-bottom: 0;
}

.card .card-img-overlay {
    z-index: 2;
}

.card.card-element-hover .hover-element {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
}

.card.card-element-hover .card-text,
.card.card-element-hover img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card.card-element-hover:hover .card-text {
    margin-bottom: 10px;
}

.card.card-element-hover:hover .hover-element {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card.card-img-scale .card-img-scale-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    overflow: hidden;
}

.card.card-img-scale .img-scale,
.card.card-img-scale .img-fluid {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
}

.card.card-img-scale:hover .img-scale,
.card.card-img-scale:hover .img-fluid {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.card.card-img-blur:hover .img-blur {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.view-display-id-block_proyectorelacionado .card {
    border: none;
}

.view-display-id-block_proyectorelacionado .card small {
    padding-left: 12px;
}

.page-node-type-proyectos section {
    padding: 0 !important;
}

.page-node-type-proyectos .ui-dialog {
    width: 415px !important;
}

.page-node-type-proyectos .details {
    padding-top: 0 !important;
}

.page-node-type-proyectos .details .full-width-section.banner {
    min-height: 100%;
    background-size: cover;
    background-position: 50%;
}

.page-node-type-proyectos .details .banner .d-block {
    background: #fff;
    width: 250px;
    border-radius: 0.5rem;
}

@media (max-width: 575.98px) {
    .page-node-type-proyectos .ui-dialog {
        width: 95% !important;
    }
}

.page-node-type-proyectos .details .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Ratio 16:9 */
    height: 0;
    overflow: hidden;
}

.page-node-type-proyectos .details .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-node-type-proyectos .details .text-content {
    max-height: 100%;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .page-node-type-proyectos .details .row.align-items-center {
        min-height: 400px; /* Ajusta esto según tus necesidades */
    }
}

.page-node-type-proyectos .proyecto-caracteristica {
    margin-top: 15px;
    margin-bottom: 15px;
}

.page-node-type-proyectos .proyecto-caracteristica .datos-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centra los elementos si hay espacio extra */
    margin: -10px;
}

.page-node-type-proyectos .proyecto-caracteristica .dato-item {
    flex: 0 1 auto; /* Ajusta esto para cambiar cuántos items por fila */
    min-width: 250px; /* Asegura que los items no sean demasiado estrechos */
    max-width: calc(
        33.333% - 20px
    ); /* Máximo ancho para evitar que se estiren demasiado en pantallas grandes */
    margin: 0 20px;
    text-align: center;
    border-radius: 0.25rem;
    box-shadow: 0px 0px 10px 2px rgba(77, 77, 79, 0.3);
    flex-direction: column;
    display: flex;
    padding: 15px; /* Añade algo de padding interno */
}

.page-node-type-proyectos .proyecto-caracteristica .dato-valor {
    font-size: 1.4rem;
    font-weight: 900;
    margin-bottom: 0;
}

.page-node-type-proyectos .proyecto-caracteristica .dato-descripcion {
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .page-node-type-proyectos .proyecto-caracteristica .dato-item {
        max-width: calc(50% - 20px); /* Dos columnas en tablets */
    }
}

@media (max-width: 576px) {
    .page-node-type-proyectos .proyecto-caracteristica .dato-item {
        max-width: 100%; /* Una columna en móviles */
    }
}

.page-node-type-proyectos .slick--field-galeria .media--slick {
    border-radius: 0.7rem;
}

.page-node-type-proyectos .foto-real-leyenda {
    font-size: 0.8rem;
    text-align: right;
}

.page-node-type-proyectos .topology .trending .slide {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.page-node-type-proyectos .topology .trend-content h4.theme2 {
    display: inline-block;
    padding-left: 10px;
}

.page-node-type-proyectos .icondetails {
    padding-top: 250px !important;
    margin-top: -330px !important;
}

.fontawesome-icon i {
    line-height: 1;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-align: center;
    position: relative;
    box-sizing: content-box;
    fill: currentColor;
}

.paragraph--type--caracteristicas-icono-proyecto .fontawesome-icon i {
    font-size: 2rem;
    color: var(--bs-primary);
    -webkit-user-select: none;
    user-select: none;
    cursor: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.paragraph--type--caracteristicas-icono-proyecto .descripcion {
    font-weight: 600;
}

.paragraph--type--caracteristicas-icono-proyecto .descripcion::first-letter {
    text-transform: uppercase;
}

.justify-center .fontawesome-icon,
.items-center .fontawesome-icon {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.linkimage {
    width: 100%;
    height: 220px;
    z-index: 1;
    display: flex;
    position: relative;
    text-decoration: none;
    font-weight: 600;
    font-size: 35px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    overflow: hidden;
}

@media only screen and (max-width: 600px) {
    .linkimage {
        font-size: 1.5rem;
    }
}

.linkimage:hover {
    color: #ffffff;
    text-shadow: 0px 3px 4px black;
}

.linkimage .linkimage-title {
    width: 100%;
    height: 220px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linkimage figure.linkimage {
    width: 100%;
    height: 220px;
    position: absolute;
    margin: 0;
    background: var(--bs-primary);
}

.linkimage figure.linkimage img {
    width: 100%;
    height: 220px;
    z-index: 0;
    opacity: 0.9;
    transition: 0.3s ease-in-out;
    transform: scale(1);
}

.linkimage:hover figure.linkimage img {
    opacity: 1;
    transform: scale(1.3);
}

.wazelink {
    color: #fff;
    background-color: #09f;
}

.tag.wazelink {
    font-weight: 600;
    font-size: 1.2rem;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.8);
}

@media (max-width: 575.98px) {
    .tag.wazelink {
        display: flex;
        margin: 0 !important;
        text-align: center;
    }
}