main {
    width: 100%;
    background: var(--background-main);
    min-height: calc(100vh - 141px);
    justify-content: normal;
    padding-top: 5%;
}
form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    width: 60%;
    align-items: center;
}
#register_proteccion_datos main{
    padding-top: 0%;
}
form h2, h2 {
    color: var(--color-h2);
    text-transform: uppercase;
}

form select[name=type] {
    border: 2px var(--border-select-type) solid;
    padding: 5px;
    font-size: var(--font-size-select);
    color: var(--color-select-text);
    width: calc(30vw);
    margin-bottom: 30px;
}

form button[name=submit],
form button[name=registre],
form button[id=user_registration_submit],
form button[id=consorci_registration_submit],
form button[id=empresa_registration_submit],
form button[id=entidad_colaboradora_registration_submit],
form button[id=entidad_representativa_registration_submit],
form button[id=formador_registration_submit]{
    border: 0;
    background: var(--background-button);
    padding: 10px 20px;
    border-radius: 5px;
    font-size: var(--font-size-button);
    color: var(--color-button-text);
    font-weight: bold;
    width: 30vw;
    text-transform: uppercase;
    margin-bottom: 30px;
}

form input,
form select {
    border: 2px var(--border-input) solid;
    padding: 5px 0px;
    font-size: var(--font-size-input);
    color: var(--color-input-text);
    text-align: center;
}

form input::placeholder {
    color: var(--color-placeholder);
}


.select2-search--dropdown,
.select2-container--default .select2-results__option[aria-disabled=true]{
    display: none;
}

.select2-dropdown {
    background-color: var(--background-header-links);
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: var(--background-button);
color: white;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: none;
}









/* Proteccion datos */

#register_proteccion_datos section#proteccion_datos {
    max-width: var(--max-width);
    padding: 20px;
    background: var(--background-proteccion-datos);
}
/* Estilo para la sección de protección de datos */
#register_proteccion_datos section#proteccion_datos,
#register_proteccion_datos #register_success section#proteccion_datos,
#register_proteccion_datos section#proteccion_datos.register_success_proteccion_datos {
    max-width: 1280px;
    padding: 20px;
    background: var(--background-proteccion-datos);
}

/* Ajustes generales para vistas de protección de datos */
#register_proteccion_datos h2 {
    color: var(--color-h2);
    font-weight: normal;
}

#register_proteccion_datos section h3 {
    color: var(--color-h3);
    font-weight: bold;
}

#register_proteccion_datos section p {
    color: var(--color-text);
}

#register_proteccion_datos section label {
    color: var(--color-label);
}

#register_proteccion_datos section a {
    color: var(--color-link);
    font-weight: bold;
    font-size: var(--font-size-link);
}

#register_proteccion_datos section a:hover {
    color: var(--color-link-hover-text);
    background: var(--background-link-hover);
}

#register_proteccion_datos section hr {
    border: 1px solid var(--border-section);
    font-weight: bold;
    margin: 40px 0;
}

/* Estilo para el botón */
#register_proteccion_datos form div:last-child {
    display: flex;
    justify-content: center;
}

#register_proteccion_datos form div:last-child button {
    padding: 10px 70px;
    font-weight: bold;
    font-size: var(--font-size-button);
    background-color: var(--background-button);
    border: none;
    color: var(--color-button-text);
    cursor: pointer;
    margin-top: 50px;
}

#register_proteccion_datos main  #proteccion_datos form  > div{
    width: 100%;
}

#register_proteccion_datos main  #proteccion_datos form  > div.form_group input{
    width: 2em;
}

#register_proteccion_datos main  #proteccion_datos form  > hr {
    width: 100%;
}

#register_proteccion_datos main  #proteccion_datos form  > div.info_text {
    color: darkgray;
}

#register_proteccion_datos section#proteccion_datos form{
    width: 100%
}

.modal-body div.form-group.current_password,
.modal-body div.form-group.first,
.modal-body div.form-group.form-group second{
    width: 350px;
}

#register_proteccion_datos section#proteccion_datos{
    padding: 20px 50px;
}