@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap');
@import url('../fonts/stylesheet.css');

body{
	overflow-x: hidden;
	font-size: 1em;
	font-family: Montserrat, sans-serif;
}

i {
	font-family: 'castoro-italic';
}

#page-liquidificador {
	margin: 0px auto;
	max-width: 1220px;
	overflow-x: hidden;
	position: relative;
}

.relative {
	position: relative;
}

.absolute{
	position: absolute;
}

.img-bg {
	height: auto;
	width: 100%;
}

header {
	background: #152942;
	padding: 20px 0px;
	width: 100%;
}


footer {
	background: #152942;
	padding: 20px 0px;
}

.product__intro{
	background: url("../img/bg-design.jpg") no-repeat top left;
	background-size: cover;
}

.product__intro-nome{
	background: #cd9a33;
	border-radius: 0px 100px 100px 0px;
	color: #152942;
	font-size: 1.2em;
	font-weight: 800;
	line-height: 1em;
	padding: 20px 30px 20px 20px;
	text-transform: uppercase;
}

.product__intro-nome span{
	font-size: 0.8em;
	font-weight: 400;
}

.product__intro-potencia{
	background: #152942;
	margin-top: -30px;
	padding: 10px 45px 20px 45px;
	width: 100%;
}

.product__intro-produtoimg{
	margin-top: -40px;
	z-index: 2;
}

.product__intro-potencia{
	text-align: center;
}

.promaxx__img-mobile{
	display: flex;
}

.promaxx__img-desktop{
	display: none;
}

.promaxx__container {
	background: #152942;
}

.promaxx__container-titulo{
	color: #cd9a33;
	font-size: 2em;
	font-weight: 800;
	line-height: 1.2em;
	padding: 15px;
	text-transform: uppercase;
	width: 100%;
}

.promaxx__container-texto{
	color: #FFF;
	font-size: 1em;
	font-weight: 300;
	padding: 0px 20px 20px 20px;
	line-height: 1.5em;
	text-transform: none;
}

.cozinha__titulo{
	background: #cd9a33;
	color: #152942;
	font-size: 1.4em;
	font-weight: 900;
	line-height: 1.2em;
	padding: 20px;
	text-transform: uppercase;
}

.cozinha__copo{
	top: 20px;
}

.cozinha__copo-texto{
	color: #152942;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: -10px;
	text-align: center;
	text-transform: uppercase;
}

.cozinha__copo-destaque{
	color: #cd9a33;
	font-weight: 900;
	font-size: 2.6em;
	text-align: center;
}

.cozinha__img{
	padding: 20px;
}

.cozinha__img-desktop{
	display: none;
}

.cozinha__diferenciais{
	color: #152942;
	padding: 20px;
}

.cozinha__diferenciais li{
	font-size: 1.1em;
	list-style: none;
	text-align: center;
	font-weight: 700;
	line-height: 1.1em;
	padding-bottom: 30px;
}

.cozinha__diferenciais li span{
	font-size: 0.8em;
	font-weight: 400;
}


/*------------------------------------------------------------------
---------------------------- RESPONSIVO ----------------------------
--------------------------------------------------------------------*/

@media (min-width: 375px) {

}

@media (min-width: 768px) {
	.product__intro-nome{
		font-size: 1.5em;
		line-height: 1.1em;
   		padding-left: 80px;
	}

	.product__intro-nome span{
		font-size: 1em;
		font-weight: 400;
	}

	.promaxx__img-mobile{
		flex-direction: row;
	}

	.promaxx__container-titulo{
		font-size: 3em;
		font-weight: 800;
		line-height: 1.2em;
	}

	.promaxx__container-texto{
		font-size: 1.5em;
		padding: 0px 150px 20px 150px;
	}

	.cozinha__titulo{
		font-size: 2em;
	}

	.cozinha__copo-texto{
		font-size: 1.8em;
	}

	.cozinha__copo-destaque{
		font-size: 4em;
	}

	.cozinha__diferenciais li{
		font-size: 1.2em;
		line-height: 1.1em;
		padding-bottom: 40px;
	}

	.cozinha__diferenciais li span{
		font-size: 1em;
	}
}

@media (min-width: 992px) {
	.product__intro-slogan{
		left: 40px;
	}

	.product__intro-nome{
		left: 0;
		padding-left: 90px;
	}

	.product__intro-produtoimg{
		margin: -520px 0px -200px 470px;
	}

	.product__intro-potencia{
		text-align: left;
    	padding-left: 90px;
	}

	.promaxx__img-mobile{
		display: none;
	}

	.promaxx__img-desktop{
		display: block;
	}

	.promaxx__container-titulo{
		font-size: 2.3em;
		font-weight: 800;
		line-height: 1.2em;
	    padding: 30px 50px 10px 50px;
	}

	.promaxx__container-texto{
		font-size: 1.2em;
		padding: 10px 80px 20px 80px;
	}

	.promaxx__container{
		flex-direction: row-reverse;
	}

	.cozinha__titulo{
		font-size: 2em;
		padding-right: 100px;
    	padding-left: 100px;
	}

	.cozinha__copo{
		left: -50px;
    	top: 40px;
	}

	.cozinha__copo-texto{
		font-size: 1.8em;
		text-align: left;
	}

	.cozinha__copo-destaque{
		font-size: 4em;
		text-align: left;
	}

	.cozinha__img{
		margin-top: -120px;
	}

	.cozinha__img-mobile{
		display: none;
	}

	.cozinha__img-desktop{
		display: block;
	}

	.cozinha__diferenciais{
		position: absolute;
	}

	.cozinha__diferenciais ul{
		top: 200px
	}

	.cozinha__diferenciais li{
		font-size: 1em;
		line-height: 1em;
		padding-bottom: 40px;
	}

	.cozinha__diferenciais li span{
		font-size: 0.8em;
	}

	ul .sobretampa{
		right: -645px;
	    text-align: right;
	    top: 25px;
	}

	ul .autolimpeza{
	    left: -75px;
	    text-align: left;
	    top: 175px;
	}

	ul .ice{
	    right: -660px;
	    text-align: right;
	    top: 130px;
	}

	ul .filtro{
		top: 213px;
	    left: -133px;
	    text-align: left;
	}

	ul .velocidades{
	    right: -650px;
	    text-align: right;
	    top: 110px;
	}

	ul .base{
	    right: -582px;
	    text-align: right;
	    top: 200px;
	}


}

@media (min-width: 1100px) {
	.product__intro-produtoimg{
		margin: -560px 10px -280px 500px;
	}

	.product__intro-potencia{
		padding-bottom: 80px;
	}

	.promaxx__container-titulo{
		font-size: 3em;
		line-height: 1.2em;
	}

	.promaxx__container-texto{
		font-size: 1.3em;
		padding: 10px 70px 10px 70px;
	}

	.cozinha__titulo{
		padding: 30px;
	}

	ul .sobretampa{
	    right: -645px;
	    text-align: right;
	    top: 43px;
	}

	ul .autolimpeza{
	    left: -75px;
	    text-align: left;
	    top: 195px;
	}

	ul .ice{
	    right: -662px;
	    text-align: right;
	    top: 147px;
	}

	ul .filtro{
		top: 232px;
	    left: -130px;
	    text-align: left;
	}

	ul .velocidades{
	    right: -648px;
	    text-align: right;
	    top: 132px;
	}

	ul .base{
	    right: -584px;
	    text-align: right;
	    top: 221px;
	}	

}