/* ===== GRID 5 COLUMNAS ===== */

@media(min-width:1400px){

    .col-xl-2-4{
        width:20%;
    }

}

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

.wa-card{

    position:relative;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 4px 20px rgba(0,0,0,.08);

    transition:.3s;

    height:100%;

}

.wa-card:hover{

    transform:translateY(-6px);

    box-shadow:0 10px 25px rgba(0,0,0,.15);

}

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

.wa-image{

    height:220px;

    overflow:hidden;

}

.wa-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

/* ===== BADGE ===== */

.wa-badge{

    position:absolute;

    top:10px;

    left:10px;

    z-index:10;

    background:#ff7f4d;

    color:#fff;

    font-weight:700;

    font-size:14px;

    padding:4px 10px;

    border-radius:8px;

}

/* ===== SHARE ===== */

.wa-share{

    position:absolute;

    top:12px;

    right:12px;

    width:46px;

    height:46px;

    border-radius:50%;

    background:#ff7f4d;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:10;

    font-size:18px;

}

/* ===== BODY ===== */

.wa-body{

    padding:18px;

}

.wa-title{

    font-size:15px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:12px;

    color:#1e2f4d;

}

/* ===== CHECK ===== */

.wa-check{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:22px;

    height:22px;

    border-radius:50%;

    background:#12b347;

    color:#fff;

    font-size:12px;

    margin-left:5px;

}

/* ===== DIRECCION ===== */

.wa-location{

    color:#5c6678;

    font-size:15px;

    line-height:1.5;

    margin-bottom:12px;

}

.wa-location i{

    color:#8d59c2;

}

/* ===== EDADES ===== */

.wa-age{

    color:#4d5667;

    font-size:16px;

    margin-bottom:15px;

}

.wa-age i{

    color:#8d59c2;

}

/* ===== ICONOS ===== */

.wa-icons{

    display:flex;

    gap:14px;

    flex-wrap:wrap;

    margin-bottom:18px;

}

.wa-icons i{

    color:#8d59c2;

    font-size:20px;

}

/* ===== BOTON ===== */

.wa-btn{

    display:inline-block;

    padding:10px 20px;

    border-radius:25px;

    background:#14a4e8;

    color:#fff;

    text-decoration:none;

    font-weight:700;

}

.wa-btn:hover{

    background:#0d8ac7;

    color:#fff;

}

/* ===== RESPONSIVE ===== */

@media(max-width:768px){

    .wa-image{

        height:200px;

    }

    .wa-title{

        font-size:22px;

    }

}