@media (max-width: 991px) {
	.productos-grid {
	    grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 767px) {
	.logo-principal {
	    width: 150px;
	}
	.seccion_hero {
	    padding: 90px 0;
	}
	.seccion_hero h1 {
	    font-size: 30px;
	}
	.seccion_hero .lead {
	    font-size: 16px;
	}
	h2 {
	    font-size: 28px;
	}
}

@media (max-width: 575px) {
	.productos-grid {
        grid-template-columns: 1fr;
    }
    .card-hero {
	    padding: 30px 20px;
	}
	.card-hero h3 {
	    font-size: 20px;
	}
	.card-hero .grid .flex {
	    align-items: flex-start;
	}
	.card-hero .grid .flex svg {
		width: 24px;
    	height: 24px;
	}
}