<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<link rel="preconnect" href="https://securepubads.g.doubleclick.net" />
<link rel="preload" as="script" fetchpriority="high" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" />
<script src="https://wrapper.timomidia.com/estacaonegocioscom.js" async></script>
<?php do_action( 'brius_head_init' )?>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5" />
<meta name="theme-color" content="<?php echo brius_get_property('theme-color'); ?>" />
<meta name="apple-mobile-web-app-status-bar-style" content="<?php echo brius_get_property('theme-color'); ?>" />
<meta name="msapplication-navbutton-color" content="<?php echo brius_get_property('theme-color'); ?>" />
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
<?php brius_post_tags(); ?>
<title><?php if (is_page() || is_single()){ the_title(); echo " | "; bloginfo( 'name' ); }else{ wp_title(''); }?></title>
<?php wp_head(); ?>
<?php
// Helper: pega a propriedade do tema com fallback, sem quebrar caso venha vazia.
if ( ! function_exists('en_prop') ) {
function en_prop( $key, $fallback = '' ) {
if ( function_exists('brius_get_property') ) {
$v = brius_get_property( $key );
return ( $v !== '' && $v !== null ) ? $v : $fallback;
}
return $fallback;
}
}
?>
<style id="en-header-css">
/* ============================================================
0. RESET DO HEADER NATIVO DO TEMA
Oculta o header original (Brius) — substituído pelo .en-header
============================================================ */
.header,
div.header,
.header__container {
display: none !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
html,
body {
margin-top: 0 !important;
padding-top: 0 !important;
}
body,
#app,
#global-layout,
.global-layout {
margin-top: 0 !important;
padding-top: 0 !important;
}
#wpadminbar ~ #app,
#wpadminbar ~ div {
margin-top: 0 !important;
}
/* ============================================================
1. HEADER CUSTOMIZADO (.en-header)
============================================================ */
.en-header *,
.en-header *::before,
.en-header *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.en-header {
position: relative;
z-index: 100;
width: 100%;
background: #ffffff;
border-bottom: 1px solid #e8e8e8;
box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
font-family: "Open Sans", sans-serif;
}
.en-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
height: 68px;
}
/* Logo */
.en-header__logo a {
display: flex;
align-items: center;
text-decoration: none;
border-bottom: none !important;
padding: 0 !important;
}
.en-header__logo img {
height: 38px !important;
width: auto !important;
max-width: 180px !important;
display: block !important;
margin: 0 !important;
object-fit: contain;
}
/* Nav desktop */
.en-header__nav {
display: flex;
align-items: center;
gap: 2px;
list-style: none;
}
.en-header__nav li a {
display: block;
font-size: 14px;
font-weight: 700;
color: #16161a !important;
text-decoration: none;
border-bottom: none !important;
padding: 8px 14px !important;
border-radius: 6px;
letter-spacing: .01em;
transition: background .2s, color .2s;
white-space: nowrap;
}
.en-header__nav li a:hover {
background: #f0fdfb;
color: #00ccb8 !important;
}
/* Hambúrguer */
.en-header__burger {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
width: 40px;
height: 40px;
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 6px;
transition: background .2s;
-webkit-tap-highlight-color: transparent;
}
.en-header__burger:hover {
background: #f0f0f0;
}
.en-header__burger span {
display: block;
width: 22px;
height: 2px;
background: #16161a;
border-radius: 2px;
transition: transform .3s ease, opacity .3s ease, width .3s ease;
transform-origin: center;
}
.en-header__burger.is-open span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.en-header__burger.is-open span:nth-child(2) {
opacity: 0;
width: 0;
}
.en-header__burger.is-open span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* Drawer mobile */
.en-header__drawer {
display: none;
position: fixed;
top: 68px;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
z-index: 9998;
padding: 24px 16px;
overflow-y: auto;
border-top: 3px solid #00ccb8;
box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
}
.en-header__drawer.is-open {
display: block;
}
.en-header__drawer ul {
list-style: none;
padding: 0;
margin: 0;
}
.en-header__drawer li a {
display: block;
font-size: 16px;
font-weight: 700;
color: #16161a !important;
text-decoration: none;
padding: 16px 12px !important;
border-radius: 8px;
border-bottom: 1px solid #f0f0f0 !important;
transition: background .2s, color .2s;
}
.en-header__drawer li:last-child a {
border-bottom: none !important;
}
.en-header__drawer li a:hover {
background: #f0fdfb;
color: #00ccb8 !important;
}
/* ============================================================
2. TIPOGRAFIA / TÍTULOS
============================================================ */
.detail-page__content-title {
font-family: Verdana, Geneva, sans-serif;
font-size: 1.25rem !important;
font-weight: 600;
margin-bottom: 0.75rem;
}
.news-page__column .detail-page__content-title {
margin-bottom: 0.5rem;
}
.post-card--featured .post-card__title,
.news-page__column .detail-page__content-title {
text-align: center !important;
font-size: 20px !important;
line-height: 1.5 !important;
text-decoration: none !important;
}
.post-card__title {
font-size: 18px !important;
color: #000;
font-weight: 700 !important;
}
.has-text-align-center {
font-size: 14px !important;
text-align: center !important;
}
/* ============================================================
3. LAYOUT / ESPAÇAMENTO
============================================================ */
section {
padding-top: 0 !important;
}
.news-page,
.detail-page,
.news-container {
margin-top: 20px !important;
}
.news-contents-section__block {
height: auto !important;
max-width: none !important;
}
/* ============================================================
4. CARDS
============================================================ */
.post-card {
background: #1ed6c317;
border: 1px solid hsla(215, 20%, 20%, 0.5);
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 10px 30px -10px hsla(0, 0%, 0%, 0.3);
}
/* ============================================================
5. IMAGENS
============================================================ */
img {
max-width: 50% !important;
margin: auto !important;
display: block !important;
}
.wp-post-image {
height: 100% !important;
}
.image-effect-scale {
border: 0 solid !important;
border-radius: 3px;
}
.news-contents-section__blocks--columns3 .image-effect-scale img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.detail-page__content-image {
margin-bottom: 2rem !important;
display: none;
}
/* ============================================================
6. CONTEÚDO / DESCRIÇÃO DO CARTÃO
============================================================ */
.credit__card_description .credit__card_description__body p {
font-family: "Open Sans", sans-serif !important;
font-size: 17px !important;
line-height: 1.5 !important;
margin-top: 1.5rem;
}
.credit__card_description .credit__card_description__body :not(.button-container) > a {
border-bottom: 2px solid #00ccb8 !important;
padding: 15px !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
padding: 15px;
}
.news-container ol,
.news-container ul,
ol,
ul {
list-style-type: disc !important;
}
/* ============================================================
7. BOTÕES
============================================================ */
.credit__card_description .credit__card_description__body .wp-block-buttons {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
}
.credit__card_description .credit__card_description__body .wp-block-button {
display: flex !important;
justify-content: center !important;
}
.credit__card_description .credit__card_description__body .wp-block-button__link {
display: inline-flex !important;
justify-content: center !important;
text-align: center !important;
margin: 0 auto !important;
}
.styck-button {
position: sticky;
bottom: 0;
z-index: 1;
background: #fff;
padding: 2%;
margin: 0 -6% !important;
border-bottom: 0.5px solid rgb(0 0 0 / 10%);
}
.button-identity {
background-color: #0045ff;
color: #ffffff !important;
font-weight: 600;
}
/* ============================================================
8. POSTS RELACIONADOS
============================================================ */
.related .image-effect-scale {
background-color: #fff !important;
border: 1px solid #e5e5e5;
height: 30vw;
z-index: 100;
}
.related .category-post {
position: absolute;
top: 6px;
left: 6px;
background: #09cfbb !important;
color: #fff;
font-size: 10px;
padding: 3px 10px;
border-radius: 20px;
font-weight: 600;
}
.related .post-card__excerpt {
padding: 0 !important;
display: none;
}
/* ============================================================
9. RODAPÉ
============================================================ */
#footer__page {
background-color: #ffffff !important;
padding-top: 2.5rem;
border-top: solid 1px #000 !important;
}
#footer__page .footer__page__bottom {
--text-opacity: 1;
border-top: 0 solid #fff !important;
color: rgba(255, 255, 255, var(--text-opacity));
font-family: Verdana, Geneva, sans-serif;
margin-left: 1.5rem;
margin-right: 1.5rem;
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.footer-text,
.footer-menu-column-title {
color: #000000 !important;
}
/* ============================================================
10. ELEMENTOS OCULTOS
============================================================ */
.detail-page__author-signoff {
display: none !important;
}
.footer-menu-columns {
display: none;
}
#comments {
display: none !important;
}
/* ============================================================
11. ACENTO DE COR (resíduo do header nativo / Brius)
============================================================ */
#menu #main-menu ul li a span:before,
.brius_lightweight_identity {
background-color: #00ccb8 !important;
}
/* ============================================================
12. MEDIA QUERIES
============================================================ */
@media (max-width: 768px) {
.en-header__nav {
display: none !important;
}
.en-header__burger {
display: flex !important;
}
}
@media (min-width: 769px) {
.en-header__burger {
display: none !important;
}
.en-header__drawer {
display: none !important;
}
}
@media screen and (min-width: 1024px) {
.related .image-effect-scale {
height: 100% !important;
}
}
/* ============================================================
13. CORES DINÂMICAS DO TEMA (Brius) — vêm por último p/ vencer
============================================================ */
:root {
--bolt-identity-color: <?php echo en_prop('identity-color', '#00ccb8'); ?>;
--bolt-button-background-color: <?php echo en_prop('button-color', '#0045ff'); ?>;
--bolt-button-background-color-hover: <?php echo en_prop('button-color-hover', '#0035cc'); ?>;
--bolt-button-color: <?php echo en_prop('button-font-color', '#ffffff'); ?>;
--bolt-button-hover-color: <?php echo en_prop('button-hover-font-color', '#ffffff'); ?>;
}
.button-identity {
background-color: <?php echo en_prop('button-color', '#0045ff'); ?>;
color: <?php echo en_prop('button-font-color', '#ffffff'); ?>;
font-weight: 600;
}
.credit__card_description .credit__card_description__body .button-identity:hover {
background-color: var(--bolt-button-background-color-hover);
color: var(--bolt-button-hover-color);
}
.brius_lightweight_identity_font {
color: <?php echo en_prop('identity-color', '#00ccb8'); ?> !important;
}
.post-card--featured .post-card__title,
.news-page__column .detail-page__content-title {
text-decoration: underline;
text-decoration-color: <?php echo en_prop('identity-color', '#00ccb8'); ?>;
}
.credit__card_description .credit__card_description__body :not(.button-container)>a {
border-bottom: 2px solid <?php echo en_prop('identity-color', '#00ccb8'); ?>;
}
#menu #main-menu ul li a span,
#menu #main-menu ul li span {
color: <?php echo en_prop('menu-font-color', '#16161a'); ?>;
}
#menu #main-menu ul li a span:before,
.brius_lightweight_identity {
background-color: <?php echo en_prop('identity-color', '#00ccb8'); ?>;
}
</style>
<script>
window.bolt_info = <?php echo json_encode(brius_get_post_info()); ?>;
</script>
<style type="text/css">
<?php include( BOLT_THEME_LAYOUT_ABS_PATH . '/assets/css/style.min.css' ); ?>
<?php include( BOLT_THEME_LAYOUT_ABS_PATH . '/assets/css/style-new.min.css' ); ?>
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VW2R6X5DFL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VW2R6X5DFL');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17960349695"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-17960349695');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18207315699"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-18207315699');
</script>
<script>
window._evx = window._evx || [];
var _evx = window._evx;
_evx.push(['config', {
accountId: '37',
gatewayUrl: 'https://pushgateway.everinbox.com.br',
swPath: '/sw.js',
swScope: '/',
}]);
</script>
<script src="https://storage.everinbox.com.br/push/v1/sdk.min.js" async></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtag/js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MPP8G7S');</script>
<?php
$current_page_id = get_the_ID();
$current_page = get_post_field('post_name', $current_page_id);
if( $current_page == 'mejor-tarjeta-likeu-santander' ){ ?>
<script async defer src="https://tools.luckyorange.com/core/lo.js?site-id=643c4616"></script>
<?php } ?>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WQL3QJ13M3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WQL3QJ13M3');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18068150489"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-18068150489');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18161612446"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-18161612446');
</script>
<!-- Move imagem destaque abaixo do mob_top -->
<script>
document.addEventListener("DOMContentLoaded", function() {
var divParaMover = document.querySelector('.image-effect-scale');
var divDestino = document.getElementById('estacaonegocios_mob_top')
|| document.getElementById('ad-estacaonegocios-mob-top');
if (divParaMover && divDestino) {
divDestino.parentNode.insertBefore(divParaMover, divDestino.nextSibling);
}
});
</script>
<!-- Follow UTM parameters -->
<script>
function removerParametros(url, parametros) {
var partes = url.split("?");
if (partes.length < 2) {
return url;
}
var base = partes[0];
var pares = partes[1].split("&");
var paresFiltrados = pares.filter(function(par) {
return parametros.indexOf(par.split("=")[0]) === -1;
});
var novaConsulta = paresFiltrados.join("&");
return base + (novaConsulta ? "?" + novaConsulta : "");
}
document.addEventListener("DOMContentLoaded", function() {
var querystring;
if (!location.search) {
querystring = "?utm_source=direct&utm_medium=email";
} else {
querystring = location.search;
var params = new URLSearchParams(querystring);
if (!params.has("utm_source")) {
querystring += "&utm_source=direct";
}
if (!params.has("utm_medium")) {
querystring += "&utm_medium=email";
}
}
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
var href = links[i].getAttribute("href");
if (
!href ||
href.startsWith("#") ||
href.startsWith("javascript:") ||
href.startsWith("mailto:") ||
href.startsWith("tel:")
) {
continue;
}
var novaURL = removerParametros(href, ["utm_source", "utm_medium"]);
var separador = novaURL.indexOf("?") === -1 ? "?" : "&";
links[i].setAttribute(
"href",
novaURL + querystring.replace("?", separador)
);
}
});
</script>
<!-- Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "of00v8wati");
</script>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "rgde38t2dl");
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10798217586"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10798217586');
</script>
<script data-site="estacao-negocios">
(function () {
var COLLECT_ENDPOINT = '/wa-collect';
var EVT = 'tihee:ad-event';
var FLUSH_MS = 5000, IDLE_MS = 1800000;
var script = document.currentScript;
var SITE = (script && script.getAttribute('data-site')) || location.host;
var covBuffer = [], webBuffer = [];
var device = window.matchMedia('(max-width: 768px)').matches ? 'mob' : 'desk';
function now() { return Date.now(); }
function rid() { return now().toString(36) + Math.random().toString(36).slice(2, 10); }
function sessionId() {
try {
var id = sessionStorage.getItem('wa_sid');
var ts = parseInt(sessionStorage.getItem('wa_sid_ts') || '0', 10);
if (!id || (now() - ts) > IDLE_MS) { id = rid(); sessionStorage.setItem('wa_sid', id); }
sessionStorage.setItem('wa_sid_ts', String(now()));
return id;
} catch (e) { return rid(); }
}
function path() {
var p = location.pathname;
while (p.length > 1 && p.charAt(p.length - 1) === '/') p = p.slice(0, -1);
return p || '/';
}
function qp(n) { try { return new URLSearchParams(location.search).get(n) || ''; } catch (e) { return ''; } }
function send(endpoint, payload) {
if (navigator.sendBeacon) navigator.sendBeacon(endpoint, payload);
else fetch(endpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload, keepalive: true }).catch(function(){});
}
function flush() {
// UM beacon combinado: cobertura por DOMÍNIO (location.host) + web por
// OPERAÇÃO (data-site = SITE). sid só quando há evento web (mantém a sessão).
var nc = covBuffer.length, nw = webBuffer.length;
if (!nc && !nw) return;
send(COLLECT_ENDPOINT, JSON.stringify({
covHost: location.host,
webHost: SITE,
sid: nw ? sessionId() : '',
cov: nc ? covBuffer.splice(0, covBuffer.length) : [],
web: nw ? webBuffer.splice(0, webBuffer.length) : []
}));
}
function pushWeb(item) { webBuffer.push(item); if (webBuffer.length >= 100) flush(); }
window.addEventListener(EVT, function (event) {
var d = event.detail || {}, original = d.original || {}, name = original.event, type;
if (name === 'ad_request') type = 'req';
else if (name === 'ad_response') type = 'res';
else return;
var adUnitPath = original.ad_unit_path || (d.slot && d.slot.adUnitPath) || '';
var item = { e: type, p: adUnitPath, pos: (d.adUnit && d.adUnit.position) || '', dev: (d.context && d.context.device) || '' };
var isEmpty = (type === 'res' && d.metadata && typeof d.metadata.isEmpty === 'boolean') ? d.metadata.isEmpty : null;
if (isEmpty !== null) item.empty = isEmpty;
covBuffer.push(item);
if (covBuffer.length >= 100) flush();
});
// GPT como fonte ÚNICA de cobertura + impressão/floor (tudo vai no beacon
// único → /wa-collect → Worker):
// • slotRequested = 1 request → covBuffer (cobertura).
// • slotRenderEnded = 1 resposta → covBuffer (empty=true sem fill, false preenchida).
// • slotRenderEnded preenchido = 1 impressão + floor (timo_pr) → webBuffer.
(window.googletag = window.googletag || { cmd: [] }).cmd.push(function () {
try {
googletag.pubads().addEventListener('slotRequested', function (ev) {
var au = ''; try { au = ev.slot.getAdUnitPath() || ''; } catch (e) {}
covBuffer.push({ e: 'req', p: au, pg: path(), s: qp('utm_source'), dev: device });
if (covBuffer.length >= 100) flush();
});
googletag.pubads().addEventListener('slotRenderEnded', function (ev) {
var au = ''; try { au = ev.slot.getAdUnitPath() || ''; } catch (e) {}
covBuffer.push({ e: 'res', p: au, pg: path(), s: qp('utm_source'), dev: device, empty: !!ev.isEmpty });
if (covBuffer.length >= 100) flush();
if (ev.isEmpty) return; // floor/impressão só quando preencheu
// Floor pode estar em 'timo_pr' (wrappers src.timomidia, BRL) ou em
// 'publinker_floor' (wrappers wrapper.timomidia, USD). c marca a moeda.
var fl = 0, cur = ''; try {
var t = ev.slot.getTargeting('timo_pr');
if (t && t.length) { fl = parseFloat(t[0]); cur = 'BRL'; }
else { var pf = ev.slot.getTargeting('publinker_floor'); if (pf && pf.length) { fl = parseFloat(pf[0]); cur = 'USD'; } }
} catch (e) {}
pushWeb({ e: 'imp', p: path(), u: au, f: (fl > 0 ? fl : 0), c: cur, s: qp('utm_source') });
});
} catch (e) {}
});
function pageview() { pushWeb({ e: 'pv', p: path(), ref: document.referrer || '', us: qp('utm_source'), um: qp('utm_medium'), uc: qp('utm_campaign'), dev: device }); }
var pageStart = now(), maxScroll = 0;
function trackScroll() { var h = document.documentElement, s = (h.scrollHeight - h.clientHeight), pct = s > 0 ? Math.round((h.scrollTop / s) * 100) : 0; if (pct > maxScroll) maxScroll = Math.min(100, pct); }
function flushEngagement() { var secs = Math.round((now() - pageStart) / 1000); if (secs <= 0 && maxScroll === 0) return; pushWeb({ e: 'eng', p: path(), t: secs, sd: maxScroll }); pageStart = now(); maxScroll = 0; }
window.addEventListener('scroll', trackScroll, { passive: true });
// Só conta navegação quando a PÁGINA muda. O interstitial do GPT
// (#google_vignette) e afins chamam history.pushState sem trocar o path —
// não podem virar pageview duplicado da mesma página.
var lastPath = path();
function onNav() { var p = path(); if (p === lastPath) return; flushEngagement(); lastPath = p; pageview(); }
(function () { var ps = history.pushState; history.pushState = function () { var r = ps.apply(this, arguments); onNav(); return r; }; window.addEventListener('popstate', onNav); })();
pageview();
setInterval(flush, FLUSH_MS);
document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'hidden') { flushEngagement(); flush(); } });
window.addEventListener('pagehide', function () { flushEngagement(); flush(); });
})();
</script>
</head>
<body>
<?php if ( is_home() || is_category() ) { ?>
<?php } ?>
<div id="app">
<div id="global-layout" class="global-layout">
<!-- HEADER CUSTOMIZADO -->
<header class="en-header">
<div class="en-header__inner">
<!-- Logo -->
<div class="en-header__logo">
<a href="<?php echo home_url(); ?>">
<img
src="<?php echo brius_get_logo_url(); ?>"
alt="<?php bloginfo('name'); ?>"
width="180"
height="38"
/>
</a>
</div>
<?php
// Resolve o menu UMA vez, reutilizado no nav desktop e no drawer mobile.
$locations = get_nav_menu_locations();
$menu_items = false;
if ( ! empty( $locations['header-menu'] ) ) {
$menu_items = wp_get_nav_menu_items( $locations['header-menu'] );
}
if ( ! $menu_items && ! empty( $locations['primary'] ) ) {
$menu_items = wp_get_nav_menu_items( $locations['primary'] );
}
if ( ! $menu_items ) {
$menu_items = wp_get_nav_menu_items( 'header-menu' );
}
if ( ! $menu_items ) {
$all_menus = wp_get_nav_menus();
if ( ! empty( $all_menus ) ) {
$menu_items = wp_get_nav_menu_items( $all_menus[0]->term_id );
}
}
?>
<!-- Menu desktop -->
<nav aria-label="Menu principal">
<ul class="en-header__nav">
<?php
if ( $menu_items ) :
foreach ( $menu_items as $item ) :
if ( $item->menu_item_parent == 0 ) :
?>
<li>
<a href="<?php echo esc_url($item->url); ?>">
<?php echo esc_html($item->title); ?>
</a>
</li>
<?php
endif;
endforeach;
endif;
?>
</ul>
</nav>
<!-- Botão hamburguer -->
<button
class="en-header__burger"
id="en-burger"
aria-label="Abrir menu"
aria-expanded="false"
aria-controls="en-drawer"
>
<span></span>
<span></span>
<span></span>
</button>
</div>
</header>
<!-- Drawer mobile -->
<nav
class="en-header__drawer"
id="en-drawer"
aria-label="Menu mobile"
>
<ul>
<?php
if ( $menu_items ) :
foreach ( $menu_items as $item ) :
if ( $item->menu_item_parent == 0 ) :
?>
<li>
<a href="<?php echo esc_url($item->url); ?>" class="en-drawer__link">
<?php echo esc_html($item->title); ?>
</a>
</li>
<?php
endif;
endforeach;
endif;
?>
</ul>
</nav>
<!-- JS menu mobile -->
<script>
document.addEventListener('DOMContentLoaded', function() {
var burger = document.getElementById('en-burger');
var drawer = document.getElementById('en-drawer');
if (!burger || !drawer) return;
burger.addEventListener('click', function() {
var isOpen = drawer.classList.contains('is-open');
if (isOpen) {
drawer.classList.remove('is-open');
burger.classList.remove('is-open');
burger.setAttribute('aria-expanded', 'false');
} else {
drawer.classList.add('is-open');
burger.classList.add('is-open');
burger.setAttribute('aria-expanded', 'true');
}
});
var links = drawer.querySelectorAll('a');
links.forEach(function(link) {
link.addEventListener('click', function() {
drawer.classList.remove('is-open');
burger.classList.remove('is-open');
burger.setAttribute('aria-expanded', 'false');
});
});
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
drawer.classList.remove('is-open');
burger.classList.remove('is-open');
burger.setAttribute('aria-expanded', 'false');
}
});
});
</script>
Los vales de despensa son un beneficio laboral que las empresas otorgan a sus empleados, generalmente en forma de tarjetas electrónicas o cupones, para la compra de alimentos y productos básicos.
Estos vales están diseñados para complementar el salario del trabajador, permitiéndole cubrir necesidades esenciales sin afectar su presupuesto principal.
Para los empleados, representan un apoyo directo en la adquisición de bienes de primera necesidad, mejorando su bienestar y calidad de vida.
Para los empleadores, los vales de despensa no solo ayudan a incrementar la satisfacción y lealtad de sus colaboradores, sino que también ofrecen ventajas fiscales, ya que en muchos países estos beneficios están exentos de ciertos impuestos.
Mecanismos de funcionamiento
Los vales de despensa son emitidos por empresas especializadas que colaboran con las organizaciones para distribuirlos entre sus empleados, ya sea en formato de tarjeta electrónica o como cupones físicos.
Una vez que el trabajador recibe estos vales, puede utilizarlos en una red de establecimientos afiliados, que incluyen supermercados, tiendas de conveniencia y otros comercios que ofrezcan productos de primera necesidad.
Sin embargo, su uso está restringido a la compra de alimentos y productos básicos, lo que excluye la adquisición de bebidas alcohólicas, tabaco y otros artículos no esenciales.
Además, algunas legislaciones limitan la cantidad máxima de vales que un empleado puede recibir, con el fin de asegurar que se utilicen adecuadamente para su propósito original.
Tipos de vales de despensa
Los vales de despensa están disponibles en varios formatos, siendo los más comunes las tarjetas electrónicas y los cupones de papel.
Las tarjetas electrónicas se han vuelto cada vez más populares debido a su conveniencia y facilidad de uso, permitiendo a los empleados realizar compras de manera rápida y segura en una amplia gama de establecimientos afiliados.
Además, ofrecen la ventaja de poder ser recargadas de forma automática por las empresas, reduciendo la necesidad de manejar efectivo o papel.
Por otro lado, los cupones de papel, aunque menos comunes en la actualidad, todavía son utilizados en algunas regiones o por empresas más tradicionales.
Estos cupones ofrecen una simplicidad que puede ser atractiva para ciertos usuarios, pero carecen de la seguridad y la comodidad que brindan las tarjetas electrónicas.
En resumen, mientras que las tarjetas electrónicas destacan por su modernidad y versatilidad, los cupones de papel ofrecen una alternativa más directa, aunque con menos funcionalidades.
Normativas y regulaciones
Las normativas y regulaciones que rigen los vales de despensa varían según el país, pero generalmente están enmarcadas en la legislación laboral y fiscal.
Estas leyes establecen las condiciones bajo las cuales las empresas pueden ofrecer este beneficio, incluyendo límites en el monto máximo que se puede otorgar y las exenciones fiscales correspondientes.
Las empresas están legalmente obligadas a cumplir con estas normativas, asegurando que los vales sean utilizados exclusivamente para la compra de alimentos y productos básicos, tal como lo estipulan las regulaciones.
Por su parte, los empleados deben adherirse a las restricciones de uso, evitando la compra de productos no permitidos y respetando los términos acordados.
El cumplimiento de estas obligaciones legales es fundamental para que ambos, empleadores y empleados, puedan disfrutar de los beneficios asociados a los vales de despensa sin incurrir en sanciones o pérdidas fiscales.
Beneficios fiscales
Los vales de despensa ofrecen importantes beneficios fiscales tanto para las empresas como para los trabajadores.
Para las empresas, estos vales suelen estar exentos de ciertos impuestos, lo que representa una ventaja económica significativa al reducir la carga tributaria y optimizar los costos asociados a la compensación laboral.
Además, al ofrecer vales de despensa, las empresas pueden mejorar la satisfacción de sus empleados sin aumentar directamente el salario, lo que a su vez reduce los costos de seguridad social.
Para los trabajadores, los vales de despensa impactan positivamente en su economía personal, ya que les permiten adquirir alimentos y productos básicos sin afectar su salario neto.
Esta ventaja se traduce en un mayor poder adquisitivo y una mejor gestión del presupuesto familiar, contribuyendo así a mejorar su calidad de vida y bienestar económico.
Impacto en el presupuesto familiar
Los vales de despensa tienen un impacto significativo en el presupuesto familiar, ya que ayudan a gestionar de manera más eficiente el gasto en alimentos y productos de primera necesidad.
Al recibir vales de despensa, los trabajadores pueden destinar una parte de su salario a otros gastos o ahorros, sabiendo que tienen cubierto un porcentaje importante de sus necesidades básicas.
Por ejemplo, una familia que utiliza vales de despensa para sus compras semanales en el supermercado puede ahorrar una cantidad considerable de dinero al final del mes, lo que les permite planificar mejor sus finanzas y reservar recursos para emergencias o metas a largo plazo.
Además, al estar destinados exclusivamente a la compra de alimentos, los vales de despensa fomentan una planificación más consciente y responsable del presupuesto familiar, evitando gastos innecesarios y asegurando que los recursos se utilicen de manera óptima.
Consejos para el uso eficiente
Para maximizar el beneficio de los vales de despensa, es fundamental planificar las compras de manera estratégica.
Una sugerencia clave es elaborar una lista de los productos esenciales antes de ir al supermercado, priorizando aquellos que se necesitan realmente, lo que ayuda a evitar compras impulsivas.
Además, aprovechar las ofertas y descuentos en los establecimientos afiliados puede estirar aún más el valor de los vales.
También es recomendable llevar un control del saldo disponible para evitar sorpresas al momento de pagar.
Un error común que se debe evitar es utilizar los vales en compras innecesarias o no planificadas, lo que puede llevar a un gasto ineficiente y a la falta de recursos para necesidades futuras.
Otro error es no verificar las fechas de vencimiento de los vales, lo que puede resultar en la pérdida de su valor si no se utilizan a tiempo.
Al seguir estos consejos, los trabajadores pueden sacar el máximo provecho de sus vales de despensa y mejorar su planificación financiera.
Estação Negócios