body{

    background:#f4f6f8;

}

.uk-card{

    margin-top:50px;

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

}

h1{

    font-weight:700;

}

.drop-zone{

    min-height:320px;

    border:3px dashed #1E87F0;

    border-radius:18px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    background:#ffffff;

    cursor:pointer;

    transition:.30s;

}

.drop-zone:hover{

    background:#EEF7FF;

}

.drop-zone.drag{

    background:#D9ECFF;

    border-color:#0066CC;

    transform:scale(1.02);

}

.drop-zone span{

    color:#1E87F0;

    margin-bottom:20px;

}

.drop-zone h2{

    margin:0;

    font-size:30px;

    font-weight:700;

}

.drop-zone p{

    margin-top:10px;

    color:#777;

}

.preview-grid{

    margin-top:30px;

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(180px,1fr));

    gap:20px;

}

.preview-item{

    position:relative;

}

.preview-item img{

    width:100%;

    height:170px;

    object-fit:cover;

    border-radius:12px;

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

}

.preview-item button{

    position:absolute;

    top:8px;

    right:8px;

    width:34px;

    height:34px;

    border:none;

    border-radius:50%;

    background:#ff3b30;

    color:#fff;

    cursor:pointer;

    font-size:20px;

}

#contador{

    margin-top:20px;

    font-weight:600;

}