/* Panambi Studio investor portal refresh - visual layer only. */
:root {
  --ps-paper: #ffffff;
  --ps-bone: #fbfaf7;
  --ps-mist: #f3f6f7;
  --ps-ink: #123b5d;
  --ps-body: rgba(18, 59, 93, .66);
  --ps-muted: rgba(18, 59, 93, .50);
  --ps-line: rgba(18, 59, 93, .14);
  --ps-blue: #123b5d;
  --ps-blue-soft: #2f6d9a;
  --ps-coral: #ff4f3e;
  --ps-cyan: #3aa9d6;
  --ps-shadow: 0 24px 76px rgba(18, 59, 93, .07);
  --ink: #123b5d !important;
  --night: #071a2b !important;
  --blue: #123b5d !important;
  --studio-blue: #123b5d !important;
  --morpho: #3aa9d6 !important;
  --cyan: #3aa9d6 !important;
  --copper: #ff4f3e !important;
  --bone: #ffffff !important;
  --paper: #ffffff !important;
  --cream: #fbfaf7 !important;
  --line: rgba(18, 59, 93, .14) !important;
}

html {
  background: var(--ps-paper) !important;
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 86% 8%, rgba(58, 169, 214, .10), transparent 25rem),
    radial-gradient(circle at 8% 26%, rgba(255, 79, 62, .055), transparent 20rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 48%, #f7fbfd 100%) !important;
  color: var(--ps-ink) !important;
  font-family: Manrope, sans-serif !important;
  overflow-x: hidden !important;
}

body::before {
  content: "";
  position: fixed;
  inset: -8% -18% auto auto;
  width: min(70vw, 980px);
  height: min(72vh, 720px);
  background: url('/panambi-studio/holding-definitiva-animada/assets/hero-organic-network-gaby-20260816.jpg') right center / contain no-repeat;
  opacity: .105;
  filter: saturate(.95) contrast(1.08) brightness(1.02);
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,.70) 35%, rgba(0,0,0,.14) 70%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 24%, #000 76%, transparent 100%);
  mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,.70) 35%, rgba(0,0,0,.14) 70%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 24%, #000 76%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .12;
  background-image: radial-gradient(rgba(18, 59, 93, .14) .55px, transparent .75px);
  background-size: 18px 18px;
}

main, header, nav, section, footer, .shell, .wrap, .container, .modal, .modal-panel {
  position: relative;
  z-index: 1;
}

.news, .display, .tight, .serif, h1, h2, h3, h4 {
  font-family: Newsreader, serif !important;
  color: var(--ps-blue) !important;
  letter-spacing: -.045em !important;
  text-transform: none !important;
}

h1 {
  font-weight: 520 !important;
  line-height: .94 !important;
}

h2 {
  font-weight: 520 !important;
  line-height: 1.01 !important;
}

h3, h4 {
  font-weight: 540 !important;
}

.archivo, .mono, .kicker, .pill, .metric-label, .eyebrow, .number, .value-index, [class*="uppercase"], label {
  font-family: "IBM Plex Mono", monospace !important;
  letter-spacing: .19em !important;
  text-transform: uppercase !important;
}

.kicker, .eyebrow, .metric-label, .value-index, .pill, .number, [class*="text-[#2a2aff]"], [class*="text-[var(--studio-blue)]"], [class*="text-[#3aa9d6]"], [class*="text-[#ff7ac8]"] {
  color: var(--ps-coral) !important;
}

p, li, dd, td, th, span, .lead, .text-slate-600, .text-[#475057], .text-[#66727a], .text-[#334044], .text-black\/60, .text-black\/62, .text-white\/72, .text-white\/74, .text-white\/80, .text-white\/86, .text-white\/90 {
  color: var(--ps-body) !important;
}

strong, b, .font-semibold, .font-bold, .text-white {
  color: var(--ps-blue) !important;
}

a {
  color: var(--ps-blue) !important;
  text-decoration-color: rgba(255, 79, 62, .48) !important;
}

nav, .nav-shell, header.flex, header.rise {
  background: rgba(255, 255, 255, .88) !important;
  border: 1px solid var(--ps-line) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 48px rgba(18, 59, 93, .07) !important;
  backdrop-filter: blur(18px) !important;
}

