.nav-active { color: var(--wht) !important; }
    .nav-active::after { width: 100% !important; background: var(--azul) !important; }

    
    /* ── Page hero — mismo layout que el index ── */
    .page-hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      overflow: hidden;
      padding: 0 5%;
      border-bottom: 1px solid var(--bdr);
    }
    .page-hero-bg {
      position: absolute; inset: 0; z-index: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
      background-size: 60px 60px;
      mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 20%, transparent 100%);
    }
    .page-hero-glow {
      position: absolute; top: -80px; left: -60px;
      width: 500px; height: 500px;
      background: radial-gradient(circle, rgba(45,140,240,.12) 0%, transparent 70%);
      pointer-events: none; z-index: 0;
    }
    /* Contenedor interno: limita el ancho igual que .hero-inner */
    .page-hero-inner {
      position: relative; z-index: 3;
      width: 100%; max-width: 90%; margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 700px;
      gap: 3rem;
      align-items: center;
      padding-top: 64px;
    }
    .page-hero-content {
      animation: fadeUp .7s ease both;
    }
    .page-breadcrumb {
      display: inline-flex; align-items: center; gap: .5rem;
      font-size: .72rem; font-weight: 500; letter-spacing: .08em;
      text-transform: uppercase; color: var(--mut); margin-bottom: 1.4rem;
    }
    .page-breadcrumb a { color: var(--mut); transition: color .2s; }
    .page-breadcrumb a:hover { color: var(--wht); }
    .page-breadcrumb-sep { opacity: .3; }
    .page-tag {
      display: inline-block; font-size: .68rem; font-weight: 600;
      letter-spacing: .1em; text-transform: uppercase;
      padding: .22rem .8rem; border-radius: var(--rbtn); margin-bottom: 1.2rem;
      background: rgba(45,140,240,.12); color: var(--azul);
    }
    .page-title {
      font-size: clamp(2rem, 3.8vw, 3.4rem); font-weight: 700;
      letter-spacing: -.3px; color: var(--wht);
      margin-bottom: 1.2rem; line-height: 1.2;
      animation: fadeUp .7s .15s ease both;
    }
    .page-subtitle {
      font-size: clamp(.88rem, 1.5vw, .98rem); color: var(--mut);
      font-weight: 300; max-width: 480px; line-height: 1.75;
      margin-bottom: 2.5rem;
      animation: fadeUp .7s .3s ease both;
    }
    .page-hero-actions {
      display: flex; gap: 1rem; flex-wrap: wrap;
      animation: fadeUp .7s .45s ease both;
    }

    /* Columna derecha: avatar — igual a .hero-eva del index */
    .page-hero-avatar {
      position: relative;
      display: flex; align-items: flex-end; justify-content: center;
      height: 100%; min-height: 520px;
      animation: fadeUp .8s .25s ease both;
    }
    .page-hero-avatar::before {
      content: '';
      position: absolute; bottom: 10%; left: 50%;
      transform: translateX(-50%);
      width: 280px; height: 420px;
      background: radial-gradient(ellipse 60% 80% at 50% 60%,
        rgba(45,140,240,.18) 0%, rgba(45,140,240,.06) 45%, transparent 100%);
      pointer-events: none;
      animation: auraBreath 4s ease-in-out infinite;
    }
    /* Imagen cuerpo completo — mismo tratamiento que Eva en index */
    .avatar-full {
      position: relative;
    width: 100%;
    max-width: 700px;
    height: auto;
    display: block;
    mix-blend-mode: luminosity;
      filter: contrast(1.1) brightness(1.08);
      mask-image:
        linear-gradient(to bottom, black 30%, transparent 100%),
        linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
      mask-composite: intersect;
      -webkit-mask-image:
        linear-gradient(to bottom, black 30%, transparent 100%),
        linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
      -webkit-mask-composite: source-in;
    }
    .avatar-badge {
      position: absolute; bottom: 14%; left: 50%;
      transform: translateX(-50%);
      display: inline-flex; align-items: center; gap: .5rem;
      background: rgba(7,8,15,.75);
      border: 1px solid rgba(45,140,240,.3);
      color: rgba(232,233,240,.8);
      font-size: .7rem; font-weight: 500;
      padding: .35rem 1rem; border-radius: var(--rbtn);
      letter-spacing: .04em; backdrop-filter: blur(10px);
      white-space: nowrap; z-index: 4;
    }
    .avatar-badge-dot {
      width: 6px; height: 6px;
      background: var(--azul); border-radius: 50%;
      animation: dotPulse 2s infinite; flex-shrink: 0;
    }

    /* ── Features ── */
    .feat-section {
      background: var(--bg2);
      border-bottom: 1px solid var(--bdr);
      padding: 80px 5%;
    }
    .feat-inner { max-width: 90%; margin: 0 auto; }
    .feat-grid {
      display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem;
    }
    .feat-card {
      background: var(--bgc); border: 1px solid var(--bdr);
      border-radius: var(--rcard); padding: 1.8rem;
      position: relative; overflow: hidden;
      transition: border-color .3s, transform .3s;
    }
    .feat-card::after {
      content:''; position:absolute; top:0; left:0; right:0; height:2px;
      background: var(--azul); transform: scaleX(0);
      transform-origin: left; transition: transform .35s ease;
    }
    .feat-card:hover { border-color: rgba(45,140,240,.25); transform: translateY(-4px); }
    .feat-card:hover::after { transform: scaleX(1); }
    .feat-icon { font-size: 1.6rem; margin-bottom: 1rem; }
    .feat-title { font-size: .95rem; font-weight: 600; color: var(--wht); margin-bottom: .5rem; }
    .feat-desc { font-size: .85rem; font-weight: 300; color: var(--mut); line-height: 1.7; }

    /* ── Content section ── */
    .content-section { padding: 80px 5%; }
    .content-inner { max-width: 90%; margin: 0 auto; }
    .content-body h2 {
      font-size: clamp(1.5rem, 2.8vw, 2.2rem);
      font-weight: 700; margin-bottom: 1.6rem; margin-top: .6rem;
    }
    .content-body p {
      font-size: .97rem; font-weight: 300;
      color: var(--txt); line-height: 1.85; margin-bottom: 1.4rem;
    }
    .content-body strong { color: var(--wht); font-weight: 600; }

    /* ── Process steps ── */
    .proc-section {
      background: var(--bg2);
      border-top: 1px solid var(--bdr);
      border-bottom: 1px solid var(--bdr);
      padding: 80px 5%;
    }
    .proc-inner { max-width: 90%; margin: 0 auto; }
    .proc-header { margin-bottom: 3rem; }
    .proc-header h2 {
      font-size: clamp(1.5rem, 2.8vw, 2.2rem);
      font-weight: 700; margin-bottom: .6rem; margin-top: .4rem;
    }
    .proc-sub { color: var(--mut); font-size: .95rem; font-weight: 300; max-width: 520px; }
    .proc-steps {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.2rem;
    }
    .proc-item {
      background: var(--bgc); border: 1px solid var(--bdr);
      border-radius: var(--rcard); padding: 1.6rem;
      display: flex; flex-direction: column; gap: .8rem;
      transition: border-color .3s, transform .3s;
    }
    .proc-item:hover { border-color: rgba(45,140,240,.25); transform: translateY(-3px); }
    .proc-dot {
      width: 42px; height: 42px; border-radius: 50%;
      background: rgba(45,140,240,.1); border: 1px solid rgba(45,140,240,.2);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.1rem; flex-shrink: 0;
    }
    .proc-label {
      font-size: .88rem; font-weight: 600;
      color: var(--azul); letter-spacing: .02em;
    }
    .proc-text {
      font-size: .82rem; font-weight: 300;
      color: var(--mut); line-height: 1.65;
    }

    /* ── FAQ: color accent por página ── */
    .faq-azul   .faq-item.open .faq-icon { background:rgba(45,140,240,.13); border-color:rgba(45,140,240,.36); color:var(--azul) }
   
    .faq-q-icon { font-size:1rem; flex-shrink:0; width:22px; text-align:center; }

    .faq-cta-btn { text-align: center; margin-top: 2.5rem; }

    
    /* ── Responsive ── */
    @media(max-width: 960px) {
      .page-hero-inner { grid-template-columns: 1fr; padding-top: 80px; }
      .page-hero-avatar { display: none; }
      .feat-grid { grid-template-columns: 1fr 1fr; }
      .proc-steps { grid-template-columns: 1fr 1fr; }
    }
    @media(max-width: 600px) {
      .feat-grid { grid-template-columns: 1fr; }
      .proc-steps { grid-template-columns: 1fr; }
    }