/* Von der Heyde — sistema visual para páginas de activos */
.strategy-page {
  color: #fff;
  background: #07182b;
}

.strategy-page .strategy-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  color: #fff;
  background: rgba(7, 24, 43, .94);
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 30px rgba(0,0,0,.14);
  backdrop-filter: blur(14px);
}
.strategy-page .strategy-nav .brand-mark {
  color: #c7a46d;
  border-color: rgba(234,219,185,.55);
  background: transparent;
}
.strategy-page .strategy-nav .brand-name { color: #fff; }
.strategy-page .strategy-nav .brand-name small { color: #c7a46d; }
.strategy-page .strategy-nav .nav-link { color: rgba(255,255,255,.72); }
.strategy-page .strategy-nav .nav-link:hover { color: #fff; }
.strategy-page .strategy-nav .nav-cta {
  color: #07182b;
  border-color: #c7a46d;
  background: #c7a46d;
}

.strategy-page .strategy-hero { min-height: 690px; }
.strategy-page .strategy-hero::after {
  background:
    linear-gradient(90deg, rgba(5,18,33,.9), rgba(5,18,33,.54) 52%, rgba(5,18,33,.12)),
    linear-gradient(0deg, rgba(7,24,43,.78), transparent 46%);
}

.strategy-page .strategy-summary {
  color: #fff;
  background: linear-gradient(180deg, #0b2138, #07182b);
  border-color: rgba(255,255,255,.12);
}
.strategy-page .summary-item { border-color: rgba(255,255,255,.12); }
.strategy-page .summary-item span { color: rgba(255,255,255,.52); }
.strategy-page .summary-item strong { color: #fff; }

.strategy-page .strategy-section {
  position: relative;
  color: #fff;
  background:
    radial-gradient(circle at 85% 12%, rgba(76,126,165,.12), transparent 29%),
    #07182b;
}
.strategy-page .strategy-section.alt {
  color: #fff;
  background: linear-gradient(145deg, #0d2945, #081c31);
}
.strategy-page .strategy-section.dark {
  background: linear-gradient(145deg, #061422, #0a2138);
}
.strategy-page .strategy-section + .strategy-section {
  border-top: 1px solid rgba(255,255,255,.1);
}
.strategy-page .strategy-copy > p,
.strategy-page .dark .strategy-copy > p { color: rgba(255,255,255,.67); }
.strategy-page .eyebrow { color: #c7a46d; }

.strategy-page .value-card,
.strategy-page .risk-card,
.strategy-page .process-step {
  color: #fff;
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.045);
  box-shadow: 0 24px 60px rgba(0,0,0,.12);
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.strategy-page .value-card:hover,
.strategy-page .risk-card:hover,
.strategy-page .process-step:hover {
  transform: translateY(-5px);
  border-color: rgba(199,164,109,.58);
  background: rgba(255,255,255,.07);
}
.strategy-page .value-card p,
.strategy-page .risk-card p,
.strategy-page .process-step p { color: rgba(255,255,255,.62); }
.strategy-page .value-card .number,
.strategy-page .process-step > span { color: #c7a46d; }

.strategy-page .review-table {
  overflow: hidden;
  margin-top: 46px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  background: rgba(255,255,255,.035);
  box-shadow: 0 30px 70px rgba(0,0,0,.14);
}
.strategy-page .review-row { border-color: rgba(255,255,255,.12); }
.strategy-page .review-row strong { color: #fff; }
.strategy-page .review-row span { color: rgba(255,255,255,.64); }

.strategy-page .strategy-cta {
  color: #fff;
  background:
    linear-gradient(90deg, rgba(199,164,109,.12), transparent 45%),
    #0b2138;
  border-top: 1px solid rgba(199,164,109,.28);
}
.strategy-page .strategy-cta p { color: rgba(255,255,255,.66); }
.strategy-page .strategy-cta .button {
  color: #07182b;
  background: #c7a46d;
}
.strategy-page .strategy-footer {
  border-top: 1px solid rgba(255,255,255,.1);
  background: #061422;
}

@media (max-width: 700px) {
  .strategy-page .strategy-nav { color: #fff; background: rgba(7,24,43,.96); }
  .strategy-page .strategy-nav .brand-mark { color: #c7a46d; border-color: rgba(199,164,109,.5); }
  .strategy-page .strategy-nav .brand-name { color: #fff; }
  .strategy-page .strategy-nav .brand-name small { color: #c7a46d; }
  .strategy-page .strategy-nav .mobile-menu-toggle { color: #fff; border-color: rgba(255,255,255,.3); }
  .strategy-page .strategy-hero { min-height: 620px; }
  .strategy-page .strategy-summary { padding: 0; }
  .strategy-page .strategy-section { padding: 78px 0; }
  .strategy-page .review-table { margin-top: 32px; }
}
