.destacado article h3 {font-size: 1rem}
.destacado .d-flex > div {flex-basis: 50%}
.destacado .d-flex > div.image {flex-grow: 0; flex-shrink: 0; flex-basis: 350px;}
.destacado .border-top {border-color: var(--color) !important}

.modulo div.row div.cover {min-height: 250px}

.productos > div > div > div.row > div:first-child {font-size: 1.2rem; color: var(--color)}
.productos div.row.tips div{margin-bottom: 60px; font-size: 1.2rem}
.productos div.row.tips div.col-6:nth-child(odd):before {content:''; position: absolute; top:10px; right: 0; height: calc(100% - 20px); width: 1px; background-color: var(--color)}
.productos div.row.tips div:nth-child(1):after, .productos div.row.tips div:nth-child(2):after {content:''; position: absolute; left: 50px; bottom:-30px; height: 1px; width: calc(100% - 100px); background-color: var(--color)}

@media (max-width: 1200px){
	.productos div.row.tips div{font-size: 1rem}
}

@media (max-width: 991px){
	.destacado .d-flex > div.image {flex-basis: 250px; padding:0 60px}
	.modulo .h2 {font-size: 1.6rem}
}

@media (max-width: 767px){
	.destacado .d-flex {flex-wrap: wrap;}
	.destacado .d-flex > div:first-child {flex-basis: 100%}
	.destacado .d-flex > div.image {flex-basis: 150px; padding: 0 20px; margin-right: 20px}
}

@media (max-width: 575px){
	.destacado .d-flex > div {flex-basis: 100% !important; padding:0; margin:0}
	.destacado .d-flex > div.image img {padding:0 15px}

	.productos > div img.image{width: 300px}
}