body {
 background: url(../images/seguros1.jpg) !important; 
 background: no-repeat;
}




/* Estilo para el enlace de inicio de sesión */
.signin-btn {
  display: inline-block; /* Hace que el enlace se comporte como un bloque */
  padding: 10px 20px; /* Espaciado interno */
  background-color: #007bff; /* Color de fondo azul */
  color: white; /* Color del texto */
  font-size: 16px; /* Tamaño de la fuente */
  font-weight: bold; /* Fuente en negrita */
  text-decoration: none; /* Elimina el subrayado */
  border-radius: 8px; /* Bordes redondeados */
  border: 2px solid transparent; /* Border inicial transparente */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
  transition: all 0.3s ease; /* Transición suave para cambios */
  text-align: center; /* Centrado del texto */
}

/* Efecto hover */
.signin-btn:hover {
  background-color: #0056b3; /* Cambia el color de fondo cuando pasa el cursor */
  border-color: #0056b3; /* Cambia el borde */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Sombra más pronunciada */
  transform: translateY(-2px); /* Efecto de elevación */
}

/* Media query para hacerlo responsivo */
@media (max-width: 768px) {
  .signin-btn {
    width: 80%; /* Hace el botón más ancho en pantallas pequeñas */
    padding: 12px 0; /* Más padding vertical */
  }
}

  a, .link {
    color: #000000  !important;
    text-decoration: none;
    display: inline;
    margin-bottom: 1px;
}

#nav {
  background:  #0056b3 !important;
  border-radius: 10px;
  }

  #nav li a.active, #nav li a:hover {
    background-color: #0056b3 !important;
  }

  #content h1{ 
    color: #ffffff !important;
    font-size: 25px !important;
  }

  .re-button {
    color: black !important;
  }