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

body{

    font-family:'Inter',sans-serif;

    background:#fff;
}

/****************************************/

.worldcup{

    width:100%;
}

/****************************************/

.worldcup-header{

    padding:10px 18px;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    border-bottom:1px solid #ececec;

    color:#222;

    background:#fff;
}

/****************************************/

.worldcup-strip{

    display:flex;

    gap:16px;

    width:100%;

    padding:16px;

}

/****************************************/

.match{

    flex:1;

    background:#fff;

    border:1px solid #e6e6e6;

    border-radius:10px;

    padding:15px;

    text-align:center;

    box-shadow:0 2px 6px rgba(0,0,0,.06);

    transition:.25s;
}

.match:hover{

    transform:translateY(-3px);

    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

/****************************************/

.flags{

    display:flex;

    justify-content:space-around;

    align-items:center;

    margin-bottom:12px;
}

.flags img{

    width:42px;

    height:42px;

    object-fit:contain;
}

/****************************************/

.teams{

    font-size:17px;

    font-weight:600;

    color:#222;

    line-height:1.4;
}

.teams span{

    color:#0077D9;

    font-size:20px;

    font-weight:700;

    margin:0 8px;
}

/****************************************/

.date{

    margin-top:8px;

    font-size:12px;

    color:#888;

    text-transform:uppercase;

    letter-spacing:.5px;
}

/****************************************/
/************** TABLET ******************/
/****************************************/

@media(max-width:991px){

.worldcup-strip{

    flex-wrap:wrap;

}

.match{

    flex:0 0 calc(50% - 8px);

}

}

/****************************************/
/************** MOVIL *******************/
/****************************************/

@media(max-width:768px){

.worldcup-strip{

    flex-wrap:nowrap;

    overflow-x:auto;

    gap:12px;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;

}

.worldcup-strip::-webkit-scrollbar{

    display:none;

}

.match{

    flex:0 0 100%;

}

}