body, html {
    margin: 0;
    padding: 0;
    background-color: #272626; /* Cambia al color de fondo de tu preferencia */
    font-family: Arial, sans-serif;
}

.form-container {
    width: 100%;
    max-width: 500px; /* O el ancho que prefieras */
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

.form-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.form-header button {
    background: none;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-bottom: 3px solid transparent; /* Subrayado transparente para botones no activos */
    color: #333;
}

.form-header button.active-tab {
    border-bottom: 3px solid #007bff; /* Color de subrayado para el botón activo */
    font-weight: bold;
}

.profile-form h1 {
    margin-bottom: 20px;
    color: #333;
}

.input-group {
    margin-bottom: 15px;
}

.input-group label {
    display: block;
    color: #333;
    margin-bottom: 5px;
}

.input-group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.submit-btn {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background-color: #007bff; /* Cambia al color de botón de tu preferencia */
    color: white;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
}

.submit-btn:hover {
    background-color: #0056b3; /* Color más oscuro al pasar el ratón */
}
/* Estilos específicos para el formulario de agencia, reemplaza o ajusta según sea necesario */
.agencia-registro {
    background-color: #FFF; /* Fondo blanco para el contenedor */
    padding: 20px;
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
    width: auto; /* O el ancho que prefieras */
    margin: 40px auto; /* Centrado con margen arriba y abajo */
}

.agencia-registro .tabs {
    display: flex;
    justify-content: space-between;
    list-style-type: none; /* Quita los estilos de lista por defecto */
    padding: 0;
    margin-bottom: 20px;
}

.agencia-registro .tabs .tab {
    background: #DDD;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
}

.agencia-registro .tabs .tab.active {
    background-color: #007bff;
    color: #FFF;
}

.agencia-registro h1 {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}

.agencia-registro label {
    display: block;
    margin-bottom: 5px;
}

.agencia-registro input[type="text"],
.agencia-registro input[type="tel"],
.agencia-registro input[type="email"],
.agencia-registro select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.agencia-registro .submit-btn {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    margin-top: 10px;
    cursor: pointer;
}

.agencia-registro .submit-btn:hover {
    background-color: #0056b3;
}
/* Ajustes generales para los inputs y selects del formulario */
.agencia .input-group input,
.agencia .input-group select {
    width: 100%; /* Ocupan todo el ancho del contenedor */
    padding: 15px; /* Espaciado interno más amplio */
    margin-bottom: 20px; /* Espacio debajo de cada campo */
    border: 1px solid #cccccc; /* Borde más claro que en la imagen */
    border-radius: 5px; /* Bordes ligeramente redondeados */
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); /* Sombra interior para dar profundidad */
    font-size: 16px; /* Tamaño de fuente adecuado */
}

/* Estilo específico para el selector dropdown para emular la imagen proporcionada */
.agencia .input-group select {
    -webkit-appearance: none; /* Remueve el estilo predeterminado en Webkit/Blink */
    -moz-appearance: none;    /* Remueve el estilo predeterminado en Firefox */
    appearance: none;         /* Remueve el estilo predeterminado en estándares (no soportado en todos los navegadores) */
    background-color: white; /* Fondo blanco para el selector */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill="%23007bff" d="M6.5 7L10 10.5L13.5 7z"/></svg>'); /* Icono de flecha */
    background-repeat: no-repeat;
    background-position: right 10px top 50%; /* Posición del icono de flecha */
    cursor: pointer;
}

.agencia .input-group label {
    color: #333;
    font-size: 18px; /* Tamaño de fuente más grande para las etiquetas */
    margin-bottom: 10px;
}

/* Estilo para botón de 'Crear cuenta' */
.agencia .submit-btn {
    width: auto; /* Ajusta el ancho según el contenido del botón */
    padding: 10px 30px; /* Espaciado interno más amplio */
    background-color: #007bff; /* Color de fondo azul */
    color: white; /* Texto blanco */
    border-radius: 20px; /* Bordes redondeados */
    border: none; /* Sin borde */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Sombra para dar efecto elevado */
    cursor: pointer;
    display: block; /* Hacer que el botón sea un bloque para centrarlo */
    margin: 20px auto; /* Centrar el botón horizontalmente */
    font-size: 18px; /* Tamaño de fuente más grande para el botón */
}

.agencia .submit-btn:hover {
    background-color: #0056b3; /* Color más oscuro al pasar el ratón */
}

/* Estilo para el contenedor del formulario */
.agencia .form-container {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Sombra suave alrededor del formulario */
    /* ... restante del CSS ... */
}
.agencia .input-group input,
.agencia .input-group select {
    width: calc(100% - 20px); /* Ajusta el ancho para tener en cuenta el padding */
    padding: 10px; /* Asegúrate de que el padding no haga que el elemento sea demasiado ancho */
    margin-bottom: 15px; /* Margen debajo de cada campo */
    border: 1px solid #ccc;
    border-radius: 4px; /* Bordes ligeramente redondeados */
}
/* Estilos para los labels */
.agencia .input-group label {
    display: block;
    margin-bottom: 5px;
    /* Resto de tus estilos... */
}