/* ═══════════════════════════════════════════════════════
   BATE ESTACA COVER — bloco de transição dentro do index
   (identidade BE azul-naval + amarelo, dentro do tema kmm.)
═══════════════════════════════════════════════════════ */

/* linha separadora horizontal no bridge */
.be-bridge-hline{ display:none; }

/* bridge do oeste */
.be-bridge-oeste-copy{
  font-family:'Playfair Display',serif;
  font-style:italic;
  font-size:clamp(1.6rem,4vw,2.6rem);
  color:rgba(245,194,0,0.82);
  letter-spacing:.02em;
  line-height:1.2;
}

/* ══════════════════════════════════════
   BRIDGE — transição kmm → Bate Estaca
══════════════════════════════════════ */
.be-bridge{
  position:relative;
  padding:64px 20px;
  background:linear-gradient(to bottom,#080808 0%,#030e1c 100%);
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.be-bridge::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 50% 120% at 0% 50%,rgba(201,149,42,0.06) 0%,transparent 70%),
    radial-gradient(ellipse 50% 120% at 100% 50%,rgba(245,194,0,0.05) 0%,transparent 70%),
    radial-gradient(ellipse 40% 80% at 50% 100%,rgba(245,194,0,0.07) 0%,transparent 70%);
}
.be-bridge::after{
  content:'';
  position:absolute;top:0;left:0;right:0;
  height:2px;z-index:4;
  background:linear-gradient(90deg,transparent,rgba(245,194,0,0.6) 25%,rgba(245,194,0,1) 50%,rgba(245,194,0,0.6) 75%,transparent);
}
.be-bridge-bottom-line{
  position:absolute;bottom:0;left:0;right:0;
  height:2px;z-index:4;
  background:linear-gradient(90deg,transparent,rgba(245,194,0,0.6) 25%,rgba(245,194,0,1) 50%,rgba(245,194,0,0.6) 75%,transparent);
}
.be-bridge-content{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:20px;
  text-align:center;
  width:100%;max-width:600px;
}
.be-bridge-tag{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(245,194,0,0.07);
  border:1px solid rgba(245,194,0,0.22);
  border-radius:100px;padding:8px 22px;
  font-family:'Syne',sans-serif;font-size:.68rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(245,194,0,0.75);
}
.be-bridge-tag-dot{
  width:5px;height:5px;border-radius:50%;background:#f5c200;
  animation:bdPulse 2s ease-in-out infinite;
}
@keyframes bdPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
.be-bridge-brands{
  display:flex;align-items:center;gap:20px;
}
.be-bridge-brand-kmm{
  font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:-.04em;
  background:linear-gradient(135deg,rgba(230,200,140,0.7),rgba(201,149,42,0.8));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  opacity:.7;
}
.be-bridge-plus{
  font-family:'Permanent Marker',cursive;font-size:1.1rem;color:rgba(245,194,0,0.4);
  line-height:1;
}
.be-bridge-brand-be{
  font-family:'Permanent Marker',cursive;font-size:1.5rem;color:rgba(245,194,0,0.75);
  letter-spacing:.02em;
}
.be-bridge-brand-be-img{
  height:8.8rem;
  width:auto;
  max-width:100%;
  object-fit:contain;
  display:block;
}

@media (max-width: 640px) {
  .be-bridge-brand-be-img {
    height: auto;
    width: 72%;
    max-width: 260px;
    margin: 0 auto;
    display: block;
  }
  .be-bridge-brands {
    justify-content: center;
    width: 100%;
  }
}
.be-bridge-vline{
  width:1px;height:48px;
  background:linear-gradient(to bottom,rgba(245,194,0,0.4),transparent);
}
.be-bridge-copy{
  font-family:'Barlow',sans-serif;font-size:.78rem;
  color:rgba(176,191,212,0.45);max-width:340px;line-height:1.6;
}

/* ══════════════════════════════════════
   BATE ESTACA — seção principal
══════════════════════════════════════ */
#bate-estaca{
  padding:0;position:relative;overflow:hidden;
  min-height:600px;display:flex;align-items:center;justify-content:center;
}
.be-bg{position:absolute;inset:0;background:#04101e;z-index:0;}

.be-glow{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 50% at 50% 20%,rgba(245,194,0,0.07) 0%,transparent 60%),
    radial-gradient(ellipse 60% 70% at 50% 80%,rgba(10,26,58,0.8) 0%,transparent 80%);
}
.be-stripes{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.025;
  background:repeating-linear-gradient(135deg,#f5c200 0px,#f5c200 2px,transparent 2px,transparent 52px);
}
.be-topline{
  position:absolute;top:0;left:0;right:0;height:2px;z-index:3;
  background:linear-gradient(90deg,transparent,rgba(245,194,0,0.6) 25%,rgba(245,194,0,1) 50%,rgba(245,194,0,0.6) 75%,transparent);
}
.be-scanlines{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.018;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,1) 0px,rgba(255,255,255,1) 1px,transparent 1px,transparent 4px);
}

