/* === GYACT Network — acento AZUL MARINO (logo GYACT) ===
   Encolado por el plugin FUNAJIT Páginas solo donde hay shortcodes [gyact_...]. */

/* Marinos: profundo #0D1B3E · principal #274B8B · brillante #3D6BC4 */
.gy-hero { --fjx-accent: #274B8B; }
.fjx-hero.gy-hero { padding-top:180px !important; padding-bottom:44px !important; min-height:0 !important; }
.gy-hero .fjx-eyebrow { color: #274B8B !important; }
.gy-hero .fjx-btn { background:#274B8B !important; }
.gy-hero .fjx-btn:hover { background:#0D1B3E !important; }
@media (max-width:760px){ .fjx-hero.gy-hero { padding-top:120px !important; } }

.gy-visual{position:relative;width:min(420px,78vw);aspect-ratio:1;margin:0 auto}
.gy-ring{position:absolute;inset:8%;border-radius:50%;border:1.5px dashed rgba(39,75,139,.40);animation:gy-spin 50s linear infinite}
.gy-core{position:absolute;top:50%;left:50%;width:56%;height:56%;transform:translate(-50%,-50%);display:grid;place-items:center;animation:gy-float 5.5s ease-in-out infinite}
.gy-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(13,27,62,.30))}
@keyframes gy-spin{to{transform:rotate(360deg)}}
@keyframes gy-float{0%,100%{margin-top:0}50%{margin-top:-10px}}

/* proyecto: texto + tarjeta del sitio */
.gy-prog-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.gy-site-card { display:flex; flex-direction:column; align-items:center; gap:16px; padding:36px 28px; border-radius:24px; background:linear-gradient(160deg,#f2f5fb,#e8eef8); border:1px solid rgba(39,75,139,.18); box-shadow:0 20px 50px rgba(13,27,62,.12); text-align:center; }
.gy-site-card img { width:150px; height:150px; object-fit:contain; }
.gy-site-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:#fff; border:1px solid rgba(39,75,139,.22); color:#0D1B3E; font-weight:800; font-size:13px; }
.gy-site-badge i { width:8px; height:8px; border-radius:50%; background:#f0a821; box-shadow:0 0 0 3px rgba(240,168,33,.25); }
.gy-btn { background:#274B8B !important; color:#fff !important; }
.gy-btn:hover { background:#0D1B3E !important; }
@media (max-width:900px){ .gy-prog-grid { grid-template-columns:1fr; gap:28px; } }

/* fila CTA — degradado marino */
.fjx-cta-row { background:linear-gradient(135deg,#0D1B3E 0%, #274B8B 100%) !important; }
.fjx-cta-row .fjx-title { max-width:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; color:#fff !important; }
.fjx-cta-row .fjx-lead { margin-left:auto !important; margin-right:auto !important; text-align:center !important; max-width:62ch; }
.fjx-cta-row .fjx-btn-light { color:#0D1B3E !important; }
.fjx-cta-row .fjx-btn-outline { color:#fff !important; border:2px solid rgba(255,255,255,.75) !important; background:transparent !important; }
.fjx-cta-row .fjx-btn-outline:hover { background:rgba(255,255,255,.16) !important; border-color:#fff !important; color:#fff !important; }