/* Imágenes institucionales y ajustes mobile del footer.
   Archivo: 06-institucional-footer-mobile.css
*/

.page-content img, .user-content img, .institutional-page img {
	width: 100vw;
	max-width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);
	display: block;
	height: auto;
}

@media (max-width:768px) {
	footer .footer-logo, footer .footer-logo-container {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		margin: 0 auto 24px auto !important;
	}
	
	footer img[alt*="Daiam"], footer img[alt*="daiam"], footer img[src*="daiam"], footer img[src*="logo"] {
		display: block !important;
		width: 130px !important;
		max-width: 40vw !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 auto 20px auto !important;
		object-fit: contain !important;
	}
	
	.btn-whatsapp {
		width: 60px !important;
	}
}

@media (max-width:480px) {
	[data-store^="product-item-"] .btn, [data-store^="product-item-"] input[type="submit"], .js-item-product .btn, .js-item-product input[type="submit"] {
		width: calc(100% - 32px) !important;
		max-width: 260px !important;
		min-width: 0 !important;
	}
	
	.template-product .btn-block, .template-product input[type="submit"] {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.daiam-mejor-precio {
		gap: 8px !important;
		margin: 14px 0 20px 0 !important;
	}
	
	.daiam-mejor-precio__btn {
		width: 118px !important;
		min-width: 118px !important;
		max-width: 118px !important;
		height: 25px !important;
		min-height: 25px !important;
		padding: 0 14px !important;
	}
	
	.daiam-mejor-precio__btn:nth-of-type(1)::after, .daiam-mejor-precio__btn:nth-of-type(2)::after {
		font-size: 11px !important;
	}
}