/* ===== Overrides OLI (custom, carrega depois do main.min.css) ===== */

/* Menu superior mais harmonioso: itens e botao maiores */
.wkode-header__li { font-size: 1.9rem; }
.wkode-header__nav-button {
  font-size: 1.9rem;
  padding: .7rem 1.8rem;
}

/* ===== Pop-up Promo Aniversario OLI ===== */
.oli-promo-overlay{
  position:fixed; inset:0; z-index:100000;
  background:rgba(0,0,0,.75);
  display:flex; align-items:center; justify-content:center;
  padding:24px;
}
.oli-promo-overlay[hidden]{ display:none; }
.oli-promo-box{
  position:relative;
  width:100%; max-width:440px; max-height:92vh;
  animation:oli-promo-in .3s ease;
}
.oli-promo-img{
  display:block; width:100%; height:auto;
  max-height:92vh; object-fit:contain;
  border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.5);
}
.oli-promo-close{
  position:absolute; top:-14px; right:-14px; z-index:3;
  width:42px; height:42px; border-radius:50%;
  background:#fff; color:#111; border:none;
  font-size:28px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.45);
  transition:transform .15s ease;
}
.oli-promo-close:hover{ transform:scale(1.1); }
.oli-promo-cta{
  position:absolute; left:48%; top:75%;
  transform:translate(-50%,-50%);
  width:43%; z-index:2;
  display:block;
}
.oli-promo-btn{
  display:block; width:100%; height:auto;
  animation:oli-promo-pulse 1.4s ease-in-out infinite;
  transform-origin:center;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));
}
@keyframes oli-promo-pulse{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.07); }
}
@keyframes oli-promo-in{
  from{ opacity:0; transform:scale(.92); }
  to{ opacity:1; transform:scale(1); }
}
@media (max-width:480px){
  .oli-promo-box{ max-width:92vw; }
  .oli-promo-close{ top:-8px; right:-4px; width:38px; height:38px; font-size:24px; }
}

/* ===== Cores dos planos apos reordenar (Premium 1o, cada plano mantem sua cor) ===== */
.wkode-planos .wkode-planos__item:nth-of-type(1) .wkode-planos__item_title { background: linear-gradient(90deg, #C17B2C 0%, #CF8F32 15.5%, #DDB153 32%, #FFE770 47%, #FFE770 57.5%, #DDB153 70.5%, #CF8F32 84.5%, #C17B2C 98%); color: #000; } /* Premium - dourado */
.wkode-planos .wkode-planos__item:nth-of-type(2) .wkode-planos__item_title { background: linear-gradient(90deg, #661003 0%, #B22611 100%); color: #fff; } /* Transmissao c/ Maquina - vermelho */
.wkode-planos .wkode-planos__item:nth-of-type(3) .wkode-planos__item_title { background: linear-gradient(90deg, #145021 0%, #0E6C09 100%); color: #fff; } /* Transmissao Manual - verde */
.wkode-planos .wkode-planos__item:nth-of-type(4) .wkode-planos__item_title { background: linear-gradient(90deg, #071927 0%, #063999 100%); color: #fff; } /* Sistemas Anexos - azul */
.wkode-planos .wkode-planos__item:nth-of-type(5) .wkode-planos__item_title { background: linear-gradient(90deg, #898D8C 0%, #CACAC8 14%, #D1D2D4 33.5%, #D1D2D4 55.5%, #CACAC8 77.5%, #898D8C 100%); color: #000; } /* Motor - prata */
.wkode-planos .wkode-planos__item:nth-of-type(6) .wkode-planos__item_title { background: linear-gradient(90deg, #071927 0%, #590699 100%); color: #fff; } /* Consultas - roxo */