/* ==========================================================
   FRAN GRANADOS ELEMENTOR KIT
   CSS para páginas y templates editables en Elementor
   ========================================================== */

:root{
  --fg-bg:#f2f3f1;
  --fg-paper:#ffffff;
  --fg-ink:#070707;
  --fg-muted:#6b7074;
  --fg-line:#d9ddde;
  --fg-soft:#e8ebec;
  --fg-orange:#c77734;
  --fg-orange2:#873716;
  --fg-radius:34px;
  --fg-pad:clamp(18px,3.4vw,64px);
}

html, body{overflow-x:hidden}
body{background:var(--fg-bg)}

.fg-full-bleed,
.fgk-section,
.fg-hero{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}

.fgk-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(82px,8vw,132px) var(--fg-pad);
  background:#fff;
  color:var(--fg-ink);
  font-family:Inter,Manrope,"Helvetica Neue",Arial,sans-serif;
}

.fgk-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 84%);
}

.fgk-section > .e-con-inner,
.fgk-section > .elementor-container{
  max-width:none!important;
}

.fgk-container{
  width:min(100%,1680px)!important;
  max-width:1680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  position:relative;
  z-index:2;
}

.fgk-section-cap,
.fgk-resources,
.fgk-blog-preview{
  background:
    radial-gradient(circle at 70% 15%, rgba(255,255,255,.98) 0 16%, rgba(237,240,240,.82) 38%, transparent 70%),
    linear-gradient(180deg,#f7f8f7,#eef1f1);
}

.fgk-about,
.fgk-profile{
  background:#fff;
}

.fgk-label .elementor-heading-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--fg-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:7px 12px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#111!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  width:max-content!important;
}

.fgk-label .elementor-heading-title::before{
  content:"";
  width:7px;
  height:7px;
  background:#111;
  border-radius:50%;
  display:block;
}

.fgk-label-dark .elementor-heading-title{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}

