.hero-data {
        margin-top: 7rem;
    }

    .hero-data1 {
        margin-top: 5rem;
    }

    .proyecto-label {
        color: #b2e81c;
        margin-bottom: .25rem;
        font-size: 1.05rem;
    }

    .hero-title {
        color: #fff !important;
        padding-right: 10rem;
        font-size: 2.5rem;
        font-weight: 200;
    }

    .hero-data__label-line {
        display: inline-flex;
        align-items: flex-end;
        gap: .5rem;
    }

    .hero-data__label-line i {
        font-size: 1.5rem;
        color: #b2e81c;
    }

    .hero-data__label {
        color: #b2e81c;
        font-size: 1rem;
    }

    .hero-data__value {
        color: #fff;
        margin-top: .25rem;
        font-size: 1.05rem;
    }

    .hero .overlay {
        background: linear-gradient(to bottom,
                rgba(0, 0, 0, .8) 0%,
                rgba(0, 0, 0, .6) 25%,
                rgba(0, 0, 0, .3) 50%,
                rgba(0, 0, 0, 0) 100%);
    }

    .proyecto-thumbnail {
        width: 100vw;
        height: 550px;
        overflow: hidden;
        margin-left: calc(-50vw + 50%);
        margin-bottom: 5rem;
    }

    .proyecto-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .proyecto-content {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 2rem;
        margin: 0 auto;
        padding: 0 2rem;
    }

    .proyecto-content>*:not(.wp-block-gallery) {
        grid-column: 1 / span 4;
    }

    .proyecto-content>.wp-block-gallery {
        grid-column: 5 / -1;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-start !important;
        gap: .75rem !important;
        margin: -2rem 0 5rem !important;
    }

    .proyecto-content .wp-block-gallery>.wp-block-image {
        flex: 0 0 calc((100% - 2 * 0.75rem) / 3) !important;
        width: calc((100% - 2 * 0.75rem) / 3) !important;
        height: 180px;
        overflow: hidden;
        border-radius: 8px;
        margin: 0;
    }

    .proyecto-content .wp-block-gallery>.wp-block-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    .proyecto-content .wp-block-list {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: -10px;
    }

    .proyecto-content .wp-block-list li {
        position: relative;
        padding-left: 1.4rem;
        margin-bottom: .5rem;
        font-size: 1.15rem;
        line-height: 1.4rem;
    }

    .proyecto-content .wp-block-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: .4em;
        width: 7px;
        height: 7px;
        border: 1px solid #000;
        border-radius: 50%;
        background: transparent;
        margin-top: -2px;

    }

    .proyecto-content>.wp-block-heading {
        grid-column: 1 / span 4;
        display: flex;
        align-items: baseline;
        margin-top: 30px;
        font-size: 1rem;
    }

    .proyecto-content .wp-block-heading::before {
        content: "";
        display: inline-block;
        width: 1.4rem;
        height: 1.4rem;
        margin-right: .5rem;
        background: url("https://www.humiclima.com/_astro/icon-project.DeGETQFc_ZoztEY.svg") no-repeat center/contain;
    }

    .proyecto-content>.volver-wrapper {
        grid-column: 1 / -1;
    }

/* ===== Galería (página de referencia) — MÓVIL ===== */
@media (max-width: 767.98px) {
  .proyecto-content {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 0 1rem;
  }
  .proyecto-content > *:not(.wp-block-gallery) {
    grid-column: 1 / -1;
  }
  .proyecto-content > .wp-block-gallery {
    grid-column: 1 / -1;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: .75rem !important;
    margin: 1rem 0 2rem !important;
  }


  .proyecto-content .wp-block-gallery > .wp-block-image {
    flex: 0 0 calc((100% - .75rem) / 2) !important; 
    width: calc((100% - .75rem) / 2) !important;
    aspect-ratio: 4 / 3;        
    height: auto;               
    overflow: hidden;
    border-radius: 8px;
    margin: 0;
  }

  .proyecto-content .wp-block-gallery > .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
}

.fancybox__caption { display: none !important; }


.fancybox-caption, .fancybox-caption__body { display: none !important; }