nav img[alt*="Panambi"], nav img[alt*="Panamb"], header img[alt*="Panambi"], header img[alt*="Panamb"] {
  filter: none !important;
  opacity: 1 !important;
}

.hero, .brand-band, .blue, .bg-\[\#071022\], .bg-\[\#0f1b3d\], .bg-\[\#101722\], .bg-\[\#2a2aff\], .from-\[\#071022\] {
  background:
    radial-gradient(circle at 78% 18%, rgba(58, 169, 214, .11), transparent 25rem),
    radial-gradient(circle at 16% 80%, rgba(255, 79, 62, .055), transparent 22rem),
    #ffffff !important;
  color: var(--ps-blue) !important;
}

.hero *, .brand-band *, .blue *, .bg-\[\#071022\] *, .bg-\[\#0f1b3d\] *, .bg-\[\#101722\] *, .bg-\[\#2a2aff\] * {
  color: inherit;
}

.hero::after, .section:first-of-type::after, header:first-of-type::after {
  content: "";
  position: absolute;
  right: clamp(-420px, -28vw, -230px);
  top: clamp(-80px, -4vw, -32px);
  width: min(72vw, 980px);
  height: min(74vh, 720px);
  background: url('/panambi-studio/holding-definitiva-animada/assets/hero-organic-network-gaby-20260816.jpg') right center / contain no-repeat;
  opacity: .16;
  filter: saturate(.98) contrast(1.08);
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,.64) 36%, rgba(0,0,0,.10) 74%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 24%, #000 76%, transparent 100%);
  mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,.64) 36%, rgba(0,0,0,.10) 74%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 24%, #000 76%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.hero > *, .section:first-of-type > *, header:first-of-type > * {
  position: relative;
  z-index: 1;
}

.quiet-card, .doc-card, .route, .access-card, .metric-card, .model-card, .vertical-card, .value-card, .rounded-2xl, .rounded-\[1\.75rem\], .rounded-\[2rem\], .rounded-\[2\.2rem\], .rounded-\[2\.5rem\], .border, article, table {
  border-color: var(--ps-line) !important;
  box-shadow: var(--ps-shadow) !important;
}

.quiet-card, .doc-card, .route, .access-card, .metric-card, .model-card, .vertical-card, .value-card, .rounded-2xl, .rounded-\[1\.75rem\], .rounded-\[2rem\], .rounded-\[2\.2rem\], .rounded-\[2\.5rem\] {
  background: rgba(255, 255, 255, .82) !important;
  backdrop-filter: blur(12px) !important;
}

