/* Tema principal ARPRINT3D
   Inspirado en azul noche, azul petroleo, azul neon y verde hoja. */
html.palette-botanica {
  --f-display: 'Exo 2', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;
  --c-bg: #020708;
  --c-bg-2: #031A36;
  --c-bg-3: #052A4E;
  --c-surface: rgba(19, 122, 96, 0.10);
  --c-border: rgba(0, 140, 255, 0.24);
  --c-border-soft: rgba(164, 224, 196, 0.10);
  --c-text: #E8F6EF;
  --c-text-dim: #A7C7BE;
  --c-text-mute: #66877F;
  --c-accent: #008CFF;
  --c-accent-2: #147A31;
  --c-accent-soft: rgba(0, 140, 255, 0.13);
  --c-glow: 0 0 10px rgba(0, 140, 255, 0.20), 0 0 26px rgba(20, 122, 49, 0.14);
  --c-glow-soft: 0 0 7px rgba(0, 140, 255, 0.18);
}

html.palette-botanica body {
  background: #020708;
}

html.palette-botanica .bg-grid {
  background-image:
    linear-gradient(rgba(0,140,255,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,140,255,0.055) 1px, transparent 1px);
}

html.palette-botanica .bg-scan {
  background:
    radial-gradient(circle at 18% 4%, rgba(0, 98, 130, 0.32), transparent 48%),
    radial-gradient(circle at 84% 20%, rgba(20, 122, 49, 0.24), transparent 42%),
    radial-gradient(circle at 50% 72%, rgba(0, 140, 255, 0.10), transparent 52%),
    radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 0%, #020708 84%);
}

html.palette-botanica .header,
html.palette-botanica .header.scrolled {
  background: rgba(2, 7, 8, 0.78);
  border-bottom-color: rgba(0, 140, 255, 0.16);
}

html.palette-botanica .brand-logo,
html.palette-botanica .footer-logo {
  filter: drop-shadow(0 0 12px rgba(0, 140, 255, 0.20));
}

html.palette-botanica .glow,
html.palette-botanica .accent,
html.palette-botanica .brand-sub,
html.palette-botanica .ticker-track,
html.palette-botanica .section-title .glow {
  color: #39B7FF;
  text-shadow: 0 0 9px rgba(0, 140, 255, 0.18);
}

