.highlights {
    padding: 72px 0 56px;
}

.highlights-container {
    max-width: 920px;
}

.section-heading {
    max-width: 620px;
    margin-bottom: 36px;
}

.section-heading h2 {
    font-family: "AUGE", "ITC Avant Garde Gothic", "Futura", sans-serif;
    font-weight: 500;
    font-size: clamp(1.9rem, 2.6vw, 2.5rem);
    margin: 0 0 12px;
    color: #2C2C2C;
}

.section-heading p {
    color: #6E6E6E;
    line-height: 1.6;
    margin: 0;
}

/* GRID */

.highlights-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 56px;

    overflow: hidden;
    transition: max-height 0.35s ease;
}

.highlights-grid.is-collapsed {
    max-height: 290px;
}


/* ITEM */

.highlight-item {
    display: flex;
    align-items: center;
    gap: 22px;

    min-height: 92px;

    transition: transform .25s ease;
}

.highlight-item:hover {
    transform: translateY(-2px);
}


/* ICON */

.highlight-item img {
    width: 96px;
    height: 96px;
    flex: 0 0 96px;

    object-fit: contain;

    /* branding color (verde Emayoli) */
    filter:
        invert(44%)
        sepia(16%)
        saturate(692%)
        hue-rotate(33deg)
        brightness(92%)
        contrast(88%);
}


/* TEXT */

.highlight-item span {
    font-family: "ITC Avant Garde Gothic", "Futura", system-ui, sans-serif;
    font-size: 1.18rem;
    line-height: 1.35;
    color: #3B3B3B;
}


/* ACTIONS */

.highlights-actions {
    margin-top: 24px;
}

.highlights-toggle {
    appearance: none;

    border: 1px solid rgba(124, 138, 72, 0.28);
    background: transparent;

    color: #3B3B3B;

    padding: 12px 18px;
    border-radius: 999px;

    font-family: "ITC Avant Garde Gothic", "Futura", system-ui, sans-serif;
    font-size: 0.95rem;

    cursor: pointer;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.highlights-toggle:hover {
    background: rgba(124, 138, 72, 0.08);
    border-color: rgba(124, 138, 72, 0.42);
    transform: translateY(-1px);
}


/* TABLET */

@media (max-width: 768px) {

    .highlights {
        padding: 60px 0 48px;
    }

    .highlights-grid {
        gap: 26px 28px;
    }

    .highlight-item {
        gap: 18px;
        min-height: 82px;
    }

    .highlight-item img {
        width: 76px;
        height: 76px;
        flex-basis: 76px;
    }

    .highlight-item span {
        font-size: 1.05rem;
    }

    .highlights-grid.is-collapsed {
        max-height: 255px;
    }
}


/* MOBILE */

@media (max-width: 560px) {

    .highlights-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px 18px;
    }

    .highlight-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
        min-height: 120px;
    }

    .highlight-item img {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
    }

    .highlight-item span {
        font-size: 0.95rem;
    }

    .highlights-grid.is-collapsed {
        max-height: 210px;
    }
}
.section-heading h2::after{
    content:"";
    display:block;

    width:60px;
    height:2px;

    background:#BEA072;

    margin-top:14px;
}