#registro-container {
    width: 100%;
    padding: 0 48px;
}

#registro-container a {
    color: #1f73f1;
}

#step-1,
#step-2,
#step-3,
#step-4,
#step-1-5 {
    padding: 32px;
    border-radius: 0px;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#logup-form,
.docs-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#create-expediente-form {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#registro-container input[type="text"],
#registro-container input[type="email"],
#registro-container input[type="password"],
#registro-container input[type="number"],
#registro-container input[type="date"],
#registro-container input[type="tel"] {
    width: 100%;
    padding: 8px 15px;
    border-radius: 0px;
    outline: none;
    border: 1px solid #212121;
}

#registro-container input[type="submit"],
#registro-container input[type="button"],
#registro-container button {
    background-color: #4472c4;
    border-radius: 0px;
}

#registro-container h3 {
    font-weight: 600;
    margin: 0;
}

#step-2 fieldset {
    border: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.step-2-date-container,
.step-2-motivo-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.step-1-buttons {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

#step-3,
#step-4 {
    text-align: center;
}

.step-3-header,
.step-4-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.docs-buttons-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#registro-container .docs-buttons-container .upload-section {
    width: 100%;
}

#registro-container .docs-buttons-container button.doc-btn {
    width: 100%;
    background-color: transparent;
    border: 1px solid #212121;
    color: black;
    padding: 12px;
}

#registro-container .docs-buttons-container button.doc-btn.uploaded {
    background-color: #a3a3a3;
    border: none;
    color: white;
}

.app-banner {
    display: flex;
    gap: 32px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.app-banner-img-container {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.app-banner-img-container img {
    width: 140px;
}

.active h5 {
    font-weight: 600;
}

#banner-1,
#banner-2 {
    display: none;
}

@media (max-width: 1024px) {
    #registro-container {
        padding: 0px;
    }

    #step-bar-1.active,
    #step-bar-2.active,
    #step-bar-3.active,
    #step-bar-4.active {
        background-color: #1f73f1;
    }

    #step-1,
    #step-2,
    #step-3,
    #step-4,
    #step-1-5 {
        border: none;
        padding: 0px;
    }

    .step-3-header,
    .step-4-header {
        gap: 0px;
    }

}