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


* {	
	font-family: 'DM Sans', sans-serif;
	font-size:1rem;
}

footer a {
	color: black!important;
}

.link-menu {
    display: block;
    padding: 10px 5px;
    color: black;
    text-decoration: none;
    font-size: 0.85rem!important;
    letter-spacing: 1px!important;
}

.btn-mio {
	font-size: 0.75rem!important;
	text-transform: uppercase;
	letter-spacing: 1px!important;
	font-weight: bold;
}

.accordion-button {
	color:black!important;
	background-color:#eee!important;
	font-size: 0.9rem!important;
}

.navbar-light .navbar-toggler {
	border-color:none!important;
}

.navbar-light .navbar-toggler > i {
	color:black!important;
	font-size: 2rem!important;
}

.h1-new {
	font-family: 'DM Sans', sans-serif!important;
	color: #333;
	font-size: 1.2rem!important;
	font-weight: 300;
}

h2 {
	font-size: 1.2rem!important;
	font-family: 'DM Sans', sans-serif!important;
}

h3 {
	font-size: 1rem!important;
	font-family: 'DM Sans', sans-serif!important;
	font-weight: 300;
}

.nav-item > .new, .dropdown-menu > .new {
	font-family: 'DM Sans', sans-serif!important;
	color: black!important;
	font-size: 1rem;
	letter-spacing: 0.5px;
}

.dropdown-menu > .new {
	font-size: 0.9rem!important;
}

.correcto, .incorrecto {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding: 20% 10px 10px 10px;
	background: #018234;
	color: white;
	text-align: center;
	font-size: 0.9rem;
	z-index: 9999;
	font-weight: bold;
	opacity: 0.95;
}

.incorrecto {
	background: #ccc;
	color: black;
}

.card-header {
	background:#EFEDE0!important;
}

.card-header button {
	color: black;
	font-size: 1.1rem;
	font-weight: bold;
}

.table-responsive {
	border: 1px solid #ccc!important;
	border-radius: 5px;
}

.btn-cambio {
	position: fixed;
	bottom: 10px;
	left: 10px;
	background:#001A24;
	color: #EFEDE0;
	padding: 5px 15px;
	z-index: 9999!important;
	font-family: 'DM Sans', sans-serif!important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9rem;
}

.btn-cambio:hover {
	color: #EFEDE0;
}

footer p, footer a {
	font-size: 0.9rem;
}

.titulo-footer {
	font-weight: bold;
	font-size: 1.2rem!important;
}

/* ESTILO PARA MOVILES */
@media (max-width: 980px) {

	#reservas {
		padding-top: 40px!important;
	}

}