/* =========================================================
   COSTA MODERNA V37
   EQUIPO EN 4 COLUMNAS + FOTO COMPACTA + BOTÓN DESTACADO
   ========================================================= */

/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.modern-team-grid-v35 {
    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        18px;
}


/* ---------------------------------------------------------
   TARJETA
   --------------------------------------------------------- */

.modern-team-card-v35 {
    display:
        flex;

    flex-direction:
        column;

    border-radius:
        22px;

    box-shadow:
        0
        16px
        42px
        rgba(
            21,
            52,
            82,
            .07
        );
}


.modern-team-card-v35:hover {
    transform:
        translateY(
            -5px
        );

    box-shadow:
        0
        25px
        55px
        rgba(
            21,
            52,
            82,
            .13
        );
}


/* ---------------------------------------------------------
   FOTO MÁS CHICA
   --------------------------------------------------------- */

.modern-team-photo-v35 {
    aspect-ratio:
        4 /
        3.25;

    flex:
        0
        0
        auto;
}


.modern-team-photo-v35 img {
    object-position:
        center
        24%;
}


.modern-team-category-v35,
.modern-team-property-count-v35 {
    top:
        12px;

    padding:
        7px
        10px;

    font-size:
        8px;
}


.modern-team-category-v35 {
    left:
        12px;
}


.modern-team-property-count-v35 {
    right:
        12px;
}


/* ---------------------------------------------------------
   CUERPO
   --------------------------------------------------------- */

.modern-team-card-body-v35 {
    display:
        flex;

    flex:
        1;

    flex-direction:
        column;

    padding:
        19px;
}


.modern-team-card-heading-v35 h3 {
    font-size:
        22px;

    line-height:
        1.08;
}


.modern-team-card-heading-v35 small {
    margin-top:
        7px;

    font-size:
        9px;
}


.modern-team-card-body-v35
> p {
    display:
        -webkit-box;

    min-height:
        66px;

    margin:
        13px
        0
        15px;

    overflow:
        hidden;

    color:
        #5e7289;

    font-size:
        12.5px;

    line-height:
        1.55;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;
}


/* ---------------------------------------------------------
   DATOS DE CONTACTO MÁS LEGIBLES
   --------------------------------------------------------- */

.modern-team-contact-list-v36 {
    gap:
        7px;

    margin:
        auto
        0
        15px;
}


.modern-team-contact-item-v36 {
    grid-template-columns:
        39px
        minmax(
            0,
            1fr
        )
        28px;

    gap:
        9px;

    min-height:
        54px;

    padding:
        7px
        9px;

    border-radius:
        13px;
}


.modern-team-contact-icon-v36 {
    width:
        39px;

    height:
        39px;

    border-radius:
        11px;
}


.modern-team-contact-icon-v36 svg {
    width:
        18px;

    height:
        18px;
}


.modern-team-contact-copy-v36 small {
    margin-bottom:
        2px;

    font-size:
        9px;
}


.modern-team-contact-copy-v36 strong {
    overflow:
        visible;

    color:
        #183650;

    font-size:
        12px;

    line-height:
        1.3;

    text-overflow:
        initial;

    white-space:
        normal;

    overflow-wrap:
        anywhere;
}


.modern-team-contact-arrow-v36 {
    width:
        27px;

    height:
        27px;
}


/* ---------------------------------------------------------
   VER PERFIL COMO BOTÓN REAL
   --------------------------------------------------------- */

.modern-team-profile-link-v35 {
    min-height:
        55px;

    padding:
        0
        17px;

    border:
        1px solid
        var(
            --modern-blue,
            #1765e8
        );

    border-radius:
        14px;

    color:
        #fff;

    background:
        var(
            --modern-blue,
            #1765e8
        );

    box-shadow:
        0
        11px
        25px
        rgba(
            23,
            101,
            232,
            .20
        );

    font-size:
        14px;

    font-weight:
        900;
}


.modern-team-profile-link-v35
> span {
    line-height:
        1.2;
}


.modern-team-profile-link-v35
strong {
    display:
        grid;

    place-items:
        center;

    width:
        31px;

    height:
        31px;

    flex:
        0
        0
        auto;

    border-radius:
        10px;

    color:
        #fff;

    background:
        rgba(
            255,
            255,
            255,
            .17
        );

    font-size:
        15px;
}


.modern-team-profile-link-v35:hover {
    color:
        #fff;

    border-color:
        #0f55c6;

    background:
        #0f55c6;

    transform:
        translateY(
            -2px
        );

    box-shadow:
        0
        15px
        30px
        rgba(
            23,
            101,
            232,
            .28
        );
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (
    max-width:
    1280px
) {
    .modern-team-grid-v35 {
        grid-template-columns:
            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            );
    }
}


@media (
    max-width:
    940px
) {
    .modern-team-grid-v35 {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }
}


@media (
    max-width:
    620px
) {
    .modern-team-grid-v35 {
        grid-template-columns:
            1fr;
    }


    .modern-team-photo-v35 {
        aspect-ratio:
            4 /
            3.15;
    }


    .modern-team-card-heading-v35 h3 {
        font-size:
            24px;
    }


    .modern-team-card-body-v35
    > p {
        min-height:
            0;

        font-size:
            13px;

        -webkit-line-clamp:
            4;
    }


    .modern-team-contact-copy-v36 strong {
        font-size:
            13px;
    }


    .modern-team-profile-link-v35 {
        min-height:
            58px;

        font-size:
            15px;
    }
}