@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import  "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css";

body {
    font-family: 'Montserrat', sans-serif;
}

header {
	background: rgba(128,128,128, .7);
	position: sticky;
	top: 0;
	padding-bottom: 10px;
  }

.version-completa {
	text-align: center;
}

table button a {
	color: black;
	text-decoration: none;
}

table img {
	margin: 0 auto;
}

table button {
	background: rgba(128,128,128,.8);
	border: none;
	border-radius: 10px;
}

table button:hover {
	box-shadow: 5px 5px 5px grey;
	background: #47e84f;
	transform: scale (1.1);
	color: white;
	text-shadow: 2px 2px 2px black;
}

table button a:hover {
	transform: scale (1.1);
	color: white;
	text-shadow: 2px 2px 2px black;
}

.ModoDiaNoche {
	text-align: center;
}

.dia {
	width: 50px;
	background: rgba(128,128,128, 1);
	border: none;
	border-radius: 10px 0 0 10px;
	margin: 5px 0px 5px 5px;
	
  }
  
.noche {
	width: 50px;
	background: rgba(128,128,128, 1);
	border: none;
	border-radius: 0 10px 10px 0;
	margin: 5px 0 0 0;
	
  }
  
.dia:hover, .noche:hover {
	box-shadow: 5px 5px 5px grey;
	background: #47e84f;
	transform: scale (1.1);
	color: white;
	text-shadow: 2px 2px 2px black;
  }

.buscador {
	width: 90%;
	height: 50px;
    margin-left: 5%;
}

.btn-search {
	width: 10%;
	height: 50px;
	background: rgba(128,128,128, 1);
	border: none;
	border-radius: 10px;
}

.btn-search:hover {
	box-shadow: 5px 5px 5px grey;
	background: #47e84f;
	transform: scale (1.1);
	color: white;
	text-shadow: 2px 2px 2px black;
}