/* =========================================================================
   malviseg — CSS propio del Cotizador (se carga después del del plugin)
   -------------------------------------------------------------------------
   1) Muestra el botón de WhatsApp en las tarjetas del catálogo.
   2) Lo viste en verde WhatsApp, a juego con el botón "Cotizar" del pack.

   Por qué hace falta lo primero: el design pack de malviseg lo oculta a
   propósito, en design-packs/malviseg/css/pack.css (línea 130):

       .ozc-product-card--pack-malviseg .ozc-product-card__badge,
       .ozc-product-card--pack-malviseg .ozc-product-card__qty,
       .ozc-product-card--pack-malviseg .ozc-product-card__wa {
         display: none !important;
       }

   Se escribió cuando el diseño era de un solo botón. Marcar "Mostrar botón
   WhatsApp" en Loops genera el HTML, pero esa regla lo seguía escondiendo.

   Lleva `html body` delante a propósito: esta hoja se carga ANTES que el
   pack, así que necesita más especificidad para ganarle. Comprobado en esa
   misma posición.

   Las medidas (2.9rem de alto, sin redondeo, 0.95rem en negrita) son las
   mismas que usa el pack para "Cotizar", para que hagan pareja.

   Fecha: 2026-10-13
   ========================================================================= */

html body .ozc-product-card--pack-malviseg .ozc-product-card__wa {
	display: block !important;
}

html body .ozc-product-card--pack-malviseg .ozc-product-card__wa-btn {
	width: 100%;
	box-sizing: border-box;
	min-height: 2.9rem;
	padding: 0.7rem 1rem;
	border: 0;
	border-radius: var(--ozc-mv-radius, 0);
	background: #25d366;
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.01em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* Icono de WhatsApp, el mismo SVG que usa el pack de caxamarca. */
html body .ozc-product-card--pack-malviseg .ozc-product-card__wa-btn::before {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M28.192 4.79572C25.0898 1.70479 20.9642 0.00181274 16.569 0C7.51231 0 0.141467 7.33537 0.137824 16.3512C0.13661 19.2332 0.893123 22.0466 2.33106 24.5264L0 33L8.71042 30.726C11.1105 32.029 13.8125 32.7156 16.5623 32.7164H16.5692C25.6249 32.7164 32.9966 25.3804 33 16.3642C33.0018 11.9947 31.2943 7.88644 28.192 4.79572ZM16.569 29.9548H16.5633C14.1129 29.9538 11.7096 29.2984 9.61245 28.0603L9.11398 27.7656L3.94508 29.1151L5.32474 24.0996L4.99991 23.5854C3.6328 21.4214 2.9109 18.9202 2.91211 16.3522C2.91494 8.85848 9.04153 2.76182 16.5745 2.76182C20.2223 2.76302 23.6513 4.17858 26.2296 6.74764C28.808 9.3167 30.2271 12.7315 30.2259 16.3632C30.2227 23.8575 24.0965 29.9548 16.569 29.9548ZM24.0601 19.7754C23.6496 19.5708 21.6311 18.5826 21.2546 18.4461C20.8786 18.3097 20.6046 18.2418 20.3311 18.6507C20.0573 19.0596 19.2706 19.9801 19.031 20.2526C18.7914 20.5253 18.5522 20.5595 18.1415 20.3549C17.7309 20.1505 16.4081 19.7188 14.8398 18.3268C13.6195 17.2434 12.7956 15.9054 12.5559 15.4965C12.3167 15.0873 12.5539 14.8875 12.7361 14.6627C13.1805 14.1134 13.6255 13.5376 13.7623 13.2651C13.8994 12.9923 13.8308 12.7537 13.7279 12.5492C13.6255 12.3448 12.8045 10.3336 12.4624 9.5153C12.1289 8.7189 11.7907 8.82645 11.5385 8.81396C11.2993 8.80208 11.0255 8.79966 10.7517 8.79966C10.4781 8.79966 10.0332 8.90178 9.65677 9.31106C9.28054 9.72014 8.22005 10.7085 8.22005 12.7196C8.22005 14.7308 9.69118 16.6736 9.8964 16.9463C10.1016 17.2191 12.7915 21.3461 16.9098 23.1157C17.8894 23.5371 18.654 23.7882 19.2504 23.9766C20.234 24.2875 21.1287 24.2436 21.8363 24.1385C22.6252 24.0211 24.2651 23.15 24.6075 22.1956C24.9496 21.2411 24.9496 20.4232 24.8467 20.2526C24.7443 20.0822 24.4705 19.9801 24.0601 19.7754Z' fill='white'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

html body .ozc-product-card--pack-malviseg .ozc-product-card__wa-btn:hover {
	background: #1fbc59;
	color: #ffffff;
	box-shadow: 0 10px 20px rgba(37, 211, 102, 0.28);
	transform: translateY(-1px);
}

html body .ozc-product-card--pack-malviseg .ozc-product-card__wa-btn:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.45);
}