@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Mulish:wght@400;500;600&display=swap');

:root {
	--ppal: rgba(234,206,118,1);
	--fuenteppal: 'Mulish', sans-serif;
	--fuentetitulos: 'Cinzel', serif;
}

body {
	background: #000;
	color: var(--ppal);
	font-family: var(--fuenteppal);
}
#logo {
	width: 280px;
	height: 92px;
	background: url(../svg/logo_v2.svg) center no-repeat;
	background-size: 100%;
	margin-top: 26px;
}
.nav-item .nav-link, .navbar-brand {
	color: var(--ppal); 
}
h2 {
	font-family: var(--fuentetitulos);
	margin: 3rem 0 1rem;
	text-align: center;
	font-size: 2.2em;
}
.nosotros {
	line-height: 1.85;
	color: #fff;
	margin: 0 0 1.5rem;
	text-align: center;
}
.cafe {
	background: rgba(234,206,118,.14);
}
h3 {
	font-family: var(--fuentetitulos);
	margin: 1.2rem 0 0.5rem;
	text-align: center;
	font-size: 1.6em;
}
h3 ~ p {
	line-height: 1.5;
	color: #fff;
	text-align: center;
	font-size: 0.875em;
	font-weight: 400;
	margin-top: 1em;
}
.allo {
	background: var(--ppal);
}
.allo p {
	color: #000;
	text-align: center;
	font-size: 0.8125em;
	margin: 0;
}
.carousel-indicators button {
	width: 20px !important;
	height: 20px !important;
	border-radius: 50%;
}
.navbar-toggler {
	display: contents;
}
.navbar-toggler i {
	color: var(--ppal);
}
.nosotros img {
	border: 0.3rem solid var(--ppal);
	margin: 1rem 0;
}
.servicios img {
	border: 0.3rem solid var(--ppal);
	margin: 0;
}
.btn-enviar {
	background: var(--ppal);
}
.contacto p {
	color: #fff;
	font-size: 0.875em;
	padding: 0 3rem;
}
.contacto p span {
	display: block;
	font-weight: 700;
	font-size: 2em;
}
.contacto p a {
	color: #fff;
	text-decoration: none;
}
.mapa iframe {
	height: 50vh;
}
.carousel-indicators {
	margin-bottom: 0.5em;
}
.redes {
	
}
.redes a {
	font-size: 1.4em;
	margin: 0 0.5rem;
	color: var(--ppal);
}
.redes a i {
	background: #000;
	padding: 6px;
	border-radius: 4px;
}
.fondo_oscuro {
	width: 100vw;
	background: #000;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
}
.alto {
	height: 232px;
}

@media (min-width: 768px) {
	a.nav-link { margin: 0 3em; }
	.nosotros {
		padding: 0 5rem;
	}
	h3 {
		margin: 1.2rem 0 1rem;
	}
	h3 ~ p {
		padding: 0 1rem;
	}
	.nosotros img, .servicios img {
		border: unset;
		margin: 0;
	}
	.contacto p {
		padding: 0 7rem;
	}
	.mapa iframe {
		height: 60vh;
	}
	
}

@media (min-width: 992px) {
	a.nav-link { margin: 0 4.5em; }
	.nosotros {
		padding: 0 10rem;
	}
	h3 ~ p {
		padding: 0 2rem;
	}
	.contacto p {
		padding: 0;
	}
	
}

@media (min-width: 1200px) {
	
}