/* ============================================================
   NUESTRO EQUIPO 2.0
============================================================ */

.home-team-wrap{
    width:100%;
    padding:85px 0 90px;
    background:
        linear-gradient(
            180deg,
            #f7f8fa 0%,
            #ffffff 100%
        );
}

.home-team-wrap .container{
    width:90%;
    max-width:1280px;
    margin:0 auto;
}


/* ============================================================
   ENCABEZADO
============================================================ */

.home-team-head{
    max-width:650px;
    margin:0 auto 45px;
    text-align:center;
}

.home-team-head::before{
    content:"NUESTRO EQUIPO";
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-bottom:12px;
    padding:6px 14px;

    border-radius:30px;

    background:#f8e9ec;
    color:#98001b;

    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:1.2px;
}

.home-team-head h2{
    margin:0;

    color:#222;

    font-size:36px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.7px;
}

.home-team-head p{
    max-width:520px;
    margin:12px auto 0;

    color:#777;

    font-size:14px;
    line-height:1.6;
    font-weight:400;
}


/* ============================================================
   GRID
============================================================ */

.home-team-grid{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:22px;
}


/* ============================================================
   TARJETA
============================================================ */

.home-team-card{
    position:relative;

    min-width:0;
    min-height:370px;

    padding:32px 22px 22px;

    display:flex;
    flex-direction:column;
    align-items:center;

    overflow:hidden;

    background:#fff;

    border:1px solid #eeeeee;
    border-radius:16px;

    text-align:center;

    box-shadow:
        0 8px 28px
        rgba(0,0,0,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* línea superior elegante */

.home-team-card::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:4px;

    background:#98001b;

    opacity:0;

    transition:opacity .25s ease;
}


.home-team-card:hover{
    transform:translateY(-6px);

    border-color:#ead9dd;

    box-shadow:
        0 18px 38px
        rgba(0,0,0,.10);
}


.home-team-card:hover::before{
    opacity:1;
}


/* ============================================================
   FOTO
============================================================ */

.home-team-avatar{
    width:125px;
    height:125px;

    flex:0 0 125px;

    display:block;

    margin:0 auto 20px;

    border:4px solid #fff;
    border-radius:50%;

    object-fit:cover;
    object-position:center;

    background:#f4f4f4;

    box-shadow:
        0 0 0 1px #ececec,
        0 9px 24px rgba(0,0,0,.11);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.home-team-card:hover .home-team-avatar{
    transform:scale(1.035);

    box-shadow:
        0 0 0 2px rgba(152,0,27,.12),
        0 12px 28px rgba(0,0,0,.14);
}


/* ============================================================
   NOMBRE
============================================================ */

.home-team-name{
    width:100%;

    margin:0;

    color:#222;

    font-size:18px;
    line-height:1.3;
    font-weight:700;
}


/* ============================================================
   CARGO
============================================================ */

.home-team-cargo{
    min-height:39px;

    margin-top:6px;

    display:flex;
    align-items:flex-start;
    justify-content:center;

    color:#98001b;

    font-size:12px;
    line-height:1.4;
    font-weight:600;
}


/* ============================================================
   TELÉFONO
============================================================ */

.home-team-phone{
    max-width:100%;

    margin:16px auto 18px;
    padding:8px 13px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    border-radius:30px;

    background:#f5f6f7;

    color:#555;

    font-size:12px;
    line-height:1;
    font-weight:500;

    white-space:nowrap;
}


.home-team-phone i{
    color:#009b63;

    font-size:13px;
}


/* ============================================================
   VER PERFIL
============================================================ */

.home-team-btn{
    width:100%;
    height:44px;

    margin-top:auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid #98001b;
    border-radius:7px;

    background:#98001b;

    color:#fff;

    text-decoration:none;

    font-size:12px;
    font-weight:600;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.home-team-btn:hover{
    background:#760015;
    color:#fff;

    transform:translateY(-1px);
}


/* ============================================================
   BOTÓN TODO EL EQUIPO
============================================================ */

.home-team-footer{
    margin-top:38px;

    text-align:center;
}


.home-team-all{
    min-width:205px;
    height:46px;

    padding:0 24px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:1px solid #98001b;
    border-radius:30px;

    background:#fff;

    color:#98001b;

    text-decoration:none;

    font-size:12px;
    font-weight:700;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.home-team-all:hover{
    background:#98001b;

    color:#fff;

    transform:translateY(-2px);
}


/* ============================================================
   TABLET
============================================================ */

@media(max-width:1000px){

    .home-team-wrap{
        padding:65px 0 70px;
    }

    .home-team-wrap .container{
        width:92%;
    }

    .home-team-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:18px;
    }

}


/* ============================================================
   TABLET PEQUEÑA
============================================================ */

@media(max-width:760px){

    .home-team-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ============================================================
   MÓVIL
============================================================ */

@media(max-width:520px){

    .home-team-wrap{
        padding:52px 0 58px;
    }


    .home-team-wrap .container{
        width:92%;
    }


    .home-team-head{
        margin-bottom:30px;
    }


    .home-team-head::before{
        margin-bottom:10px;

        padding:5px 11px;

        font-size:9px;
    }


    .home-team-head h2{
        font-size:27px;
        letter-spacing:-.4px;
    }


    .home-team-head p{
        margin-top:8px;

        font-size:12px;
        line-height:1.5;
    }


    .home-team-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:10px;
    }


    .home-team-card{
        min-height:300px;

        padding:
            22px
            12px
            12px;

        border-radius:12px;
    }


    .home-team-avatar{
        width:88px;
        height:88px;

        flex-basis:88px;

        margin-bottom:14px;

        border-width:3px;
    }


    .home-team-name{
        font-size:13px;
        line-height:1.25;
    }


    .home-team-cargo{
        min-height:34px;

        margin-top:5px;

        font-size:9px;
        line-height:1.3;
    }


    .home-team-phone{
        margin:
            10px
            auto
            12px;

        padding:7px 8px;

        gap:4px;

        font-size:9px;
    }


    .home-team-phone i{
        font-size:10px;
    }


    .home-team-btn{
        height:38px;

        border-radius:6px;

        font-size:10px;
    }


    .home-team-footer{
        margin-top:28px;
    }


    .home-team-all{
        min-width:190px;
        height:43px;

        font-size:11px;
    }

}