@font-face{
    font-family: 'Fredoka One';
    src: url('./fonts/FredokaOne-Regular.ttf');
}

.dm-text{
	font-family: 'Fredoka One', normal;
}
.dm-bg-primary{
	background-color: #F84F26;
}
.dm-bg-primary-gradient{
  background-color: #F84F26;
  background-image: linear-gradient(180deg, #F84F26 10%, #be2617 100%);
  background-size: cover;
}
.dm-bg-dark-gradient{
  background-color: #292929;
  background-image: linear-gradient(180deg, #292929 10%, #595959 100%);
  background-size: cover;
}
.dm-text-primary{
	color: #F84F26;
}

.bg-blur{
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color:rgba(255,255,255,.6);
}
.dm-bg-blur{
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color:rgba(248,79,38,.9);
}

.dm-bg-restaurante{
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(248,249,252,0.8), rgba(248,249,252,1)),  url(https://sevilla.abc.es/gurme/wp-content/uploads/sites/24/2012/01/comida-rapida-casera.jpg);
}

.custom-img-product{
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(248,249,252,0.8), rgba(248,249,252,1)),  url('./img/back.jpg');
  height: 300px;
  border-radius: 20px;
}

.btn-primary-dm {
  color: #fff;
  background-color: #F84F26;
  border-color: #F84F26;
}

.btn-primary-dm:hover {
  color: #fff;
  background-color: #E1411A;
  border-color: #F84F26;
}

.btn-primary-dm:focus, .btn-primary-dm.focus {
  color: #fff;
  background-color: #E1411A;
  border-color: #F84F26;
  box-shadow: 0 0 0 0.2rem rgba(248, 79, 38, 0.5);
}

.borde-redondo{
  border-radius: 20px;
}

.top-restaurantes{
  padding-top: 25px;
  padding-bottom: 25px;
}

.input-dm-buscar{
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-dm-buscar:focus {
  color: #6e707e;
  background-color: #fff;
  border-color: #F84F26;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 79, 38, 0.5);
}

.input-dm-buscar-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 20px;
}

.input-dm-login{
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-dm-login:focus {
  color: #6e707e;
  background-color: #fff;
  border-color: #F84F26;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 79, 38, 0.5);
}

.input-dm-login-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 20px;
}

form.user .input-dm-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}

form.user .btn-dm-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}


/* Fondo de colores en degradado */
.bg-gradient-moonlit {
  background: #0F2027;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0F2027, #203A43, #2C5364);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0F2027, #203A43, #2C5364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-gradient-bluevision {
  background: #000046;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #000046, #1CB5E0);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #000046, #1CB5E0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-liesbeyond {
  background: #F0F2F0;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #000C40, #F0F2F0);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #000C40, #F0F2F0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-frost {
  background: #000428;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-gradient-vicecity {
  background: #3494E6;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #EC6EAD, #3494E6);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #EC6EAD, #3494E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.card-terminal-retro {
  background-color: blue;
  font-family: 'DOS';
}