body {
    font-family: Arial, sans-serif;
    text-align: center;
}

table {
    margin: auto;
    border-collapse: collapse;
    width: 60%;
    border: 1px solid black; /* Define un borde en la tabla */
}

th {
    font-weight: bold;
    background-color: #d3d3d3; /* Gris claro */
    color: black;
    padding: 10px;
}

td {
    padding: 10px;    
}


th, td {
    border: 1px solid black; /* Agrega bordes a todas las celdas */
}


button.eliminar {
    color: red;
}

p {
    cursor: pointer;
}

.seleccionado {
    color: blue;
}


label {
    margin-right: 10px;
    font-weight: bold;
}

.form-group button {
    display: block; /* Asegura que el botón ocupe su propia línea */
    margin: 0 auto; /* Lo centra horizontalmente */
}

.form-group {
    display: flex;
    justify-content: center; /* Centra los elementos horizontalmente */
    align-items: center; /* Alinea verticalmente */
    margin-bottom: 20px;
    width: 100%;
}

.etiqueta {
    text-align: right;
    width: 150px; /* Ajusta este valor según el ancho de 'Localidad' */
    font-weight: bold;
    display: inline-block; /* Asegura que todas las etiquetas tengan el mismo ancho */
}


input {
    width: 200px;
    text-align: left;   /* Alinea el texto dentro del cuadro de entrada */
}

#formulario .form-group:first-child .etiqueta {
    position: relative;
    left: -15px; /* Aproximadamente 3 caracteres */
}

#formulario .form-group:first-child input {
    position: relative;
    left: -1px; /* Aproximadamente 5 caracteres */
}