.mahau-experiencias-links {
    width: min(1180px, calc(100% - 40px));

    margin:
        70px
        auto
        75px;
}


.mahau-experiencias-head {
    margin-bottom: 24px;
}


.mahau-experiencias-head > span {
    color: #c680ff;

    font-size: .72rem;

    font-weight: 900;

    letter-spacing: .18em;
}


.mahau-experiencias-head h2 {
    margin:
        7px
        0
        7px;

    color: #fff;

    font-size:
        clamp(
            2rem,
            4vw,
            3.6rem
        );

    font-weight: 950;

    letter-spacing: -.05em;
}


.mahau-experiencias-head p {
    margin: 0;

    color:
        rgba(
            255,
            255,
            255,
            .45
        );
}


.mahau-experiencias-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap: 14px;
}


.mahau-experiencia-card {
    min-height: 150px;

    padding: 22px;

    display: grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap: 16px;

    align-items: center;

    text-decoration: none;

    border-radius: 18px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .07
        );

    background:
        linear-gradient(
            145deg,
            rgba(20,17,24,.95),
            rgba(9,9,11,.98)
        );

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


.mahau-experiencia-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(
            185,
            101,
            255,
            .25
        );

    background:
        linear-gradient(
            145deg,
            rgba(28,20,36,.98),
            rgba(10,10,12,.98)
        );
}


.mahau-experiencia-icon {
    font-size: 1.75rem;
}


.mahau-experiencia-card small {
    display: block;

    margin-bottom: 5px;

    color: #c786ff;

    font-size: .62rem;

    font-weight: 900;

    letter-spacing: .13em;
}


.mahau-experiencia-card h3 {
    margin:
        0
        0
        6px;

    color: #fff;

    font-size: 1.15rem;
}


.mahau-experiencia-card p {
    margin: 0;

    color:
        rgba(
            255,
            255,
            255,
            .43
        );

    font-size: .81rem;

    line-height: 1.5;
}


.mahau-experiencia-card > strong {
    color: #c680ff;

    font-size: 1.4rem;
}


@media (max-width: 850px) {

    .mahau-experiencias-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 500px) {

    .mahau-experiencias-links {
        width:
            calc(
                100% - 28px
            );

        margin:
            50px
            auto;
    }

}