@charset "UTF-8";

@import "./common.css?v=10";


/**********************************************************************
	Sección de lista de productos
**********************************************************************/

.productos {
	padding: 6vw 12vw;
}

.card-container {
	padding: 15px;
}

.card {
	margin: 0;
	border-radius: var(--card-radius) !important;
}

.card img {
	width: 100%;
	height: auto;
	padding: 5%;
	border-radius: 30px;
}

.card a {
	text-decoration: none;
}

.card .data {
	padding-left: 5%;
	padding-right: 5%;
	min-height: 80px;
}

.card .data .name {
	font-size: 1.1em;
  font-weight: 700;
	line-height: 1.2em;
  font-family: 'Open Sans', sans-serif;
}

.card .data .sku {
	margin-top: -1.1em; 
	font-size: 0.9em;
	color: var(--gray-font);
}

@media (max-width: 998px) {
	.productos {
		padding-left: 8vw;
		padding-right: 8vw;
	}
}

@media (max-width: 918px) {
	.productos {
		padding-left: 3vw;
		padding-right: 3vw;
	}
}

/**********************************************************************
	Sección de llamada a la acción
**********************************************************************/

.cta-header {
	padding-top: 100px;
	padding-bottom: 80px;
	background-color: var(--main-color);
}

.cta-header h2 {
	color: var(--white-font) !important;
}

.cta {
	padding: 0 12vw;
}

.cta .left {
	margin-top: 6vw;
	padding-bottom: 0;
	padding-right: 100px;
}

.cta img {
	width: 100%;
	margin-top: -80px;
	margin-bottom: -25px;
}

.cta .button {
	margin: 40px 0 0 auto;
	width: max-content;
}

@media (max-width: 1248px) {
	.cta {
		padding-left: 10vw;
		padding-right: 3vw;
	}
	.cta .left {
		padding-right: 30px;
	}
}

@media (max-width: 1148px) {
	.cta img {
		margin-top: -50px;
	}
}

@media (max-width: 1098px) {
	.cta img {
		margin-top: -px;
	}
}

@media (max-width: 998px) {
	.cta {
		padding-left: 8vw;
	}
	.cta .left {
		padding-right: 15px;
	}
	.cta img {
		margin-top: -25px;
	}
}

@media (max-width: 918px) {
	.cta {
		padding-left: 3vw;
	}
	.cta .button {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 767px) {
	.cta img {
		padding-top: 60px;
		padding-bottom: 50px;
		margin-top: 0;
		margin-bottom: 0;
	}
}