/* Upload immagini */



.upload-box {

    border: 3px dashed #0d6efd;

    border-radius: 18px;

    padding: 40px;

    text-align: center;

    background: #f8fbff;

    cursor: pointer;

    transition: all .30s ease;

    display: block;

}



.upload-icon {

    font-size: 55px;

    color: #0d6efd;

    margin-bottom: 20px;

}



.upload-title {

    display: block;

    font-size: 22px;

    font-weight: 700;

    color: #1d3557;

    margin-bottom: 10px;

}



.upload-info {

    display: block;

    font-size: 15px;

    color: #666;

    margin-bottom: 25px;

}



.upload-counter {

    display: inline-block;

    padding: 10px 20px;

    background: white;

    border-radius: 30px;

    border: 2px solid #0d6efd;

    color: #0d6efd;

    font-weight: bold;

}



.upload-tips {

    margin-top: 20px;

    padding: 18px;

    background: #f8fbff;

    border-left: 5px solid #0078d4;

    border-radius: 10px;

}



.upload-box:hover {

    background: #eef6ff;

    border-color: #0b5ed7;

    transform: translateY(-2px);

    box-shadow: 0 8px 25px rgba(0,0,0,.08);

}



.upload-box.dragover {

    background: #dbeeff;

    border-color: #0b5ed7;

    transform: scale(1.02);

}





.upload-tips h5 {

    color: #0056b3;

    margin-bottom: 12px;

}



.upload-tips ul {

    margin: 0;

    padding-left: 20px;

}



.upload-tips li {

    margin-bottom: 8px;

    color: #444;

}



.preview-item img {

    width: 130px;

    height: 130px;

    object-fit: cover;

    border-radius: 10px;

    border: 2px solid #ddd;

}



.preview-container {

    display: none;

    margin-top: 30px;

}





.preview-grid {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    margin-top: 15px;

}



.preview-item {

    position: relative;

}



.remove-photo {

    position: absolute;

    top: -8px;

    right: -8px;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    border: none;

    background: #d32f2f;

    color: white;

    cursor: pointer;

    font-weight: bold;

}



.upload-message {

    margin-top: 15px;

    color: #d32f2f;

    font-weight: 600;

    text-align: center;

}