/* CSS Document */

html {
	scroll-behavior: smooth;
}

body {
	background-color: #c3da65;
	text-align: justify;
}

.icono {
	margin-top: 20px;
	margin-bottom: 20px;
}

.titulo {
	margin-top: 20px;
	margin-bottom: 20px;
	min-height: 60px;
}

.borde_redondo {
	border-radius: 10px;
}

.section {
	margin: 20px 0;
	padding: 20px 30px;
}

.nav-item .active {
	box-shadow: 0px 10px 14px -7px #3e7327;
	background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color: #77b55a;
	border-radius: 4px;
	border: 1px solid #4b8f29;
	display: inline-block;
	cursor: pointer;
	font-family: Arial;
	padding: 6px 12px;
	text-decoration: none;
}

.logo_vita {
	max-height: 40px;
}

#contenedor {
	min-height: 700px;
}

#imagen_portada {
	margin: 0 auto;
}

.cuadro_portada {
	min-height: 700px;
}

#portada2 {
	margin-top: 40px;
	margin-bottom: 40px;
}

#bene {
	background-color: #B3CE41;
}

#imagen_ingredientes {
	margin: 0 auto;
}

.ingredientes {
	margin: 20px 0px;
}

.ingredientes:hover .efecto {
	opacity: 1;
}

.imagen_ingredientes {
	width: 100%;
	height: auto;
	margin: auto;
}

.efecto {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #c3da65;
}

.texto_efecto {
	color: #000;
	font-size: large;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.modal-body {
	text-align: justify;
}

#bene img {
	margin-top: 20px;
}

#enfermedades {
	background-color: #B3CE41;
}

.enferm {
	margin: 20px 0;
}

.enferm:hover .efecto {
	opacity: 1;
}

.imagen_enferm {
	width: 90%;
	height: auto;
	margin: auto;
}

#uso {
    background-color: #B3CE41;
}

.uso {
	margin: 20px 0;
}

#faq {
	min-height: 320px;
}

/* .carousel-item {
	min-height: 300px;
	padding: 50px;
} */

#tienda {
	min-height: 500px;
}

.costo-normal {
	text-decoration: line-through;
}

section {
	padding: 20px 0;
}

.section1 {
	background-image: url('../images/3_productos_web_540.jpg');
	background-position: center;
	min-height: 300px;
	background-size: cover;
}

.banner_prod {
	width: 75%;
	margin: auto;
}

.banner_prod h5, .banner_prod h3 {
	color: #000 !important;
}

.tarjeta-item {
	min-height: 580px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tarjeta-img {
	min-height: 300px;
}

.carta-testimonio {
	height: 250px;
}

@media only screen and (min-width: 700px) {
	.section1 {
		background-image: url('../images/3_productos_web.jpg');
		background-position: center;
		min-height: 700px;
		background-size: cover;
	}
	.tarjeta-img {
		max-height: 300px;
	}
	.tarjeta-item {
		min-height: 500px;
	}
	.carta-testimonio {
		height: 250px;
	}
}