/* ------------------------------------------ ESTILOS PARA LA PARTE DE RESPONSIVE ------------------------------------------ */
:root {
	/* breack points */
	--bs-breakpoint-xs: 0;
	--bs-breakpoint-movil: 576px;
	--bs-breakpoint-tablet: 768px;
	--bs-breakpoint-portatil: 992px;
	--bs-breakpoint-pc: 1200px;
	--bs-breakpoint-xxl: 1400px;
}

/* tablet */
@media (min-width: 768px) {
	.card__sobremi p {
		padding: 3rem;
	}

	.titulo__banner {
		font-size: 7rem;
	}

	.titulo__baner__hero h3 {
		font-size: 3rem;
	}

	.contenedor__card:nth-child(2) {
		flex-direction: row;
	}

	.contenedor__producto {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 3rem;
		text-align: left;
	}

	.contenedor__producto__hero {
		background-image: url('../img/background_productos_tablet.svg');
	}
}

/* portatil */
@media (min-width: 1200px) {
	.navegador__contenedor {
		display: flex;
		justify-content: space-between;
	}

	.contenedor__producto__hero {
		background-image: url('../img/background_productos_pc.svg');
	}

	.contenedor__galeria__cantera {
		width: 60%;
	}

	.contenedor__mapa div:nth-child(2) p {
		width: 60%;
	}
}

/* pc grande */
@media (min-width: 1400px) {
	.navegador__contenedor {
		padding-inline: 3rem;
	}

	.titulo__banner {
		font-size: 10rem;
	}

	.titulo__baner__hero h3 {
		font-size: 3rem;
	}

	.contenedor__valores__burbujas {
		gap: 10rem;
		justify-content: center;
	}
}