body {
	background-color: transparent;
	color: #222;
}
.navbar-light .navbar-nav .nav-link {
	color: #333
}
#activate, #found, #what, #advantages, #how, #contact, #login {
	padding: 100px 0px;
}
#activate {
	background-color: #fff;
}
.whitebg {
	background: rgba(255,255,255,0.7);
	padding:20px;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.blackbg {
	background: rgba(0,0,0,0.7);
	padding:20px;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.p300 {
	min-width: 300px;
}
#what {
	background-color: #0A0904;
	color: #fff;
}
#home {
	background-color: #012e70;
	background-image: url('img/8.webp');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	margin-top:20px;
	padding-top: 20vh;
	padding-bottom: 0px;
	color:#fff;
}
#app {
	background: url('/img/loginPuppy.webp');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	min-height: 500px;
}
main {
	background-color: #fff;
	padding: 10px;
}
#lima {
	background: url('/img/lima.webp');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	height:350px;
}
.btn-block{
	width: 100%;
}
.intl-tel-input {width: 100%;}
.iti {width: 100%;}
.glass {
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 576px) {
	#advantages {
		background-color: #BBB1AD;
		background: url('img/ventajas.webp');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
	}
	#found {
		background: url('img/lostDog.webp');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
	}
	#login {
		background: url('img/loginPuppy.webp');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		height:80vh;
	}
	#vet{
		height:100%;
	}
}
.my-indicator{display:none;}
.htmx-request .my-indicator{display:inline;}
.htmx-request.my-indicator{display:inline;}

@media screen and (max-width: 575px) {
	#advantages {
		background-color: #BBB1AD;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#found {
		background-color: #435639;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#login {
		background: url('img/loginPuppy.webp');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		height:80vh;
	}
	#home{
		padding-top: 20px;
	}
}
@supports (-webkit-overflow-scrolling: touch) {
	#home, #what, #advantages, #login, #found,#vet, #lima {
		background-size: cover;
		background-attachment: scroll;
	}
}