:root{
  --accent: #0ea5e9;
  --accent-2:#22d3ee;
}
body.theme-dark{
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(34,211,238,0.12), transparent 60%),
    radial-gradient(1000px 600px at -10% 10%, rgba(56,189,248,0.13), transparent 60%),
    #0b1220;
  color: #e8eef5;
}
.navbar.bg-body-tertiary{background-color: rgba(255,255,255,.04)!important; backdrop-filter: blur(6px);}


/* Navbar - texto celeste con hover */
.navbar.bg-body-tertiary .navbar-brand,
.navbar.bg-body-tertiary .nav-link {
  color: var(--accent) !important;
  transition: color 0.3s ease;
}

.navbar.bg-body-tertiary .nav-link:hover,
.navbar.bg-body-tertiary .navbar-brand:hover {
  color: var(--accent-2) !important;
}


.hero-blob svg { width:100%; height:auto; }
.hero-blob stop:first-child{ stop-color: var(--accent); }
.hero-blob stop:last-child{  stop-color: var(--accent-2); }

/* Reveal on scroll */
.reveal{opacity:0; transform:translateY(10px); transition: opacity .6s ease, transform .6s ease}
.reveal.is-visible{opacity:1; transform:none}

/* Card media */
.card-media{ background: linear-gradient(135deg, rgba(34,211,238,.12), rgba(56,189,248,.12)); }

/* p5 container */
.p5-hidden{ display:none; }
#p5-container{ z-index:-1; }


.hero-blob { width: min(42vw, 520px); aspect-ratio: 1/1; filter: drop-shadow(0 20px 40px rgba(0,0,0,.35)); }
.hero-blob__svg { width: 100%; height: auto; display: block; }
.hero-blob image { filter: contrast(1.05) saturate(1.05); } /* opcional */
.hero-blob stop:first-child { stop-color: var(--accent); }
.hero-blob stop:last-child  { stop-color: var(--accent-2); }

/* (Opcional) animación morph del mismo path */
#blobPath { animation: morph 12s ease-in-out infinite; }
@keyframes morph{
  0%{   d:path("M458.7,362.8Q418,425.6,351.5,463.1Q285,500.5,214.5,471.8Q144,443.1,106.6,378Q69.1,313,90.5,237.5Q112,162,173.8,121.7Q235.5,81.5,311,92.3Q386.5,103,438.2,156.5Q490,210,489,285.5Q488,361,458.7,362.8Z"); }
  50%{  d:path("M476.2,347.7Q442,415,371.7,450.6Q301.5,486.2,227.1,462.3Q152.8,438.5,104.6,376.8Q56.5,315,76.4,236.8Q96.4,158.6,162.2,115.7Q228,72.8,309.2,86.7Q390.3,100.6,446.2,157.3Q502,214,496,285.7Q490,357.3,476.2,347.7Z"); }
  100%{ d:path("M458.7,362.8Q418,425.6,351.5,463.1Q285,500.5,214.5,471.8Q144,443.1,106.6,378Q69.1,313,90.5,237.5Q112,162,173.8,121.7Q235.5,81.5,311,92.3Q386.5,103,438.2,156.5Q490,210,489,285.5Q488,361,458.7,362.8Z"); }
}