.alax-hero-swiper{position:relative}
.alax-ga4-overlay{position:absolute;left:50%;transform:translateX(-50%);bottom:var(--alax-ga4-bottom,24px);z-index:12;max-width:calc(100% - 34px);width:max-content;pointer-events:none;text-align:center;color:#fff;display:none;text-shadow:0 2px 7px rgba(0,0,0,.8)}
.alax-ga4-overlay.is-ready{display:block}
.alax-ga4-logo{display:block;margin:0 auto 8px;max-width:230px;max-height:76px;width:auto;height:auto;object-fit:contain}
.alax-ga4-stats{display:flex;justify-content:center;align-items:stretch;gap:0}
.alax-ga4-item{min-width:120px;padding:0 15px}
.alax-ga4-item+.alax-ga4-item{border-left:1px solid rgba(255,255,255,.5)}
.alax-ga4-value{display:block;font-size:clamp(17px,1.75vw,24px);font-weight:700;line-height:1.12;font-variant-numeric:tabular-nums}
.alax-ga4-label{display:block;font-size:10px;font-weight:600;letter-spacing:.075em;margin-top:5px;text-transform:uppercase;white-space:nowrap}
@media(max-width:600px){.alax-ga4-item{min-width:0;padding:0 9px}.alax-ga4-logo{max-width:160px;max-height:54px;margin-bottom:6px}.alax-ga4-value{font-size:clamp(14px,4vw,19px)}.alax-ga4-label{font-size:8px;letter-spacing:0}.alax-ga4-overlay{max-width:calc(100% - 16px)}}

/* Controles de dimensões publicados pelo painel Analytics */
.alax-ga4-overlay .alax-ga4-logo{width:var(--alax-ga4-logo-width,160px);max-width:min(100%,400px);max-height:none;height:auto}
.alax-ga4-overlay .alax-ga4-value{font-size:var(--alax-ga4-number-font,24px)}
@media(max-width:600px){.alax-ga4-overlay .alax-ga4-logo{width:min(var(--alax-ga4-logo-width,160px),65vw);max-height:none}.alax-ga4-overlay .alax-ga4-value{font-size:clamp(12px,3.6vw,var(--alax-ga4-number-font,24px))}}

/* Espaço vertical independente: logo acima das métricas */
.alax-ga4-overlay .alax-ga4-logo{margin-bottom:var(--alax-ga4-logo-gap,8px)}

/* Quarta metrica: distribui igualmente os indicadores com quebra no celular. */
.alax-ga4-overlay .alax-ga4-item{min-width:0;padding-left:12px;padding-right:12px}
.alax-ga4-overlay .alax-ga4-stats{flex-wrap:wrap;row-gap:10px}
.alax-ga4-overlay .alax-ga4-recent .alax-ga4-label{letter-spacing:0.02em}
@media(max-width:600px){.alax-ga4-overlay .alax-ga4-item{padding:0 7px}.alax-ga4-overlay .alax-ga4-label{font-size:8px}}

/* Quatro indicadores sempre na mesma linha, inclusive em telas menores. */
.alax-ga4-overlay .alax-ga4-stats{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;row-gap:0;width:100%}
.alax-ga4-overlay .alax-ga4-item{flex:0 1 auto;min-width:0;padding-left:12px;padding-right:12px}
.alax-ga4-overlay .alax-ga4-label{white-space:nowrap}
@media(max-width:600px){
 .alax-ga4-overlay{max-width:calc(100% - 12px)}
 .alax-ga4-overlay .alax-ga4-item{padding-left:4px;padding-right:4px}
 .alax-ga4-overlay .alax-ga4-value{font-size:clamp(10px,3.05vw,var(--alax-ga4-number-font,24px))}
 .alax-ga4-overlay .alax-ga4-label{font-size:clamp(5px,1.55vw,8px);letter-spacing:0}
}

/* Rótulos compactos em português, mantendo valores e estrutura intactos. */
.alax-ga4-overlay .alax-ga4-label{font-size:9px;letter-spacing:.01em;text-transform:none;font-weight:600}
@media(max-width:600px){.alax-ga4-overlay .alax-ga4-label{font-size:clamp(6px,1.4vw,8px);letter-spacing:0}}


/* Quinto indicador: preservar a fileira no desktop e caber nas telas estreitas. */
.alax-ga4-overlay .alax-ga4-stats{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch}
.alax-ga4-overlay .alax-ga4-item{flex:0 1 auto;min-width:0}
.alax-ga4-overlay .alax-ga4-events .alax-ga4-label{white-space:nowrap}
@media(max-width:767px){
  .alax-ga4-overlay{width:calc(100% - 12px);max-width:calc(100% - 12px)}
  .alax-ga4-overlay .alax-ga4-stats{width:100%}
  .alax-ga4-overlay .alax-ga4-item{flex:1 1 0;padding-left:2px;padding-right:2px}
  .alax-ga4-overlay .alax-ga4-value{font-size:clamp(10px,2.7vw,14px)!important;white-space:nowrap}
  .alax-ga4-overlay .alax-ga4-label{font-size:clamp(5px,1.3vw,7px);line-height:1.3;white-space:normal;overflow-wrap:normal;letter-spacing:0}
}