/* ==========================================================
   NovæONE Strategic Advisory — Perspectivas (page-specific)
   Extiende style.css. No modifica ninguna regla existente.
   Página "Coming Soon": mismo hero institucional del resto del
   sitio, pero sin fotografía — solo el fondo navy de la marca.
   ========================================================== */

.hero.hero--perspectivas{ min-height:72vh; }
.hero.hero--perspectivas::before{ content:none; }
.hero.hero--perspectivas::after{
  background:linear-gradient(160deg, var(--navy-900) 0%, var(--navy-800) 55%, var(--navy-900) 100%);
}
.hero--perspectivas .hero-inner{ padding-top:150px; padding-bottom:110px; max-width:680px; }
@media(max-width:768px){
  .hero--perspectivas{ min-height:56vh; }
  .hero--perspectivas .hero-inner{ padding-top:130px; padding-bottom:80px; }
}

.coming-tag{
  display:inline-block; margin:16px 0 22px; padding:7px 16px;
  border:1px solid rgba(198,164,77,.4); color:var(--gold-light);
  font-family:var(--sans); font-size:11.5px; letter-spacing:.14em;
  text-transform:uppercase; font-weight:600;
}

/* ===== Coming soon — contenido ===== */
.cs-content{ background:var(--white); padding:150px 0; }
@media(max-width:768px){ .cs-content{ padding:90px 0; } }
.cs-inner{ max-width:720px; margin:0 auto; text-align:center; }
.cs-inner .eyebrow{ display:block; margin-bottom:20px; }
.cs-inner .story-title{ font-size:clamp(26px,3.2vw,38px); line-height:1.3; margin-bottom:28px; }
.cs-inner p{ color:var(--grey); font-size:1.05rem; line-height:1.75; margin-bottom:20px; }
.cs-inner p:last-of-type{ margin-bottom:0; }
.cs-inner .line-draw{ display:block; width:0; height:1px; background:var(--gold); margin:32px auto 40px; transition:width 1s cubic-bezier(.2,.7,.2,1) .25s; }
.reveal.in .cs-inner .line-draw{ width:56px; }

.cs-tags{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.cs-tags span{ font-family:var(--sans); font-size:.82rem; color:var(--gold); border:1px solid rgba(169,133,63,.35); padding:9px 16px; border-radius:2px; transition:background .25s ease, color .25s ease; }
.cs-tags span:hover{ background:var(--gold); color:#fff; }