/* FORMULARIO DE RESERVAS */
.logo {
	width: 100%;
	display: flex;
	justify-content: center;
}
.logo img {
	width: 20dvw;
	margin-top: 10px;
}

.contenedor_principal {
	width: calc(100vw - 43px);
}
.sec_reservas {
	width: 100%;
	color: #185881;
	flex-basis: 180%;
}

.sec_reservas p,
.sec_reservas h1 {
	text-align: center;
}

.sec_reservas h1 {
	font-size: 1.3rem;
}

.formulario {
	margin-top: 20px;
}

#requerimientos {
	resize: none;
}

label {
	font-size: 0.9rem;
}

input[type="text"],
textarea {
	font-size: 1rem;
	width: 100%;
	padding: 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 6px;
	resize: vertical;
}

input[type="email"] {
	font-size: 1rem;
	width: 50%;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 6px;
}

input[type="tel"] {
	font-size: 1rem;
	width: 50%;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 6px;
}

input[type="date"],
select {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 3px;
	color: gray;
}
#domingo,
#anterior,
#cerrado {
	color: red;
	font-weight: bold;
	font-size: 0.9rem;
}
.ocultar {
	display: none;
}

.submit_button {
	color: var(--blanco);
	background: var(--color-degradado);
	border: 3px double var(--blanco);
	margin: 20px;
	padding: 7px;
	border-radius: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	width: 300px;
	max-width: 80vw;
	font-size: 18px;
	font-weight: bold;
	/* Animación */
	animation: sombra 3s infinite;
}
@keyframes sombra {
	0% {
		box-shadow: 3px 3px 5px var(--color-primario);
	}
	30% {
		box-shadow: 7px 7px 10px white;
	}
	70% {
		box-shadow: 6px 6px 5px var(--color-secundario);
	}
	100% {
		box-shadow: 8px 8px 10px var(--color-primario);
	}
}

.container {
	padding: 10px;
}

#hora,
#personas,
#nombre {
	background-color: white;
	border: 1px solid grey;
}

/* Media queries */
@media only screen and (min-width: 600px) {
	.contenedor_principal {
		max-width: 70vw;
		margin: 0 auto;
	}
}

.warning {
	color: red;
	background-color: rgb(255, 215, 223);
	border: 2px dotted red;
	font-size: 0.8rem;
	padding: 1rem;
	margin: 0.5rem auto;
}