/* Trust Bar – Régua de benefícios */ .trust-bar { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 25px; background-color: #E8E3DC; padding: 20px 15px; border-top: 1px solid #D5CFC5; border-bottom: 1px solid #D5CFC5; margin: 0 !important; width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; } .trust-item { display: flex; align-items: center; gap: 10px; flex-shrink: 0; opacity: 1 !important; /* Forçar opacidade total */ } .trust-item svg { width: 22px; height: 22px; color: #000000 !important; /* Preto puro */ stroke: #000000 !important; fill: none !important; flex-shrink: 0; opacity: 1 !important; /* Forçar opacidade total */ } .trust-item span { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; color: #000000 !important; /* Preto puro */ white-space: nowrap; line-height: 1.2 !important; opacity: 1 !important; /* Forçar opacidade total */ -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .separator { font-size: 16px; color: #666666 !important; font-weight: 300; opacity: 1 !important; } /* Tablet */ @media (max-width: 1024px) { .trust-bar { gap: 15px; padding: 18px 12px; } .trust-item span { font-size: 10px !important; letter-spacing: 0.6px !important; } .trust-item svg { width: 20px; height: 20px; } } /* Mobile */ @media (max-width: 768px) { .trust-bar { gap: 12px; padding: 15px 10px; justify-content: space-around; } .separator { display: none; } .trust-item { gap: 6px; } .trust-item span { font-size: 8px !important; letter-spacing: 0.4px !important; font-weight: 600 !important; } .trust-item svg { width: 16px; height: 16px; } } /* Mobile muito pequeno */ @media (max-width: 480px) { .trust-bar { gap: 8px; } .trust-item { flex-direction: column; text-align: center; gap: 4px; } .trust-item span { font-size: 7px !important; max-width: 60px; white-space: normal; } } ****** /* Remover espaço entre banner e trust bar */ .trust-bar { margin-top: 0 !important; padding-top: 20px !important; } /* Remover margem do banner acima */ .wp-block-image, .wp-block-cover, figure.wp-block-image { margin-bottom: 0 !important; } /* Se o banner estiver em um grupo/container */ .wp-block-group { margin-bottom: 0 !important; } /* Remover padding do container principal */ .entry-content > *:first-child { margin-top: 0 !important; } /* Forçar colagem da trust bar ao elemento anterior */ .wp-block-html + .trust-bar, div + .trust-bar { margin-top: -20px !important; } /* Se houver padding no container da página */ .mistica-page-content, .entry-content, main { padding-top: 0 !important; } /* Caso específico do tema Mistica */ .page .entry-content, .single .entry-content { padding-top: 0 !important; }