/* Identidad de portada aplicada a paginas internas. Sin estilos en linea (CSP). */
:root { --bg: #05070d; --bg-2: #080d17; --panel: rgba(10, 16, 28, .74); --panel-strong: rgba(8, 13, 23, .94); --line: rgba(120, 160, 255, .2); --line-strong: rgba(79, 216, 255, .5); --accent: #2e6bff; --accent-2: #4fd8ff; }
body { font-family: "Geist", Inter, ui-sans-serif, -apple-system, "Segoe UI", sans-serif; background: #05070d; }
h1, h2 { font-family: "Geist", Inter, ui-sans-serif, sans-serif; letter-spacing: -.035em; }
.brand { font-family: "Unbounded", "Geist", sans-serif; letter-spacing: -.01em; }
h1 { font-weight: 600; font-size: clamp(2rem, 6.2vw, 4rem); line-height: 1.05; }
h2 { font-size: clamp(1.45rem, 4vw, 2.4rem); line-height: 1.12; }
.gradient-text { color: #a7c5ff; }
.section-label { text-transform: none; letter-spacing: .015em; font-size: .82rem; font-weight: 600; }
.stage-btn, .mission-panel, .card { transition: border-color .2s ease, background-color .2s ease, transform .2s ease; }
#journey-title { scroll-margin-top: calc(var(--nav-h, 76px) + 24px); }
@media (hover: hover) { .stage-btn:hover, .card:hover { border-color: var(--line-strong); } }
html { scroll-padding-top: calc(var(--nav-h, 76px) + 24px); }
@media (max-width: 699px) {
  body .gon-launcher { min-width: 0; min-height: 0; width: 60px; height: 60px; padding: 6px; justify-content: center; border-radius: 20px; bottom: max(16px, env(safe-area-inset-bottom)); right: max(16px, env(safe-area-inset-right)); }
  body .gon-launcher .gon-launcher-copy, body .gon-launcher .gon-launcher-spark, body .gon-launcher .gon-invite { display: none; }
}

@media (max-width: 767px) {
  .solutions-page .page-hero {
    min-height: auto;
    justify-content: flex-start;
    padding-top: 46px;
    padding-bottom: 48px;
  }
}

/* Menu: misma voz tipografica que la portada */
.site-nav .nav-inner { align-items: center; height: 72px; }
.site-nav .brand { font-family: 'Unbounded', system-ui, sans-serif; font-weight: 700; letter-spacing: -.01em; font-size: 1.05rem; }
.site-nav .brand-mark {
  width: 28px;
  height: 28px;
  flex: none;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, #62d4ff 0%, #2e6bff 75%);
  box-shadow: 0 0 22px -4px rgba(46, 107, 255, .8);
}
.site-nav .brand-mark::before,
.site-nav .brand-mark::after {
  position: absolute;
  height: 3px;
  border-radius: 3px;
  background: #05070d;
  box-shadow: none;
  opacity: 1;
}
.site-nav .brand-mark::before { width: auto; left: 7px; right: 7px; top: 8px; }
.site-nav .brand-mark::after { width: auto; left: 11px; right: 7px; top: auto; bottom: 8px; }
.site-nav .nav-links a { font-weight: 500; font-size: .95rem; letter-spacing: -.005em; opacity: .82; transition: opacity .2s ease, color .2s ease; }
.site-nav .nav-links a:hover, .site-nav .nav-links a[aria-current="page"] { opacity: 1; color: var(--accent-2, #4fd8ff); }
.site-nav .nav-links a.nav-cta { opacity: 1; font-weight: 600; min-height: 46px; padding: 0 18px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #dce9ff; background: #dce9ff; color: #071326 !important; }
.site-nav .nav-links a.nav-cta:hover { color: #071326; background: #fff; border-color: #fff; }
.nav-open-gon { display: none; }
/* Hero interno: aire y escala como en la portada */
.page-hero { padding-block: clamp(72px, 12vw, 132px) clamp(40px, 7vw, 72px); }
.page-hero h1 { max-width: 21ch; font-family: "Geist", Inter, ui-sans-serif, sans-serif; font-size: clamp(2.6rem, 4.7vw, 4.2rem); letter-spacing: -.05em; line-height: 1.06; text-wrap: balance; }
.page-hero .lede { max-width: 58ch; font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.6; opacity: .88; }
.page-hero .section-label { letter-spacing: .015em; text-transform: none; font-size: .9rem; font-weight: 500; }
.page-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.page-hero-actions .btn { min-height: 48px; border-radius: 9px; }
.page-hero-actions .btn-primary { background: #dce9ff; color: #071326; border-color: #dce9ff; }
.page-hero-actions .btn-primary:hover { background: #fff; border-color: #fff; }
.page-hero-actions .btn-secondary { background: rgba(7,15,29,.58); color: #e5edfb; border-color: rgba(170,197,238,.25); }
.agents-hero h1 { max-width: 18ch; font-family: "Geist", Inter, ui-sans-serif, sans-serif; font-size: clamp(2.7rem, 4.7vw, 4.3rem); letter-spacing: -.05em; line-height: 1.05; }
.agents-hero .agents-kicker { text-transform: none; letter-spacing: .015em; font-size: .9rem; font-weight: 500; }
.feature { border-radius: 14px; border-color: rgba(142,177,235,.18); background: linear-gradient(145deg, rgba(17,28,47,.78), rgba(8,15,27,.72)); box-shadow: 0 24px 60px -52px rgba(0,0,0,.9); }
.feature .icon { border-radius: 9px; color: #8fb8ff; border-color: rgba(94,149,255,.28); background: rgba(94,149,255,.08); }
.cta-band { border-radius: 14px; border-color: rgba(142,177,235,.24); background: radial-gradient(ellipse at 85% 0%, rgba(54,103,190,.16), transparent 55%), linear-gradient(135deg, rgba(15,27,46,.94), rgba(8,15,27,.96)); }

.privacy-draft-notice {
  margin-top: 22px;
  padding: 18px 20px;
  border: 1px solid rgba(94,149,255,.32);
  border-left: 3px solid #5e95ff;
  border-radius: 12px;
  background: rgba(18,34,58,.72);
  color: #e8f1ff;
}
.privacy-draft-notice strong { display: block; margin-bottom: 5px; }
.privacy-draft-notice p { margin: 0; color: #b5c2d7; font-size: .94rem; line-height: 1.65; }

@media (max-width: 767px) {
  .site-nav .nav-inner { height: 68px; }
  .page-hero { padding-top: 54px; }
  .page-hero h1 { max-width: 16ch; font-size: clamp(2.35rem, 9.8vw, 3.7rem); }
  .page-hero-actions { align-items: stretch; }
  .page-hero-actions .btn { width: 100%; }
  .agents-hero h1 { font-size: clamp(2.45rem, 10vw, 3.7rem); }
  .site-nav .nav-links > .nav-open-gon { display: block; width: 100%; margin-top: 14px; padding: 14px 8px; border: 1px solid rgba(170,197,238,.25); border-radius: 12px; background: rgba(7,15,29,.58); color: #e5edfb; text-align: left; font: inherit; font-size: clamp(1.25rem, 6vw, 2rem); }
}