.be-inner{
  position:relative;z-index:2;text-align:center;
  padding:80px 24px 88px;max-width:700px;margin:0 auto;
}
.be-header-img{
  display:block;
  width:100%;max-width:100%;
  height:auto;
  margin:0 auto 32px;
  object-fit:contain;
}

.be-logo{
  width:100px;height:100px;border-radius:50%;margin:0 auto 24px;
  background:linear-gradient(145deg,#0d2248,#1a3c8a);
  border:2px solid rgba(245,194,0,0.5);
  display:flex;align-items:center;justify-content:center;
  font-family:'Permanent Marker',cursive;font-size:1.3rem;color:#f5c200;
  box-shadow:0 0 0 8px rgba(245,194,0,0.05),0 0 44px rgba(245,194,0,0.2);
  animation:beGlow2 3.2s ease-in-out infinite;
}
@keyframes beGlow2{
  0%,100%{box-shadow:0 0 0 8px rgba(245,194,0,0.05),0 0 36px rgba(245,194,0,0.15);}
  50%{box-shadow:0 0 0 14px rgba(245,194,0,0.08),0 0 60px rgba(245,194,0,0.3);}
}

.be-eyebrow{
  font-family:'Barlow Condensed',sans-serif;
  font-size:.66rem;font-weight:800;letter-spacing:.28em;
  text-transform:uppercase;color:#f5c200;opacity:.65;
  margin-bottom:12px;
}

.be-title{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;font-style:italic;
  font-size:clamp(3.8rem,10vw,7rem);
  line-height:.86;letter-spacing:-.02em;
  text-transform:uppercase;color:#fff;
  margin-bottom:10px;
  text-shadow:0 4px 40px rgba(245,194,0,0.1);
}
.be-title .be-accent{
  color:#f5c200;
  -webkit-text-stroke:1px rgba(245,194,0,0.3);
}

.be-subtitle{
  font-family:'Permanent Marker',cursive;
  font-size:clamp(1.05rem,2.8vw,1.45rem);
  color:#f5c200;
  opacity:.82;
  margin-bottom:32px;
  letter-spacing:.04em;
  transform:rotate(-1.4deg);
  display:block;
  text-align:center;
  text-shadow:0 2px 22px rgba(245,194,0,0.28),0 0 8px rgba(245,194,0,0.12);
}

.be-pills{
  display:flex;align-items:center;justify-content:center;
  gap:10px;flex-wrap:wrap;margin-bottom:28px;
}
.be-pill{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid rgba(245,194,0,0.2);
  border-radius:100px;padding:5px 14px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.72rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#b0bfd4;
  background:rgba(255,255,255,0.03);
}
.be-pill-dot{
  width:5px;height:5px;border-radius:50%;
  background:#f5c200;opacity:.7;flex-shrink:0;
}

.be-desc{
  font-family:'Barlow',sans-serif;
  font-size:.9rem;color:#7a90b0;
  line-height:1.7;max-width:380px;margin:0 auto 40px;
}
.be-desc strong{color:#b0bfd4;font-weight:600;}

.be-cta{
  display:inline-flex;align-items:center;gap:11px;
  background:#f5c200;color:#04101e;
  padding:16px 44px;border-radius:100px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;
  box-shadow:0 0 44px rgba(245,194,0,0.3),0 4px 24px rgba(0,0,0,0.5);
  transition:all .25s ease;
}
.be-cta:hover{
  background:#ffd740;transform:translateY(-3px);
  box-shadow:0 0 70px rgba(245,194,0,0.48),0 8px 32px rgba(0,0,0,0.55);
}
.be-cta svg{transition:transform .2s}
.be-cta:hover svg{transform:translateX(5px)}

.be-stats{
  display:flex;align-items:center;justify-content:center;
  gap:0;margin-top:48px;
  border:1px solid rgba(245,194,0,0.12);
  border-radius:16px;overflow:hidden;
  background:rgba(245,194,0,0.03);
}
.be-stat{
  flex:1;padding:18px 12px;text-align:center;
  border-right:1px solid rgba(245,194,0,0.1);
}
.be-stat:last-child{border-right:none;}
.be-stat-num{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:900;font-size:1.6rem;color:#f5c200;
  line-height:1;margin-bottom:4px;
}
.be-stat-label{
  font-family:'Barlow',sans-serif;
  font-size:.62rem;color:#4a5e7a;
  text-transform:uppercase;letter-spacing:.1em;
}