:root {
  --grad-a: rgba(136, 0, 255, 1);
  --grad-b: rgba(57, 22, 254, 1);
}

html, body {
  font-family: "fractul-variable", sans-serif;
}

#bg {
  background: linear-gradient(90deg, var(--grad-a) 0%, var(--grad-b) 100%);
}

/* Header */
#site-header { backdrop-filter: saturate(1.2) blur(2px); }

/* Logo */
#logo-wrap { will-change: transform; transform-origin: center center; }
.logo-img { filter: drop-shadow(0 6px 18px rgba(0,0,0,.25)); max-width: 420px; }
.header-compact .logo-img { height: 2rem !important; width: auto; }

.logo-img-header{
    max-width: 70px;
}

#chatNewton{
    margin-top: 120px;
}

.chat-layout .chat-header{
    display: none !important;
}

.chat-layout{
    border-radius: 30px 30px 0 0;
}

.chat-footer {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 70%;
  z-index: 1000;
}

.chat-layout .chat-body{
    background: transparent !important;
}

/* Fade-out */
.fade-out {
  opacity: 0 !important;
  transform: translateY(-8px);
  transition: opacity 300ms ease, transform 300ms ease;
}

.n8n-chat-class {
	height: 70vh !important;
}

@media (max-width: 768px) {
  .chat-footer {
    max-width: 90%;           /* ocupa 90% en móviles */
  }
}