html.palette-botanica .btn-primary,
html.palette-botanica .nav-cta,
html.palette-botanica .price-tag,
html.palette-botanica .faq-item[open] .faq-ico,
html.palette-botanica .wa-pulse,
html.palette-botanica .footer::before {
  background: linear-gradient(135deg, #37B8FF 0%, #008CFF 34%, #147A31 100%);
  color: #020708;
  box-shadow: 0 0 0 1px rgba(0, 140, 255, 0.42), 0 14px 30px rgba(0, 0, 0, 0.34);
}

html.palette-botanica .btn-primary:hover,
html.palette-botanica .nav-cta:hover {
  background: linear-gradient(135deg, #6FD0FF 0%, #008CFF 38%, #0F5E2A 100%);
  box-shadow: 0 0 0 1px rgba(0, 140, 255, 0.55), 0 16px 34px rgba(0, 0, 0, 0.40);
}

html.palette-botanica .btn-ghost,
html.palette-botanica .contact-form,
html.palette-botanica .faq-item,
html.palette-botanica .price-card,
html.palette-botanica .service-card,
html.palette-botanica .step,
html.palette-botanica .g-item,
html.palette-botanica .contact-card {
  background:
    radial-gradient(circle at 24% 0%, rgba(0, 140, 255, 0.07), transparent 44%),
    linear-gradient(170deg, rgba(6, 32, 43, 0.96), rgba(2, 7, 8, 0.74));
  border-color: rgba(0, 140, 255, 0.16);
}

html.palette-botanica .service-card:hover,
html.palette-botanica .step:hover,
html.palette-botanica .g-item:hover,
html.palette-botanica .price-card:hover,
html.palette-botanica .contact-wa:hover,
html.palette-botanica .social:hover {
  border-color: rgba(0, 140, 255, 0.42);
  box-shadow: 0 0 10px rgba(0, 140, 255, 0.14), 0 24px 54px rgba(0,0,0,0.32);
}

html.palette-botanica .section-tag,
html.palette-botanica .kicker,
html.palette-botanica .contact-wa,
html.palette-botanica .social,
html.palette-botanica .chip {
  background: rgba(5, 42, 78, 0.46);
  border-color: rgba(0, 140, 255, 0.20);
}

html.palette-botanica .pulse,
html.palette-botanica .wa-mark-bubble,
html.palette-botanica .form-dots i:first-child,
html.palette-botanica .faq-num,
html.palette-botanica .chip.active {
  background: #008CFF;
  color: #020708;
  box-shadow: 0 0 8px rgba(0, 140, 255, 0.24);
}

html.palette-botanica .hero-robot-stage::before,
html.palette-botanica .hero-visual::before {
  background:
    radial-gradient(circle at 48% 45%, rgba(0, 140, 255, 0.12), transparent 44%),
    radial-gradient(circle at 60% 64%, rgba(20, 122, 49, 0.20), transparent 70%);
}

html.palette-botanica .hero-stats li,
html.palette-botanica .contact-card::before,
html.palette-botanica .contact-card::after {
  border-color: #008CFF;
}

html.palette-botanica .wa-float {
  box-shadow: 0 0 0 4px rgba(0, 140, 255, 0.12), 0 14px 30px rgba(0,0,0,0.35);
}

html.palette-botanica body {
  letter-spacing: 0;
}

html.palette-botanica .hero-title,
html.palette-botanica .section-title,
html.palette-botanica .brand-name {
  letter-spacing: -0.015em;
}

html.palette-botanica .hero-sub,
html.palette-botanica .section-sub,
html.palette-botanica .service-card p,
html.palette-botanica .step p,
html.palette-botanica .faq-a {
  line-height: 1.7;
}

/* Header brand original */
html.palette-botanica .brand-name {
  font-family: 'Orbitron', system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: 0.035em;
  color: #ffffff;
  text-shadow: none;
}

html.palette-botanica .brand-name .accent {
  color: #97D700;
  text-shadow: 0 0 8px rgba(151, 215, 0, 0.18);
}

html.palette-botanica .brand-sub {
  color: #ffffff;
  text-shadow: none;
}
/* Center brand subtitle */
html.palette-botanica .brand-text {
  align-items: center;
}

html.palette-botanica .brand-sub {
  width: 100%;
  text-align: center;
}
/* Brand subtitle size bump */
html.palette-botanica .brand-sub {
  font-size: clamp(11px, 1vw, 15px);
  letter-spacing: 0.18em;
}
/* Original section titles trial */
html.palette-botanica .section-title,
html.palette-botanica .hero-title {
  font-family: 'Orbitron', system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
}

html.palette-botanica .section-title .glow,
html.palette-botanica .hero-title .glow {
  color: #97D700;
  text-shadow: 0 0 8px rgba(151, 215, 0, 0.18);
}

html.palette-botanica .cursor-blink {
  color: #97D700;
}
/* WhatsApp Tron green */
html.palette-botanica .wa-mark-bubble {
  fill: #25D366;
}

html.palette-botanica .wa-icon,
html.palette-botanica .wa-float {
  background:
    radial-gradient(circle at 50% 50%, rgba(37, 211, 102, 0.20), transparent 58%),
    #031A36;
  box-shadow:
    0 0 0 3px rgba(0, 140, 255, 0.30),
    0 0 0 7px rgba(37, 211, 102, 0.12),
    0 0 22px rgba(0, 140, 255, 0.25),
    0 14px 30px rgba(0,0,0,0.36);
}

html.palette-botanica .wa-pulse {
  background: radial-gradient(circle, rgba(37, 211, 102, 0.50) 0%, rgba(0, 140, 255, 0.34) 48%, transparent 72%);
}

html.palette-botanica .contact-wa .wa-icon {
  border: 1px solid rgba(0, 140, 255, 0.42);
}

html.palette-botanica .contact-wa {
  background:
    radial-gradient(circle at 9% 50%, rgba(37, 211, 102, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(0, 140, 255, 0.12), rgba(20, 122, 49, 0.10));
}
/* WhatsApp perfect circle fix */
html.palette-botanica .wa-icon,
html.palette-botanica .wa-float {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  flex: 0 0 auto;
  overflow: visible;
}

html.palette-botanica .wa-icon {
  width: 58px;
  height: 58px;
  min-width: 58px;
}

html.palette-botanica .wa-float {
  width: 60px;
  height: 60px;
  min-width: 60px;
}

html.palette-botanica .wa-icon svg,
html.palette-botanica .wa-float svg {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}

html.palette-botanica .contact-wa .wa-icon {
  border-radius: 50%;
  outline: 2px solid rgba(0, 140, 255, 0.34);
  outline-offset: 4px;
  border: 0;
}
/* Classic WhatsApp icon cleanup */
html.palette-botanica .wa-mark-shadow {
  fill: #ffffff;
}

html.palette-botanica .wa-mark-bubble {
  fill: #25D366;
}

html.palette-botanica .wa-mark-phone {
  fill: #ffffff;
}

html.palette-botanica .contact-wa .wa-icon {
  background: transparent;
  box-shadow: none;
  outline: 0;
  border: 0;
}

html.palette-botanica .contact-wa .wa-icon svg {
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.24));
}

html.palette-botanica .wa-float {
  background: transparent;
  box-shadow:
    0 0 0 3px rgba(0, 140, 255, 0.28),
    0 0 22px rgba(0, 140, 255, 0.22),
    0 14px 30px rgba(0,0,0,0.36);
}

html.palette-botanica .wa-float svg {
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.30));
}
/* WhatsApp no clip fix */
html.palette-botanica .wa-icon,
html.palette-botanica .wa-float {
  overflow: visible;
}

html.palette-botanica .wa-icon svg,
html.palette-botanica .wa-float svg {
  border-radius: 0;
  overflow: visible;
  display: block;
}

html.palette-botanica .wa-mark-shadow,
html.palette-botanica .wa-mark-bubble,
html.palette-botanica .wa-mark-phone {
  transform-box: fill-box;
  transform-origin: center;
}