/* Widget de WhatsApp (plugin Click to Chat, estilo "chip" en escritorio),
   según ABRASIVO_Complete-elementos web_boton whatsapp.png del cliente.
   El ícono y el color del chip -fondo y texto- ya se resuelven desde las
   opciones del propio plugin (wp_options: ht_ctc_s4, filtradas al vuelo en
   functions.php -abrasivomx_whatsapp_icono-, sin tocar la base); lo que el
   plugin no expone como opción es la cursiva del texto ni la sombra bajo el
   chip, así que van acá.

   Colores/sombra medidos por pixel contra el PNG de referencia del cliente:
   fondo del chip #FFF6E6, texto #3C3C3B. */
.ctc_chip {
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

.ctc_cta {
	font-style: italic;
}

/* El ícono va más grande que la franja de la burbuja -según la referencia,
   el círculo verde mide ~1.6x el alto del chip y sobresale por arriba y
   por abajo, no queda encerrado dentro-. El tamaño del ícono ya se agranda
   desde s4_img_size (ver abrasivomx_whatsapp_icono en functions.php); lo
   que falta es que el chip no lo acompañe: el plugin fija su line-height
   en 32px pero, sin una altura explícita, un ícono más alto que eso estira el
   propio flex-container -ambos crecían parejo, el ícono nunca sobresalía-.
   height fija en el chip + overflow visible deja que el ícono se salga sin
   empujar la burbuja. */
.ctc_chip {
	height: 32px !important;
	overflow: visible;
}