/* Imagen de fondo para toda la página */
body {
    background-image: url('../img/fondo.jpg'); /* Ruta de la imagen de fondo */
    background-size: cover; /* Ajustar la imagen para cubrir toda la página */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-attachment: fixed; /* Fijar la imagen de fondo */
}

#formSection {
    background-color: white; /* Fondo blanco */
    padding: 20px; /* Espaciado interno */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra para el formulario */
}
/* Fijar el ancho de las columnas */
#data-table th:nth-child(1), #data-table td:nth-child(1) {
    width: 50px; /* Ancho para la columna ID */
}
#data-table th:nth-child(2), #data-table td:nth-child(2) {
    width: 150px; /* Ancho para la columna Nombre */
}
#data-table th:nth-child(3), #data-table td:nth-child(3) {
    width: 150px; /* Ancho para la columna Apellido */
}
#data-table th:nth-child(4), #data-table td:nth-child(4) {
    width: 150px; /* Ancho para la columna Fecha de Nacimiento */
}
#data-table th:nth-child(5), #data-table td:nth-child(5) {
    width: 150px; /* Ancho para la columna Teléfono */
}
#data-table th:nth-child(6), #data-table td:nth-child(6) {
    width: 200px; /* Ancho para la columna Email */
}
#data-table th:nth-child(7), #data-table td:nth-child(7) {
    width: 100px; /* Ancho para la columna Acciones */
}

/* Ajustar la altura de los botones en las filas de la tabla */
#data-table .btn {
    height: 30px; /* Ajusta esta altura según tus necesidades */
    padding: 5px 10px; /* Ajusta el relleno según tus necesidades */
    font-size: 14px; /* Ajusta el tamaño de la fuente según tus necesidades */
}