[data-page="sobre-gfj"] .creator-line,[data-page="que-es-gfj-network"] .creator-line{display:inline-block;max-width:42rem;margin:1.1rem 0 .4rem!important;padding:.8rem 1rem;border:1px solid rgba(191,221,255,.3);border-radius:14px;background:rgba(117,111,223,.14);color:#f7f4ff!important;font-size:.93rem;line-height:1.5}
[data-page="sobre-gfj"] .creator-line strong,[data-page="que-es-gfj-network"] .creator-line strong{color:#9decff}
[data-page="sobre-gfj"] .history-fact{border-color:rgba(149,235,255,.38)!important;background:linear-gradient(135deg,rgba(42,75,109,.68),rgba(38,31,86,.7))!important}

/* Editorial rhythm and readable surfaces for the public story pages. */
[data-page="sobre-gfj"] .project-page,[data-page="que-es-gfj-network"] .project-page{gap:1.15rem}
[data-page="sobre-gfj"] .project-hero,[data-page="que-es-gfj-network"] .project-hero{position:relative;min-height:30rem;isolation:isolate;background:radial-gradient(circle at 80% 34%,rgba(160,104,255,.28),transparent 23rem),radial-gradient(circle at 7% 85%,rgba(75,220,245,.12),transparent 24rem),linear-gradient(135deg,#26345c,#11152f 72%)!important}
[data-page="sobre-gfj"] .project-hero::before,[data-page="que-es-gfj-network"] .project-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;pointer-events:none;background-image:linear-gradient(#c4d6ff33 1px,transparent 1px),linear-gradient(90deg,#c4d6ff33 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(110deg,transparent 35%,#000)}
[data-page="sobre-gfj"] .project-hero h1,[data-page="que-es-gfj-network"] .project-hero h1{font-size:clamp(3rem,7vw,5.9rem);line-height:.95;letter-spacing:-.065em;text-wrap:balance}
[data-page="sobre-gfj"] .project-monogram,[data-page="que-es-gfj-network"] .project-monogram{width:min(100%,18rem);min-height:0;margin:auto;border-color:rgba(190,226,255,.33);box-shadow:0 0 0 1.6rem rgba(118,194,255,.045),0 0 6rem rgba(135,112,255,.22)}
[data-page="sobre-gfj"] :is(.project-intro,.project-section,.project-status),[data-page="que-es-gfj-network"] :is(.project-intro,.project-section,.project-status){background:linear-gradient(145deg,#1b2445,#11162d)!important;border-color:rgba(190,210,255,.18)!important}
[data-page="sobre-gfj"] .project-section p,[data-page="que-es-gfj-network"] .project-section p{color:#d4dcf0!important}
[data-page="sobre-gfj"] .project-timeline li{background:#111d38;border-color:rgba(180,211,255,.19);min-width:0}
[data-page="sobre-gfj"] .project-timeline li span{color:#91eafb}
[data-page="sobre-gfj"] .letter-grid article,[data-page="que-es-gfj-network"] .faq-section details{background:#16213e;border-color:rgba(170,210,255,.2)}
[data-page="sobre-gfj"] .letter-grid b{color:#9beafa}
[data-page="sobre-gfj"] .project-page a:focus-visible,[data-page="que-es-gfj-network"] .project-page a:focus-visible,[data-page="que-es-gfj-network"] summary:focus-visible{outline:3px solid #9ceeff;outline-offset:3px}
@media(max-width:1049px){[data-page="sobre-gfj"] .project-hero,[data-page="que-es-gfj-network"] .project-hero{min-height:0;gap:1rem;padding:1.4rem!important}[data-page="sobre-gfj"] .project-hero h1,[data-page="que-es-gfj-network"] .project-hero h1{font-size:clamp(2.7rem,11vw,4.4rem)}[data-page="sobre-gfj"] .project-monogram,[data-page="que-es-gfj-network"] .project-monogram{width:min(12rem,55vw);min-height:0}}
@media(prefers-reduced-motion:reduce){[data-page="sobre-gfj"] .project-monogram,[data-page="que-es-gfj-network"] .project-monogram{animation:none!important}}