/* Estilos para el contenedor de registro de propietarios */
.register-container {
  margin-top: 20px;
  padding: 20px;
  background-color: #f0f0f0; /* Fondo claro */
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Sombra ligera */
  text-align: center;
  animation: fadeInUp 1.5s ease-in;
}

.register-container p {
  color: #2E236C;
  font-size: 16px;
  margin-bottom: 15px;
  animation: fadeIn 1.5s ease-in;
}

/* Estilos para el botón de registro */
.register-btn {
  display: inline-block;
  padding: 12px 25px;
  background-color: #2E236C; /* Púrpura oscuro */
  color: #fff; /* Texto blanco */
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
  animation: pulse 1.8s ease-in-out;
}

.register-btn:hover {
  background-color: #433D8B; /* Cambio de color al pasar el cursor */
}

/* Keyframes para animaciones (los mismos que ya tienes) */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeInUp {
  0% { transform: translateY(100px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
/* Estilos para el botón de afiliados */
.affiliate-btn {
  display: inline-block;
  padding: 12px 25px;
  background-color: #2E236C;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 20px;
}

.affiliate-btn:hover {
  background-color: #433D8B;
}

/* Estilo para los íconos de los botones */
.affiliate-btn i, .register-btn i, .login-btn i {
  margin-right: 8px; /* Espacio entre el ícono y el texto */
}

/* Estilo del contenedor de afiliados */
.affiliate-container {
  margin-top: 20px;
  padding: 20px;
  background-color: #f0f0f0;
  border-radius: 10px;
  text-align: center;
}
/* Estilo para la imagen de encabezado del contenedor de afiliados */
.loyalty-card-header {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px auto; /* Centrar la imagen y añadir margen inferior */
}
/* Estilo para la imagen de encabezado del contenedor de propietarios */
.register-header {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px auto; /* Centrar la imagen y añadir margen inferior */
}