.reg-section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* Alinear elementos verticalmente */
}

.reg-form-container {
    background-color: #0047AB; /* Fondo del formulario */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 450px;
    text-align: center;
    margin-bottom: 20px; /* Un espacio después del formulario */
}

.reg-logo {
    width: 200px; /* Aumenta el tamaño del logo (ajusta según sea necesario) */
    margin-bottom: 20px;
    display: block; /* Asegurar que el logo sea un bloque */
    margin-left: auto; /* Centrar horizontalmente */
    margin-right: auto; /* Centrar horizontalmente */
}

.reg-title {
    font-size: 32px; /* Tamaño del título */
    margin-bottom: 20px;
    color: white; /* Texto en color blanco */
}

.reg-form-group {
    margin-bottom: 15px;
    text-align: left;
}

.reg-form-group label {
    display: block;
    margin-bottom: 5px;
    color: white; /* Texto en color blanco */
    font-size: 20px; /* Tamaño de la fuente */
}

.reg-form-group input[type="text"],
.reg-form-group input[type="email"],
.reg-form-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 20px; /* Tamaño de la fuente */
    height: 50px; /* Altura de los campos */
    box-sizing: border-box; /* Asegurar que el padding no afecte el ancho */
}

.reg-celular-group {
    display: flex;
    gap: 10px;
    align-items: center; /* Alinear verticalmente los campos */
}

.reg-celular-group select {
    flex: 1;
    height: 50px; /* Misma altura que el campo de correo */
    font-size: 20px; /* Tamaño de la fuente */
}

.reg-celular-group input {
    flex: 1;
    height: 50px; /* Misma altura que el campo de correo */
    font-size: 20px; /* Tamaño de la fuente */
}

.reg-button {
    width: 100%;
    padding: 10px;
    background-color: #028484; /* Fondo del botón */
    color: white; /* Texto en color blanco */
    border: none;
    border-radius: 4px;
    font-size: 20px; /* Tamaño de la fuente */
    cursor: pointer;
}

.reg-button:hover {
    background-color: #FFD700; /* Efecto hover */
    color: black; /* Texto en color negro */
}

/* Espacio adicional después del formulario */
/* Espacio adicional después del formulario (un solo espacio) */
.reg-spacer {
    height: 20px; /* Un espacio (ajusta según sea necesario) */
}
/* Estilos para Select2 */
.select2-container .select2-selection--single {
    height: 50px !important; /* Misma altura que el campo de correo */
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important; /* Centrar el texto verticalmente */
    color: black !important; /* Texto en color negro */
    font-size: 20px; /* Tamaño de la fuente */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px !important;
}

/* Estilos para las banderas */
.flag-icon {
    margin-right: 8px;
}