@import url('base.css');
@import url('header.css');
@import url('hero.css');
@import url('sobre.css');
@import url('novidades.css');
@import url('footer.css');
:root{
  --chat-bg: #050505;
  --chat-border: rgba(255,255,255,.08);
  --chat-shadow: 0 14px 35px rgba(0,0,0,.65);
  --chat-accent: #16d19a;          /* já alinha com o teu --btn */
}

/* Launcher fixo no canto */
.chat-launcher{
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 16px;
  border-radius: 999px;
  background: radial-gradient(circle at 0 0, rgba(255,255,255,.04), transparent 55%),
              var(--chat-bg);
  border: 1px solid var(--chat-border);
  box-shadow: var(--chat-shadow);

  color: #f9fafb;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  text-decoration: none;
  cursor: pointer;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    opacity .18s ease;
}

.chat-launcher:hover{
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 18px 40px rgba(0,0,0,.75);
  background: radial-gradient(circle at 0 0, rgba(255,255,255,.06), transparent 55%),
              #050505;
  opacity: .98;
}

/* Ícone circular com anel verde */
.chat-launcher__icon{
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0, #ffffff, #16d19a 70%);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
}

.chat-launcher__icon i{
  font-size: 18px;
  color: #050505;
}

/* Anel de pulso suave */
.chat-launcher__pulse{
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  border: 2px solid rgba(22,209,154,.35);
  opacity: 0;
  animation: chatPulse 1.8s ease-out infinite;
}

@keyframes chatPulse{
  0%{ transform: scale(.7); opacity:.6; }
  70%{ transform: scale(1.1); opacity:0; }
  100%{ transform: scale(1.1); opacity:0; }
}

/* Texto */
.chat-launcher__text{
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.chat-launcher__label{

  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

.chat-launcher__sub{
  font-size: 11px;
  color: #9ca3af;
}

/* Mobile: mais compacto */
@media (max-width: 640px){
  .chat-launcher{
    right: 14px;
    bottom: 14px;
    padding: 9px 13px;
  }
  .chat-launcher__icon{
    width: 30px;
    height: 30px;
  }
  .chat-launcher__label{
    font-size: 12px;
  }
  .chat-launcher__sub{
    display: none; /* só “Fala connosco” em ecrãs pequenos */
  }
}