/**
 * Zweb — paleta e detalhes alinhados a site/sistemas/zweb.html
 * (carregado só com body.flowgen-sistema-skin-zweb)
 */

body.flowgen-sistema-skin-zweb {
	--orange: #1E61B0;
	--orange-dark: #00549E;
	--orange-light: #1C7CD1;
	--zweb-blue-soft: rgba(30, 97, 176, 0.08);
}

/* Chip do hero: harmonização azul */
body.flowgen-sistema-skin-zweb .sistema-hero .sistema-hero-tag,
body.flowgen-sistema-skin-zweb .sistema-hero-tag {
	background: var(--zweb-blue-soft) !important;
	border: 1px solid rgba(30, 97, 176, 0.3) !important;
	color: #7bb9ff !important;
}

/*
 * Planos: o template inclui <style> inline (maior prioridade de cascata no body);
 * reforçar com #planos e !important para a sombra e a pill de utilizadores.
 */
body.flowgen-sistema-skin-zweb #planos .flowgen-plano-card.destaque {
	box-shadow: 0 12px 48px rgba(30, 97, 176, 0.12) !important;
}

body.flowgen-sistema-skin-zweb #planos .flowgen-plano-usuarios {
	background: var(--zweb-blue-soft) !important;
	color: var(--orange) !important;
}

/* Diferenciais: remover acento alaranjado e manter leitura em azul */
body.flowgen-sistema-skin-zweb .sistema-difs .dif-icon {
	background: linear-gradient(135deg, #1e61b0 0%, #2f8ee6 100%) !important;
	box-shadow: 0 4px 10px rgba(30, 97, 176, 0.28) !important;
}

body.flowgen-sistema-skin-zweb .sistema-difs .dif-item:hover {
	border-color: rgba(30, 97, 176, 0.45) !important;
	box-shadow: 0 14px 34px rgba(30, 97, 176, 0.22) !important;
}

/* Para quem: remover gradiente/sombra laranja dos ícones */
body.flowgen-sistema-skin-zweb .para-quem-icon {
	background: linear-gradient(135deg, #1e61b0 0%, #2f8ee6 100%) !important;
	box-shadow: 0 4px 10px rgba(30, 97, 176, 0.28) !important;
}

body.flowgen-sistema-skin-zweb .para-quem-item:hover {
	box-shadow: 0 12px 28px rgba(30, 97, 176, 0.16) !important;
}

/* Planos: destaque e outline sempre no azul da skin */
body.flowgen-sistema-skin-zweb #planos .flowgen-plano-card.destaque {
	border-color: #2f7dcb !important;
}

body.flowgen-sistema-skin-zweb #planos .flowgen-plano-badge {
	background: #2f6cb5 !important;
}

body.flowgen-sistema-skin-zweb #planos .flowgen-plano-body .btn.btn-outline-orange {
	color: #1e61b0 !important;
	border-color: #1e61b0 !important;
}

body.flowgen-sistema-skin-zweb #planos .flowgen-plano-body .btn.btn-outline-orange:hover {
	background: #1e61b0 !important;
	border-color: #1e61b0 !important;
	color: #fff !important;
}

/* CTA final: trocar gradiente laranja por base escura com azul */
body.flowgen-sistema-skin-zweb .cta-final {
	background:
		radial-gradient(circle at 25% 10%, rgba(30, 97, 176, 0.35) 0%, rgba(30, 97, 176, 0) 45%),
		linear-gradient(180deg, #111722 0%, #0c1119 100%) !important;
}

/* Planos: no hover, sombra azul em vez de laranja */
body.flowgen-sistema-skin-zweb #planos .flowgen-plano-card:hover {
	box-shadow: 0 14px 34px rgba(30, 97, 176, 0.22) !important;
	border-color: rgba(30, 97, 176, 0.45) !important;
}

/* Planos: bordas em azul escuro (substitui tom alaranjado do inline) */
body.flowgen-sistema-skin-zweb #planos .flowgen-plano-card,
body.flowgen-sistema-skin-zweb #planos .flowgen-plano-card.destaque,
body.flowgen-sistema-skin-zweb #planos .flowgen-plano-card:hover {
	border-color: #0f3f78 !important;
}

/* Hero: harmonizar botão primário removendo brilho laranja */
body.flowgen-sistema-skin-zweb .sistema-hero .btn.btn-primary {
	background: #1e61b0 !important;
	border-color: #1e61b0 !important;
}

body.flowgen-sistema-skin-zweb .sistema-hero .btn.btn-primary:hover,
body.flowgen-sistema-skin-zweb .sistema-hero .btn.btn-primary:focus-visible {
	background: #0f3f78 !important;
	border-color: #0f3f78 !important;
	box-shadow: 0 6px 20px rgba(15, 63, 120, 0.35) !important;
}

/* Footer da Zweb: fundo azul, tipografia branca e logo convertida para branco */
body.flowgen-sistema-skin-zweb .site-footer {
	background: #1e61b0 !important;
}

body.flowgen-sistema-skin-zweb .site-footer,
body.flowgen-sistema-skin-zweb .site-footer p,
body.flowgen-sistema-skin-zweb .site-footer h4,
body.flowgen-sistema-skin-zweb .site-footer li,
body.flowgen-sistema-skin-zweb .site-footer span,
body.flowgen-sistema-skin-zweb .site-footer a,
body.flowgen-sistema-skin-zweb .site-footer .footer-col ul li a,
body.flowgen-sistema-skin-zweb .site-footer .footer-brand p {
	color: #fff !important;
}

body.flowgen-sistema-skin-zweb .site-footer .footer-col ul li a:hover,
body.flowgen-sistema-skin-zweb .site-footer .footer-col ul li a:focus-visible {
	color: #fff !important;
	opacity: 0.85;
}

body.flowgen-sistema-skin-zweb .site-footer .footer-brand .logo img {
	filter: brightness(0) invert(1);
}