/* For mobile phones: */
h4{
	color: var(--primario);
	font-weight: 500;
}
.imIcono{
	margin-bottom: -5px;
	width:12%;
}
.rowRes{
	margin-left: -5% !important;
}
#personaliza{
	width: 60%; 
}
p{
	color: var(--primario) !important;
	font-weight: 500 !important;
	font-size: var(--tam) !important;
}
#consulta{
	margin-top: 5%;
	width:55%;
	font-size: 2rem;
	height: 50px;
	font-weight: 600;
}
#empecemos{
	font-size: 4rem;
	margin-left:2%;
}	
.iconoRes{
	width: 50% !important;
	margin: 0 auto;
	margin-top: 7%;
	margin-bottom: 4%;
}
.sections.nav-sections{
	margin-bottom: 0px !important;
}
.cat-detail > h3{
	font-size: 3rem !important;
	letter-spacing: unset !important;
	text-transform: unset !important;
}	
.textoImagenHomeLeft{
	color: #001736;
	background-image: url('/pub/media/imagenes/fondo-gris.png');
	padding-left:5%;
	padding-right:5%;
	padding-top:2%;
	padding-bottom:2%;
	width:480px;
	text-align: justify;
	position: absolute;
    top: 6%;
    left: 0;
}
.textoImagenHomeLeft > h3{
	text-transform: none !important;
	font-size: 2rem !important;
	color: #001736 !important;
	font-weight:700 !important;
	margin: 0 !important;
}
.textoImagenHomeLeft > p{
	margin: 0 !important;
}
@media only screen and (max-width: 768px) {
	.porto-ibanner img{
		height: auto!important;
	}
}
/* For tablets: */
@media only screen and (min-width: 768px) {	
	.textoImagenHomeLeft > h3{
		font-size: 2.5rem !important;
	}
    span{
        font-size: var(--tam);
    }
	h4{
		color: var(--primario) !important;
		font-weight: 500;
	}
	#empecemos{
		font-size: 6rem;
		margin-left:2%;
	}
	#consulta{
		margin-top: 5%;
		width:55%;
		font-size: 2rem;
		height: 50px;
	}
	p{
		color: var(--primario) !important;
		font-weight: 500 !important;
		font-size: var(--tam) !important;
	}
	#personaliza{
		width: 60%; 
	}
	.iconoRes{
		width: 60% !important; 
		margin-top: 10%;
		margin-left: 40%; 
		margin-right: 1%;
	}
	.product.info.detailed{
		margin-left:5%;
	}
}

/* For desktop: */
@media only screen and (min-width: 1200px) {
	
    span{
        font-size: var(--tam);
    }
	h4{
		color: var(--primario) !important;
		font-weight: 500;
	}
	.product.info.detailed{
		margin-left:5%
	}
	#empecemos{
		font-size: 6rem;
		margin-left:2%;
	}
	#consulta{
		margin-top: 5%;
		width:55%;
		font-size: 2rem;
		height: 50px;
	}
	p{
		color: var(--primario) !important;
		font-weight: 500 !important;
		font-size: var(--tam) !important;
	}
	#personaliza{
		width: 60%; 
		margin-top: 20%;
	}
	.iconoRes{
		width: 60% !important; 
		margin-top: 10%;
		margin-left: 40%; 
		margin-right: 1%;
	}
	.rowRes{
		margin-left: 10% !important;
	}
	#blogRect{
		border-right: solid white 20px;
	}
	#planetaRect{
		border-left: solid white 20px;
	}
}

/*Ajustes de los botones Tramitar Pedido y Averiguar Ubicacion*/

button.action.primary.checkout{ 
    background-color: #08c !important;
    border-color: #001736;
}

button.action.primary.checkout:hover{
    background-color: #fff;
    color: #001736;
    border: 2px solid #001736;
}

button.botonUbicacion.action-basic{
    background-color: #08c !important;
    border-color: #001736;
    color: #fff;
    margin-top: 4%;
}

button.botonUbicacion.action-basic:hover{
    background-color: #fff;
    color: #001736;
    border: 2px solid #001736;
}

#mapid{
    margin-bottom: 4%;
}