/* CTA de contacto en la cabecera móvil.
 * Vive dentro de .header-mobile-button, que el tema ya oculta en ≥1101 px, así que no
 * necesita media query propia. Auditoría 2026-10: 8 de 10 páginas no tenían ningún
 * WhatsApp/teléfono por encima del pliegue en móvil (el primer enlace estaba a 3.000-11.000 px).
 * Verde de marca de WhatsApp = #12864a (contraste 4,9:1 con texto blanco). */
.top_panel_navi .header-mobile-button { gap: 8px; }
.top_panel_navi .header-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #12864a;
	color: #fff;
	text-decoration: none;
}
.top_panel_navi .header-cta svg { width: 22px; height: 22px; display: block; }
.top_panel_navi .header-cta:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Icono hamburguesa en la home: su cabecera es un layout personalizado de trx_addons (.top_panel_custom),
 * no .default_header, así que el glifo que define el padre (style.css:1806) no se aplicaba y el botón
 * del menú era invisible. Misma regla que el padre, para ese layout. */
.top_panel_custom .sc_layouts_menu_mobile_button .sc_layouts_item_icon::before {
	font-family: 'fontello';
	content: "\e8ba";
}