.btn, .btn-primary, button[type="submit"], a.btn-primary, .portal-back, .site-link, .bg-white.text-\[\#071022\] {
  background: var(--ps-blue) !important;
  color: #ffffff !important;
  border: 1px solid rgba(18, 59, 93, .18) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 46px rgba(18, 59, 93, .16) !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.btn *, .btn-primary *, button[type="submit"] *, a.btn-primary *, .portal-back *, .site-link * {
  color: #ffffff !important;
}

.btn:hover, .btn-primary:hover, button[type="submit"]:hover, a.btn-primary:hover, .site-link:hover {
  background: #0e2f4d !important;
  transform: translateY(-1px);
}

input, select, textarea {
  background: #ffffff !important;
  border-color: var(--ps-line) !important;
  color: var(--ps-blue) !important;
}

input::placeholder, textarea::placeholder {
  color: rgba(18, 59, 93, .38) !important;
}

.brand-object, .portal-butterfly, .brand-ornament, .butterfly, .mushrooms, .butterfly-soft {
  opacity: .075 !important;
  filter: saturate(.78) contrast(1.05) !important;
  mix-blend-mode: multiply !important;
}

img[src*="panambi-studio-logo-blanco"] {
  filter: brightness(0) saturate(100%) invert(18%) sepia(52%) saturate(895%) hue-rotate(166deg) brightness(88%) contrast(93%) !important;
}

img[src*="lapsyconf-logo"], img[src*="expand-logo-black"], img[src*="panambi-ventures-logo-celeste"], img[src*="dandelion"] {
  filter: grayscale(1) contrast(1.04) !important;
  opacity: .9 !important;
}

.payback-fill, [class*="bg-[#2a2aff]"], [class*="bg-[#ff7ac8]"] {
  background: linear-gradient(90deg, var(--ps-blue), var(--ps-cyan)) !important;
}

.phase-pill, .pill {
  background: rgba(18, 59, 93, .055) !important;
  border: 1px solid rgba(18, 59, 93, .14) !important;
  color: var(--ps-coral) !important;
}

.border-white\/25, .border-white\/20, .border-white\/15, .border-white\/10 {
  border-color: var(--ps-line) !important;
}

@media (max-width: 840px) {
  body::before {
    width: 150vw;
    height: 520px;
    right: -95vw;
    top: 6vh;
    opacity: .08;
  }

  .hero::after, .section:first-of-type::after, header:first-of-type::after {
    right: -110vw;
    width: 190vw;
    height: 520px;
    opacity: .11;
  }

  h1 {
    font-size: clamp(42px, 13vw, 62px) !important;
    line-height: .98 !important;
  }

  nav, .nav-shell, header.flex, header.rise {
    border-radius: 28px !important;
  }
}

/* Titles can carry legacy utility classes from older deck builds. Force final landing type scale. */
.hero h1, h1.archivo, h1[class*="uppercase"], h2.archivo, h2[class*="uppercase"] {
  font-family: Newsreader, serif !important;
  color: var(--ps-blue) !important;
  letter-spacing: -.045em !important;
  text-transform: none !important;
  font-weight: 520 !important;
}

.hero nav a, header nav a, nav a {
  color: rgba(18, 59, 93, .68) !important;
}

.hero nav a.bg-white, .hero nav a[href*="portal"], header a[href*="portal"] {
  background: var(--ps-blue) !important;
  color: #ffffff !important;
  border-color: rgba(18, 59, 93, .18) !important;
}

/* Keep decorative brand objects out of document flow on the investor portal hero. */
.hero > .brand-object,
.hero > .portal-butterfly,
.hero > .butterfly,
.hero > .mushrooms,
.hero > .butterfly-soft {
  position: absolute !important;
}

.hero > .brand-object {
  top: clamp(3.25rem, 8vw, 6rem) !important;
}

/* Portal main page tuning requested by Gaby. */
.portal-main-nav {
  border-color: rgba(18, 59, 93, .22) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 12px 34px rgba(18, 59, 93, .08) !important;
}

.portal-main-nav a,
.portal-main-nav .archivo,
.portal-main-nav [class*="uppercase"] {
  color: #123B5D !important;
}

.portal-main-nav img {
  max-width: 9rem !important;
}

header.hero h1.section-title {
  font-size: clamp(2.25rem, 4vw, 4.4rem) !important;
  line-height: .96 !important;
  letter-spacing: -.05em !important;
}

@media (max-width: 860px) {
  .portal-main-nav img {
    max-width: 7rem !important;
  }

  header.hero h1.section-title {
    font-size: clamp(2.45rem, 12vw, 4.2rem) !important;
  }
}

.hero .portal-main-nav a,
header.hero .portal-main-nav a,
body .portal-main-nav a {
  color: #123B5D !important;
}

.portal-main-nav img[alt="Panambi Studio"] {
  width: auto !important;
  height: 34px !important;
  max-width: 150px !important;
  object-fit: contain !important;
}

@media (max-width: 860px) {
  .portal-main-nav img[alt="Panambi Studio"] {
    height: 28px !important;
    max-width: 128px !important;
  }
}

/* Final color discipline: logo and section taxonomy. */
.portal-main-nav img[alt="Panambi Studio"] {
  height: 34px !important;
  max-width: 150px !important;
  filter: none !important;
  opacity: 1 !important;
}

body .kicker,
body .eyebrow,
body .metric-label,
body .stage-meta,
body .access-state,
body .label,
body .value-index,
body .phase-pill,
body .pill {
  color: #ff4f3e !important;
}

body h1,
body h2,
body h3,
body h4,
body .section-title,
body .title-xl,
body .news,
body .display,
body .tight {
  color: #123B5D !important;
}

body .portal-main-nav a,
body .portal-main-nav .archivo,
body .portal-main-nav [class*="uppercase"] {
  color: #123B5D !important;
}

@media (max-width: 860px) {
  .portal-main-nav img[alt="Panambi Studio"] {
    height: 28px !important;
    max-width: 128px !important;
  }
}

/* Portal home composition: butterfly behind the hero title and content slightly lower. */
body:has(.portal-main-nav) header.hero > .brand-object {
  left: clamp(15rem, 35vw, 34rem) !important;
  right: auto !important;
  top: clamp(9.8rem, 18vw, 13.4rem) !important;
  width: clamp(10rem, 17vw, 15rem) !important;
  opacity: .09 !important;
  z-index: 0 !important;
}

body:has(.portal-main-nav) header.hero > .shell > section {
  min-height: 60svh !important;
  padding-top: clamp(2.6rem, 5vw, 4.25rem) !important;
  padding-bottom: clamp(1.2rem, 3vw, 2.25rem) !important;
  align-items: start !important;
}

body:has(.portal-main-nav) header.hero > .shell > section > div:first-child,
body:has(.portal-main-nav) header.hero > .shell > section > aside {
  margin-top: clamp(.65rem, 1.6vw, 1.4rem) !important;
}

@media (max-width: 860px) {
  body:has(.portal-main-nav) header.hero > .brand-object {
    left: auto !important;
    right: -3.2rem !important;
    top: 10.2rem !important;
    width: 12rem !important;
    opacity: .075 !important;
  }

  body:has(.portal-main-nav) header.hero > .shell > section {
    min-height: auto !important;
    padding-top: 2.2rem !important;
    padding-bottom: 1.8rem !important;
  }
}

body:has(.portal-main-nav) header.hero {
  min-height: 88svh !important;
}

@media (max-width: 860px) {
  body:has(.portal-main-nav) header.hero {
    min-height: auto !important;
  }
}

/* Executive Brief specific corrections requested by Gaby. */
.investor-brief-page .portal-main-nav {
  min-height: 52px !important;
  border-color: rgba(18, 59, 93, .22) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 12px 34px rgba(18, 59, 93, .08) !important;
  backdrop-filter: blur(18px) !important;
}

.investor-brief-page .portal-main-nav img[alt="Panambi Studio"] {
  width: auto !important;
  height: 34px !important;
  max-width: 150px !important;
  filter: none !important;
  opacity: 1 !important;
}

.investor-brief-page .portal-main-nav a {
  color: #123B5D !important;
  font-family: "IBM Plex Mono", monospace !important;
  letter-spacing: .13em !important;
}

.investor-brief-page .section-title,
.investor-brief-page h1.section-title,
.investor-brief-page h2.section-title {
  font-family: Newsreader, serif !important;
  font-size: clamp(2.25rem, 4vw, 4.4rem) !important;
  line-height: .96 !important;
  letter-spacing: -.05em !important;
  color: #123B5D !important;
}

.investor-brief-page .cta-primary {
  background: #123B5D !important;
  border-color: #123B5D !important;
  color: #ffffff !important;
  font-family: "IBM Plex Mono", monospace !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.investor-brief-page .cta-primary,
.investor-brief-page .cta-primary * {
  color: #ffffff !important;
  opacity: 1 !important;
}

.investor-brief-page .ecosystem-section {
  border-top: 1px solid rgba(18, 59, 93, .14) !important;
  margin-top: 0 !important;
}

.investor-brief-page .ecosystem-vertical-card {
  background-clip: padding-box !important;
}

.investor-brief-page .ecosystem-vertical-card .archivo {
  color: #ff4f3e !important;
}

.investor-brief-page .ventures-card,
.investor-brief-page .ventures-card *:not(img) {
  color: #ffffff !important;
}

.investor-brief-page .ventures-card .archivo {
  color: #ff4f3e !important;
}

.investor-brief-page .ventures-card p:last-child {
  color: rgba(255, 255, 255, .88) !important;
}

.investor-brief-page .lapsy-card,
.investor-brief-page .dandelion-card,
.investor-brief-page .expand-card {
  color: #123B5D !important;
}

.investor-brief-page .lapsy-card p:last-child,
.investor-brief-page .dandelion-card p:last-child,
.investor-brief-page .expand-card p:last-child {
  color: rgba(18, 59, 93, .70) !important;
}

.investor-brief-page .lapsy-card img,
.investor-brief-page .dandelion-card img,
.investor-brief-page .expand-card img,
.investor-brief-page .ventures-card img {
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.investor-brief-page .dandelion-card img {
  max-height: 58px !important;
}

.investor-brief-page .lapsy-card img {
  max-height: 46px !important;
}

@media (max-width: 860px) {
  .investor-brief-page .portal-main-nav {
    min-height: 46px !important;
  }

  .investor-brief-page .portal-main-nav img[alt="Panambi Studio"] {
    height: 28px !important;
    max-width: 128px !important;
  }

  .investor-brief-page .section-title,
  .investor-brief-page h1.section-title,
  .investor-brief-page h2.section-title {
    font-size: clamp(2.45rem, 12vw, 4.2rem) !important;
  }
}

.investor-brief-page .portal-main-nav .portal-back {
  min-height: 34px !important;
  padding: .48rem .82rem !important;
  box-shadow: none !important;
  font-size: .62rem !important;
  background: #123B5D !important;
  color: #ffffff !important;
}

.investor-brief-page .portal-main-nav .portal-back,
.investor-brief-page .portal-main-nav .portal-back * {
  color: #ffffff !important;
}

/* Full-screen hero correction for portal and brief. */
body:has(.portal-main-nav) header.hero {
  min-height: 100svh !important;
  border-bottom: 1px solid rgba(18, 59, 93, .14) !important;
}

body:has(.portal-main-nav) header.hero > .shell > section {
  min-height: calc(100svh - 84px) !important;
  padding-top: clamp(4.2rem, 7vw, 6.2rem) !important;
  padding-bottom: clamp(2.2rem, 4vw, 3.8rem) !important;
  align-items: start !important;
}

body:has(.portal-main-nav) header.hero .kicker:first-child,
.investor-brief-page .soft-grid .kicker:first-child {
  margin-top: clamp(1.2rem, 2vw, 2rem) !important;
}

.investor-brief-page .soft-grid {
  min-height: 100svh !important;
  border-bottom: 1px solid rgba(18, 59, 93, .14) !important;
}

.investor-brief-page .soft-grid > .shell {
  min-height: 100svh !important;
  padding-top: 1rem !important;
  padding-bottom: 0 !important;
}

.investor-brief-page .soft-grid > .shell > .grid {
  flex: 1 1 auto !important;
  align-items: start !important;
  padding-top: clamp(4.2rem, 7vw, 6.4rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3.4rem) !important;
}

.investor-brief-page .soft-grid > .shell > .grid:last-child {
  flex: 0 0 auto !important;
  width: 100% !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* Brief section dividers must be full-bleed, not boxed inside a white shell. */
.investor-brief-page main > section.shell,
.investor-brief-page main > section.ecosystem-section,
.investor-brief-page main > section.platform-section,
.investor-brief-page main > section.value-section,
.investor-brief-page main > section.closing-section {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
}

.investor-brief-page main > section.shell > :not(.brand-object),
.investor-brief-page main > section.ecosystem-section > :not(.brand-object),
.investor-brief-page main > section.platform-section > :not(.brand-object),
.investor-brief-page main > section.value-section > :not(.brand-object),
.investor-brief-page main > section.closing-section > :not(.brand-object) {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1.25rem, 4vw, 4rem) !important;
  padding-right: clamp(1.25rem, 4vw, 4rem) !important;
}

.investor-brief-page main > section.shell,
.investor-brief-page .ecosystem-section,
.investor-brief-page .platform-section,
.investor-brief-page .value-section,
.investor-brief-page .closing-section,
.investor-brief-page .brand-band {
  border-top: 1px solid rgba(18, 59, 93, .14) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.investor-brief-page .brand-band {
  background: transparent !important;
}

.investor-brief-page .brand-band::before,
.investor-brief-page .brand-band::after {
  display: none !important;
}

.investor-brief-page .brand-band > .shell {
  max-width: 1180px !important;
  padding-left: clamp(1.25rem, 4vw, 4rem) !important;
  padding-right: clamp(1.25rem, 4vw, 4rem) !important;
}

.investor-brief-page .section-return {
  padding-top: 0 !important;
}

@media (max-width: 860px) {
  body:has(.portal-main-nav) header.hero {
    min-height: 100svh !important;
  }

  body:has(.portal-main-nav) header.hero > .shell > section {
    min-height: calc(100svh - 70px) !important;
    padding-top: 3.1rem !important;
    padding-bottom: 2rem !important;
  }

  .investor-brief-page .soft-grid,
  .investor-brief-page .soft-grid > .shell {
    min-height: 100svh !important;
  }

  .investor-brief-page .soft-grid > .shell > .grid {
    padding-top: 3.2rem !important;
  }
}

/* Avoid double divider right after the full-screen hero. */
.investor-brief-page main > section:nth-of-type(2) {
  border-top: 0 !important;
}

/* Mobile hero compression: closer to one screen without hiding content. */
@media (max-width: 860px) {
  body:has(.portal-main-nav) header.hero > .shell > section {
    gap: 1.1rem !important;
    padding-top: 2.4rem !important;
    padding-bottom: 1.2rem !important;
  }

  body:has(.portal-main-nav) header.hero .kicker:first-child,
  .investor-brief-page .soft-grid .kicker:first-child {
    margin-top: .55rem !important;
  }

  body:has(.portal-main-nav) header.hero .section-title {
    font-size: clamp(2.25rem, 10.5vw, 3.5rem) !important;
  }

  body:has(.portal-main-nav) header.hero .portal-card {
    padding: 1rem !important;
    border-radius: 1.45rem !important;
  }

  body:has(.portal-main-nav) header.hero .route-path {
    gap: .65rem !important;
  }

  .investor-brief-page .soft-grid > .shell > .grid {
    gap: 1.2rem !important;
    padding-top: 2.4rem !important;
    padding-bottom: 1.2rem !important;
  }

  .investor-brief-page .soft-grid .paper-card {
    padding: 1rem !important;
  }
}

/* Sticky investor navigation: portal and brief. */
body:has(.portal-main-nav) .portal-main-nav {
  position: fixed !important;
  top: 16px !important;
  left: 50% !important;
  right: auto !important;
  width: min(calc(100vw - 2.5rem), 1090px) !important;
  transform: translateX(-50%) !important;
  z-index: 80 !important;
}

body:has(.portal-main-nav) .portal-main-nav:hover {
  box-shadow: 0 16px 42px rgba(18, 59, 93, .10) !important;
}

/* The fixed nav already provides the return action in the brief. */
.investor-brief-page main > section .section-return,
.investor-brief-page .brand-band .section-return {
  display: none !important;
}

@media (max-width: 860px) {
  body:has(.portal-main-nav) .portal-main-nav {
    top: 12px !important;
    width: calc(100vw - 1.5rem) !important;
  }
}

/* Gaby final: portal nav must match the rectangular Investor Deck nav. */
body:has(.portal-main-nav) .portal-main-nav,
body .portal-main-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  height: 65px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(18, 59, 93, .16) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) !important;
}

body:has(.portal-main-nav) .portal-main-nav:hover {
  box-shadow: none !important;
}

body .portal-main-nav img,
body .portal-main-nav img[alt="Panambi Studio"],
body .portal-main-nav img[alt="Panambí Investment Portal"] {
  width: auto !important;
  height: 32px !important;
  max-width: 9rem !important;
  object-fit: contain !important;
}

@media (max-width: 860px) {
  body:has(.portal-main-nav) .portal-main-nav,
  body .portal-main-nav {
    top: 0 !important;
    height: 64px !important;
    width: 100% !important;
  }

  body .portal-main-nav img,
  body .portal-main-nav img[alt="Panambi Studio"],
  body .portal-main-nav img[alt="Panambí Investment Portal"] {
    height: 27px !important;
    max-width: 7rem !important;
  }
}