

/* APLICA A PAGINA DE INGRESO Y MODIFICACIÓN*/

body {
  background-image: url	('../img/Fondos/Huellaas.png'); /* Ruta de tu imagen */
  background-size: cover;        /* La imagen cubre toda la pantalla */
  background-position: center;   /* Centrada */
  background-repeat: no-repeat;  /* No repetir */
  background-attachment: fixed;  /* Efecto parallax */
  color: #000000;              /* Color del texto */
  font-family: sans-serif;       /* Fuente general */
  line-height: 1.6;
  padding: 0 1rem;
  text-decoration: none;
}

h2 {text-align: center;}

form {padding: 20px; border-radius: 30px; max-width: 500px; margin: auto;}

label {display: block; margin-top: 10px; font-weight: bold;}

input, select, textarea {width: 100%; padding: 8px; margin-top: 5px; box-sizing: border-box;}

input[type="submit"], [type="button"] {background-color: #0a98b1; color: #fff; border: none; padding: 10px; margin-top: 15px; cursor: pointer; box-shadow: 5px 5px 10px rgba(0,0,0,0.21);}

input[type="submit"]:hover, [type="button"]:hover {background-color: #df6311;}

textarea {height: 250px; resize: vertical;}


/* APLICA A PAGINA CONSULTA*/

table {width: 100%; border-collapse: collapse; margin-top: 20px;}

th, td {border: 1px solid #000000; padding: 8px; text-align: center;}

th {background: #0a98b1; color: #fff; font-size: 13px; font-weight: bold;}

img {border-radius: 5px;}

a {display: inline-block; margin: 10px; padding: 10px 20px; background-color: #0a98b1;color: #FFFFFF;
text-decoration: none; border-radius: 10px; font-weight: bold; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.21);}

a:hover {background-color: #df6311;}

.centrar-boton {text-align: center; margin-top: 25px;}

@media print {
  a, .centrar-boton {
    display: none !important;
  }

  /* Ocultar la columna ACCIONES completa */
  .no-print {
    display: none !important;
  }
}