.fgk-label-dark .elementor-heading-title::before{background:#fff}

.fgk-title-xl .elementor-heading-title{
  font-size:clamp(58px,8vw,142px)!important;
  line-height:.80!important;
  letter-spacing:-.105em!important;
  margin:24px 0 0!important;
  font-weight:900!important;
  color:#070707!important;
}

.fgk-title-xl .elementor-heading-title span,
.fgk-title-lg .elementor-heading-title span,
.fgk-title-md .elementor-heading-title span{
  display:block!important;
  color:rgba(0,0,0,.28)!important;
}

.fgk-title-lg .elementor-heading-title{
  font-size:clamp(48px,6.4vw,116px)!important;
  line-height:.84!important;
  letter-spacing:-.09em!important;
  margin:24px 0 0!important;
  font-weight:850!important;
  color:#070707!important;
}

.fgk-title-md .elementor-heading-title{
  font-size:clamp(38px,5vw,86px)!important;
  line-height:.88!important;
  letter-spacing:-.08em!important;
  margin:24px 0 0!important;
  font-weight:750!important;
  color:#070707!important;
}

.fgk-lead,
.fgk-lead .elementor-widget-container,
.fgk-lead p{
  font-size:clamp(17px,1.35vw,24px)!important;
  line-height:1.42!important;
  color:#5e6367!important;
  letter-spacing:-.04em!important;
  margin:0!important;
  font-weight:500!important;
}

.fgk-text,
.fgk-text p,
.fgk-card-text p{
  color:#666b6f!important;
  line-height:1.56!important;
  font-size:15px!important;
}

/* HERO BASE heredado */
.fg-hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  isolation:isolate;
  padding:118px var(--fg-pad) 0;
  background:
    radial-gradient(circle at 63% 38%, rgba(255,255,255,.98) 0 18%, rgba(237,240,240,.82) 38%, rgba(213,218,220,.95) 68%, #ccd2d5 100%),
    linear-gradient(180deg,#f3f4f3,#d7dddf);
  font-family:Inter,Manrope,Arial,sans-serif;
}

.fg-bg-grid:before{
  content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;
  background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);
  background-size:58px 58px;mask-image:linear-gradient(to bottom,#000 0%,transparent 84%);
}

.fg-hero-grid{position:relative;z-index:8;display:grid;grid-template-columns:minmax(420px,53vw) 1fr;gap:30px;align-items:start;min-height:calc(100vh - 118px)}
.fg-hero-copy{padding-top:24px;position:relative;z-index:12}
.fg-kicker{display:flex;align-items:center;gap:10px;font-size:13px;color:#222;font-weight:700;margin-bottom:18px}
.fg-kicker:before{content:"";width:1px;height:18px;background:#111;display:block}
.fg-title-xl{font-size:clamp(72px,7.4vw,138px);line-height:.8;letter-spacing:-.11em;font-weight:900;margin:0;max-width:780px;text-wrap:balance}
.fg-title-xl span{color:rgba(0,0,0,.28);display:block}
.fg-hero-sub{max-width:500px;color:#4f5356;font-size:16px;line-height:1.55;margin:28px 0 0;font-weight:500;letter-spacing:-.03em}
.fg-proof{display:flex;align-items:center;gap:16px;margin-top:28px;font-size:13px;font-weight:700}.fg-stars{color:#a85f27;letter-spacing:2px;font-size:15px}
.fg-person-stage{position:absolute;left:60%;bottom:0;transform:translateX(-24%);width:min(1180px,64vw);height:min(980px,82vh);z-index:7;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;overflow:visible}
.fg-person-stage img{height:100%;width:auto;max-width:none;object-fit:unset;object-position:center bottom;filter:contrast(1.08) saturate(.82) brightness(.88);mask-image:linear-gradient(to bottom,#000 0 80%,rgba(0,0,0,.88) 89%,transparent 100%)}
.fg-hero-word{position:absolute;left:0;right:0;bottom:22px;text-align:center;z-index:1;font-weight:900;font-size:clamp(110px,21vw,310px);line-height:.72;letter-spacing:-.12em;color:rgba(255,255,255,.62);opacity:.72;text-shadow:0 -1px 0 rgba(0,0,0,.04);pointer-events:none}
.fg-floating-badge{position:absolute;right:3.5vw;top:150px;z-index:22;width:min(330px,29vw);min-height:146px;border-radius:28px;background:rgba(194,199,201,.68);border:1px solid rgba(255,255,255,.58);padding:22px 24px;backdrop-filter:blur(18px);box-shadow:0 26px 58px rgba(0,0,0,.08)}
.fg-floating-badge small{display:block;color:rgba(255,255,255,.72);font-weight:900;margin-bottom:22px;font-size:13px}
.fg-floating-badge strong{display:block;color:#fff;font-size:32px;line-height:.95;letter-spacing:-.06em;font-weight:650}
.fg-core-stack{position:absolute;right:4vw;top:430px;z-index:20;width:290px;font-size:11px;color:#45494c}.fg-core-stack-title{text-align:right;color:#111;font-weight:800;margin-bottom:18px}.fg-core-stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 10px;text-align:center}.fg-core-stack-grid span:before{content:"✦";margin-right:4px;color:#111;font-size:9px}
.fg-bottom-bar{position:absolute;left:0;right:0;bottom:0;min-height:64px;z-index:26;background:rgba(5,5,5,.7);backdrop-filter:blur(22px);color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 var(--fg-pad);font-size:12px;font-weight:600;border-top:1px solid rgba(255,255,255,.12)}.fg-bottom-bar div:nth-child(2){text-align:center}.fg-bottom-bar div:nth-child(3){text-align:right}.fg-plus:before{content:"✦";margin-right:7px;color:#d88b47}
.fg-scroll-circle{position:absolute;right:var(--fg-pad);bottom:96px;z-index:30;width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.48);border:1px solid rgba(0,0,0,.12);display:grid;place-items:center;font-size:11px;font-weight:800;text-transform:uppercase;backdrop-filter:blur(12px)}

/* ABOUT */
.fgk-about-grid{
  display:grid!important;
  grid-template-columns:1fr 1.15fr!important;
  gap:8vw!important;
  align-items:start!important;
}

.fgk-about-left{
  min-height:390px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:64px!important;
  position:relative!important;
}

.fgk-about-left::before{
  content:"";
  position:absolute;
  width:min(560px,50vw);
  height:min(560px,50vw);
  left:-95px;
  top:-54px;
  border-radius:50%;
  opacity:.27;
  background-image:radial-gradient(#5b5f62 1px,transparent 1.4px);
  background-size:7px 7px;
  mask-image:radial-gradient(circle at 43% 45%,#000 0 48%,transparent 49%);
}

.fgk-mini-note{
  position:relative!important;
  max-width:330px!important;
  color:#4b4f51!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.fgk-mini-note p{margin:0 0 8px!important}

.fgk-word-pills{
  display:grid!important;
  grid-template-columns:1fr 1fr .72fr 1fr!important;
  gap:18px!important;
  margin-top:42px!important;
}

.fgk-word-pill .elementor-heading-title{
  height:168px!important;
  border-radius:90px!important;
  background:#eceeee!important;
  display:grid!important;
  place-items:center!important;
  font-size:clamp(30px,3.2vw,54px)!important;
  letter-spacing:-.07em!important;
  font-weight:850!important;
  color:#111!important;
}

.fgk-word-pill-orange .elementor-heading-title{background:linear-gradient(110deg,#c6752f,#8c3719)!important;color:#ffd38d!important}
.fgk-word-pill-black .elementor-heading-title{background:#020202!important;color:#fff!important;font-size:86px!important}
.fgk-word-pill-grey .elementor-heading-title{color:#c2c8cb!important}

/* SERVICES */
.fgk-cap-head{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:70px!important;
  align-items:end!important;
  margin-bottom:70px!important;
}

.fgk-service-list{
  border-top:1px solid #dfe1e1!important;
  width:min(100%,1320px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.fgk-service-row{
  display:grid!important;
  grid-template-columns:120px 1fr 380px 70px!important;
  gap:30px!important;
  align-items:center!important;
  border-bottom:1px solid #dfe1e1!important;
  padding:34px 0!important;
  min-height:145px!important;
}

.fgk-service-row > .elementor-widget{width:100%!important;max-width:none!important;margin:0!important}
.fgk-service-num .elementor-heading-title{font-size:13px!important;color:#9a9da0!important;font-weight:700!important}
.fgk-service-title .elementor-heading-title{font-size:clamp(32px,4vw,70px)!important;line-height:.9!important;letter-spacing:-.08em!important;margin:0!important;color:#050505!important;font-weight:900!important}
.fgk-service-text p{color:#6a6d70!important;line-height:1.45!important;margin:0!important;font-size:15px!important}
.fgk-service-arrow{width:54px!important;height:54px!important;border-radius:50%!important;background:#111!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:24px!important;text-decoration:none!important}

/* WORKS */
.fgk-work-section{text-align:center;background:#fff}
.fgk-work-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:26px!important;
  margin-top:58px!important;
}
.fgk-work-card{
  min-height:560px!important;
  border-radius:36px!important;
  background:#050505!important;
  color:#fff!important;
  text-align:left!important;
  position:relative!important;
  overflow:hidden!important;
  padding:54px 58px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  box-shadow:0 32px 84px rgba(0,0,0,.17)!important;
}
.fgk-work-card-light{background:linear-gradient(135deg,#e7e8e5,#c8ced0)!important;color:#050505!important}
.fgk-work-card-orange{background:linear-gradient(135deg,#c87834,#823318)!important;color:#fff!important}
.fgk-work-icon{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-size:96px;font-weight:900;letter-spacing:-.16em;line-height:.8;opacity:.18}
.fgk-work-open{position:absolute;right:54px;top:42%;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:28px;backdrop-filter:blur(12px);color:currentColor;text-decoration:none}
.fgk-work-bottom{position:relative;z-index:2;display:grid!important;grid-template-columns:1fr auto!important;gap:28px!important;align-items:end!important}
.fgk-card-title .elementor-heading-title{font-size:42px!important;letter-spacing:-.07em!important;line-height:1!important;margin:0 0 18px!important;color:currentColor!important}
.fgk-card-text p{font-size:13px!important;line-height:1.62!important;color:currentColor!important;opacity:.72!important;max-width:420px!important;margin:0!important}
.fgk-tags{display:flex;gap:9px;flex-wrap:wrap}.fgk-tags span{border:1px solid currentColor;border-radius:999px;padding:8px 14px;font-size:12px;color:currentColor;opacity:.84}

/* PROFILE */
.fgk-profile-layout{
  display:grid!important;
  grid-template-columns:1fr 1.15fr!important;
  gap:64px!important;
  align-items:start!important;
}
.fgk-profile-copy{max-width:620px!important}
.fgk-profile-cards{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
}
.fgk-profile-card{
  min-height:220px!important;
  border-radius:32px!important;
  background:#f0f2f2!important;
  padding:32px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.fgk-profile-card-dark{background:#050505!important;color:#fff!important}
.fgk-profile-card-orange{background:linear-gradient(135deg,#c87834,#823318)!important;color:#fff!important;grid-column:1/-1!important}
.fgk-stat-number .elementor-heading-title{font-size:76px!important;line-height:1!important;letter-spacing:-.08em!important;margin:0!important;color:currentColor!important}

/* RESOURCES / BLOG */
.fgk-resource-grid{
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:30px!important;
  margin-top:58px!important;
}
.fgk-resource-feature{
  min-height:440px!important;
  border-radius:34px!important;
  background:#050505!important;
  color:#fff!important;
  padding:42px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  position:relative!important;
  overflow:hidden!important;
}
.fgk-resource-feature:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-70px;background:linear-gradient(135deg,#d98837,#873716);filter:blur(4px);opacity:.9}
.fgk-resource-list{display:grid!important;gap:14px!important}
.fgk-resource-item{border-radius:28px!important;background:#fff!important;border:1px solid #e2e4e4!important;padding:24px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:20px!important;align-items:center!important}
.fgk-resource-title .elementor-heading-title{font-size:22px!important;letter-spacing:-.05em!important;color:#111!important;margin:0!important}
.fgk-resource-text p{color:#767a7e!important;font-size:13px!important;margin:8px 0!important;line-height:1.45!important}
.fgk-resource-open{width:48px;height:48px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;text-decoration:none}

.fgk-blog-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin-top:58px!important}
.fgk-blog-card{min-height:360px!important;border-radius:32px!important;background:#fff!important;border:1px solid #e2e4e4!important;padding:32px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.fgk-blog-card-dark{background:#050505!important;color:#fff!important}
.fgk-blog-card-orange{background:linear-gradient(135deg,#c87834,#823318)!important;color:#fff!important}
.fgk-round-link{width:48px;height:48px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;text-decoration:none;margin-top:24px}
.fgk-blog-card-dark .fgk-round-link,.fgk-blog-card-orange .fgk-round-link{background:#fff;color:#111}

/* FINAL */
.fgk-final{
  background:#080808!important;
  color:#fff!important;
  border-radius:48px 48px 0 0!important;
  text-align:center!important;
}
.fgk-final:before{display:none}
.fgk-final-title .elementor-heading-title{
  font-size:clamp(62px,10vw,170px)!important;
  line-height:.78!important;
  letter-spacing:-.11em!important;
  margin:20px auto 36px!important;
  max-width:1200px!important;
  color:#fff!important;
}
.fgk-final-text p{color:#bfc2c3!important;font-size:18px!important;line-height:1.5!important;max-width:690px!important;margin:0 auto 34px!important}
.fgk-final-actions{display:flex!important;gap:12px!important;justify-content:center!important;flex-direction:row!important}
.fgk-btn .elementor-button,.fgk-btn a{min-height:48px!important;border-radius:999px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
.fgk-btn-dark .elementor-button{background:#050505!important;color:#fff!important}
.fgk-btn-light .elementor-button{background:#fff!important;color:#090909!important}
.fgk-btn-outline-light .elementor-button{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}

/* Editor widgets spacing reset */
.fgk-section .elementor-widget{margin-bottom:0!important}
.fgk-section p:last-child{margin-bottom:0!important}

/* Responsive */
@media(max-width:1100px){
  .fgk-cap-head,.fgk-about-grid,.fgk-profile-layout,.fgk-resource-grid{grid-template-columns:1fr!important}
  .fgk-service-row{grid-template-columns:70px 1fr 58px!important}
  .fgk-service-text{grid-column:2/3!important}
  .fgk-work-grid,.fgk-profile-cards,.fgk-blog-grid{grid-template-columns:1fr!important}
  .fg-floating-badge,.fg-core-stack{display:none!important}
  .fg-person-stage{left:68%;width:920px;height:760px;opacity:.82;transform:translateX(-36%)}
}

@media(max-width:700px){
  :root{--fg-pad:18px}
  .fg-hero{min-height:850px;padding-top:92px}
  .fg-title-xl{font-size:64px;max-width:430px}
  .fg-hero-sub{font-size:15px;max-width:340px}
  .fg-person-stage{width:760px;height:640px;left:75%;opacity:.68;transform:translateX(-42%)}
  .fg-hero-word{font-size:116px;bottom:92px}
  .fg-bottom-bar{height:86px;grid-template-columns:1fr;font-size:11px;gap:4px;padding-top:10px;padding-bottom:10px}
  .fg-bottom-bar div,.fg-bottom-bar div:nth-child(2),.fg-bottom-bar div:nth-child(3){text-align:left}
  .fg-scroll-circle{display:none}
  .fgk-section{padding:64px 18px}
  .fgk-title-xl .elementor-heading-title{font-size:clamp(54px,16vw,98px)!important}
  .fgk-word-pills{grid-template-columns:1fr!important}
  .fgk-word-pill .elementor-heading-title{height:106px!important;font-size:36px!important}
  .fgk-service-row{grid-template-columns:1fr 48px!important;gap:14px!important;padding:28px 0!important}
  .fgk-service-num{grid-column:1/-1!important}
  .fgk-service-title .elementor-heading-title{font-size:42px!important}
  .fgk-service-text{grid-column:1/-1!important}
  .fgk-work-card{min-height:520px!important;border-radius:26px!important;padding:32px 24px!important}
  .fgk-work-bottom{grid-template-columns:1fr!important}
  .fgk-final{border-radius:32px 32px 0 0!important}
  .fgk-final-actions{flex-direction:column!important}
}


/* ==========================================================
   V2 - GSAP / SCROLLTRIGGER / HORIZONTAL PROJECTS
   ========================================================== */
html.fgk-gsap .fg-reveal,
html.fgk-gsap .fgk-reveal{
  opacity:0;
  transform:translateY(30px);
  will-change:transform,opacity;
}

/* Convierte la sección de proyectos existente en track horizontal en desktop */
@media (min-width:901px){
  .fgk-work-section{
    text-align:center!important;
    background:#fff!important;
    overflow:hidden!important;
    padding-bottom:110px!important;
  }

  .fgk-work-section .fgk-work-grid{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:26px!important;
    width:max-content!important;
    max-width:none!important;
    margin-top:58px!important;
    padding-left:var(--fg-pad)!important;
    padding-right:var(--fg-pad)!important;
    will-change:transform!important;
  }

  .fgk-work-section .fgk-work-grid > .e-con-inner{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:26px!important;
    width:max-content!important;
    max-width:none!important;
  }

  .fgk-work-section .fgk-work-card{
    width:min(78vw,980px)!important;
    height:560px!important;
    min-height:560px!important;
    flex:0 0 auto!important;
  }
}

@media (max-width:900px){
  .fgk-work-section .fgk-work-grid{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .fgk-work-section .fgk-work-card{
    width:100%!important;
    height:auto!important;
    min-height:520px!important;
  }
}


/* ==========================================================
   CABECERA / MENÚ GLOBAL
   ========================================================== */
.fgk-site-header{
  padding:0!important;
  margin:0!important;
  height:0!important;
  min-height:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:99999!important;
}

.fgk-site-header::before{
  display:none!important;
}

.fgk-nav{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:99999;
  height:72px;
  padding:18px var(--fg-pad);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  color:#111;
  font-family:Inter,Manrope,"Helvetica Neue",Arial,sans-serif;
  transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease;
  border-bottom:1px solid transparent;
  pointer-events:auto;
}

body.admin-bar .fgk-nav{
  top:32px;
}

.fgk-nav.is-scrolled{
  background:rgba(242,243,241,.76);
  backdrop-filter:blur(18px);
  border-bottom-color:rgba(0,0,0,.07);
}

.fgk-brand{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#111!important;
  text-decoration:none!important;
  font-size:18px;
  font-weight:850;
  letter-spacing:-.045em;
  line-height:1;
}

.fgk-brand-mark{
  width:25px;
  height:25px;
  border-radius:9px;
  background:#080808;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:10px;
  letter-spacing:-.08em;
  font-weight:900;
}

.fgk-main-menu{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:34px;
  font-size:12px;
  font-weight:750;
  letter-spacing:-.02em;
}

.fgk-main-menu a{
  color:#111!important;
  text-decoration:none!important;
  position:relative;
  opacity:.88;
}

.fgk-main-menu a:hover{
  opacity:1;
}

.fgk-main-menu a:first-child::after{
  content:"↗";
  position:absolute;
  left:50%;
  top:13px;
  transform:translateX(-50%);
  font-size:10px;
}

.fgk-nav-right{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:16px;
}

.fgk-nav-meta{
  color:#111;
  opacity:.88;
  font-size:10px;
  font-weight:750;
  line-height:1.25;
  text-align:left;
}

.fgk-nav-cta{
  height:38px;
  border-radius:8px;
  padding:0 12px;
  border:1px solid rgba(0,0,0,.18);
  background:rgba(255,255,255,.45);
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#111!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  backdrop-filter:blur(12px);
}

.fgk-nav-cta i{
  display:block;
  width:13px;
  height:1px;
  background:#111;
  box-shadow:0 4px 0 #111;
}

.fgk-nav-spacer{
  height:72px;
}

@media(max-width:1100px){
  .fgk-nav{
    grid-template-columns:1fr auto;
  }

  .fgk-main-menu{
    display:none;
  }

  .fgk-nav-meta{
    display:none;
  }
}

@media(max-width:782px){
  body.admin-bar .fgk-nav{
    top:46px;
  }
}

@media(max-width:700px){
  .fgk-nav{
    height:64px;
    padding:14px 18px;
  }

  .fgk-brand{
    font-size:17px;
  }

  .fgk-brand-mark{
    width:23px;
    height:23px;
    border-radius:8px;
  }
}



/* ==========================================================
   CLEAN INSTALL — imagen real para card QFlow en Proyectos
   ========================================================== */

.fgk-work-grid > .fgk-work-card:first-child{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(7,7,7,.08) 0%, rgba(7,7,7,.18) 34%, rgba(7,7,7,.88) 100%),
    url('../img/qflow-card-image.png') center center / cover no-repeat !important;
  color:#fff !important;
}

.fgk-work-grid > .fgk-work-card:first-child .fgk-card-title,
.fgk-work-grid > .fgk-work-card:first-child .fgk-card-title .elementor-heading-title,
.fgk-work-grid > .fgk-work-card:first-child .fgk-card-text,
.fgk-work-grid > .fgk-work-card:first-child .fgk-card-text p{
  color:#fff !important;
}

.fgk-work-grid > .fgk-work-card:first-child .fgk-card-text,
.fgk-work-grid > .fgk-work-card:first-child .fgk-card-text p{
  opacity:.76 !important;
}

.fgk-work-grid > .fgk-work-card:first-child .fgk-work-icon{
  display:none !important;
}

.fgk-work-grid > .fgk-work-card:first-child .fgk-tags span{
  border-color:rgba(255,255,255,.58) !important;
  color:#fff !important;
  background:rgba(0,0,0,.18) !important;
  backdrop-filter:blur(10px) !important;
}