.elementor-7369 .elementor-element.elementor-element-eaa257e{--display:flex;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-7369 .elementor-element.elementor-element-4620f9e{padding:10px 10px 0px 10px;}.elementor-7369 .elementor-element.elementor-element-4620f9e .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:21px;font-weight:400;}.elementor-7369 .elementor-element.elementor-element-3499294{padding:10px 10px 0px 10px;}.elementor-7369 .elementor-element.elementor-element-3499294 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:50px;font-weight:700;text-transform:none;color:#53464C;}.elementor-7369 .elementor-element.elementor-element-9f8f7fa{padding:10px 10px 10px 10px;}.elementor-7369 .elementor-element.elementor-element-9f8f7fa .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:21px;font-weight:600;}/* Start custom CSS for html, class: .elementor-element-fcb7f00 *//* =====================================================
   BLISSMKT - NUESTRO EQUIPO
===================================================== */

:root{
    --primary:#ff4f9b;
    --text:#161616;
    --gray:#666;
    --border:#efefef;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Montserrat,sans-serif;
}

/*======================================
FILTROS
======================================*/

.team-filters{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;
    margin:40px 0 70px;
}

.filter-btn{

    background:#fff;
    border:1px solid transparent;

    padding:12px 28px;

    border-radius:999px;

    font-size:15px;
    font-weight:500;

    cursor:pointer;

    transition:.35s;
}

.filter-btn:hover{

    color:var(--primary);

}

.filter-btn.active{

    border:1.5px solid var(--primary);

    color:var(--primary);

}

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

.team-grid{

    display:grid;

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

    gap:32px;

}

/*======================================
CARD
======================================*/

.team-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid #f4f4f4;

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

    transition:.35s;

}

.team-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 22px 45px rgba(0,0,0,.12);

}

/*======================================
IMAGEN
======================================*/

.team-photo{

    height:300px;

    display:flex;

    align-items:flex-end;

    justify-content:center;

    background:#fafafa;

    overflow:hidden;

}

.team-photo img{

    width:100%;

    height:100%;

    object-fit:contain;

    object-position:bottom;

    transition:.35s;

}

.team-card:hover img{

    transform:scale(1.03);

}

/*======================================
INFO
======================================*/

.team-info{

    padding:22px;

    min-height:130px;

    display:flex;

    flex-direction:column;

}

.team-name{

    font-size:19px;

    font-weight:700;

    color:var(--text);

    margin-bottom:6px;

}

.team-role{

    color:var(--primary);

    font-size:15px;

    line-height:1.45;

    margin-bottom:auto;

}

/*======================================
LINKEDIN
======================================*/

.team-social{

    margin-top:18px;

}

.team-social a{

    width:34px;

    height:34px;

    border-radius:50%;

    border:2px solid var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--primary);

    text-decoration:none;

    font-weight:700;

    font-size:15px;

    transition:.3s;

}

.team-social a:hover{

    background:var(--primary);

    color:#fff;

}

/*======================================
OCULTAR
======================================*/

.team-card.hide{

    display:none;

}

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

@media(max-width:1200px){

.team-grid{

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

}

}

/*======================================
MOBILE
======================================*/

@media(max-width:768px){

.team-grid{

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

gap:18px;

}

.team-photo{

height:230px;

}

.team-info{

padding:18px;

}

.team-name{

font-size:18px;

}

.team-role{

font-size:14px;

}

.filter-btn{

padding:10px 20px;

font-size:14px;

}

}

@media(max-width:560px){

.team-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */