.compartir{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 100%;
    background: #f6f6f6;
}
.compartir h1{
    font-size: clamp(1.2rem, 3vw, 2.5rem);
    font-weight: 400;
    width: max-content;
    padding: .5rem;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0, .080);
}
.compartir .container{
    padding: .5rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    row-gap:1rem;
    box-shadow: 0 3px 5px rgba(0,0,0, .180);
}
.compartir .container h2{
    font-size: clamp(1rem, 3vw, 1.3rem);
    padding: .5rem;
    border-radius: 3px;
    color: #eee;
    background: #333;
    box-shadow: 0 5px 8px rgba(0,0,0, .3);
}
.compartir .container .itemsCont{
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    width: 100%;
    gap: .5rem;
    row-gap: 1rem;
}




.compartir .container .itemsCont .card{
    background: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .3rem;
    box-shadow: 0 5px 8px rgba(0,0,0, .130);
    overflow: hidden;
    border: 1px solid #eee;
}
.compartir .container .itemsCont .card h3{
    color: #474747;
    font-weight: 500;
    padding: .3rem 0;
    font-size: clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid #eee;
    margin-left: .5rem;
}
.compartir .container .itemsCont .card h5{
    margin-inline: .5rem;
    font-size: clamp(1.3rem, 3vw, 1.7rem);
}

.compartir .container .itemsCont .card p{
    font-weight: 500;
    font-size: clamp(.7rem, 2vw, .9rem);
    margin-inline: .5rem;
    color: #555;
    font-style: oblique;
}
.compartir .container .itemsCont .card .sizeCont{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: auto;
    gap: .5rem;


}
.compartir .container .itemsCont .card .sizeCont h4{
    font-size: clamp(.7rem, 2vw, 1rem);
    padding: .5rem;
    border-radius: .3rem;
    margin-left: auto;
    color: #000000;
    font-weight: 400;
}
.compartir .container .itemsCont .card .sizeCont h4 span{
    font-size:2rem;
    font-weight: bolder;
}
.compartir .container .itemsCont .card .sizeCont h4 span strong{
    font-size:clamp(.6rem, 2vw, .9rem);
    font-weight: 500;
}