/* Generated by greenhouse-eo scripts/public-website/compile-creativa-elementor-source.cjs. Do not edit by hand. */

.gh-creativa{margin:0;background:#001a33}
.gh-creativa a{color:inherit}
.gh-creativa details summary{cursor:pointer;list-style:none}
.gh-creativa details summary::-webkit-details-marker{display:none}
@keyframes eo-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes eo-land{0%{opacity:0;transform:scale(0.2)}70%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
@keyframes eo-draw{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes eo-cursor{0%{opacity:0;transform:translate(120px,90px)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes eo-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes eo-marquee-rev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes eo-pulse{0%,100%{opacity:1}50%{opacity:0.35}}
.gh-creativa .eo-q{animation:eo-rise 900ms cubic-bezier(0.2,0,0,1) both}
.gh-creativa .eo-a{animation:eo-rise 1100ms cubic-bezier(0.2,0,0,1) 250ms both}
.gh-creativa .eo-dot{animation:eo-land 700ms cubic-bezier(0.2,0,0,1) 1100ms both}
.gh-creativa .eo-box{animation:eo-draw 600ms cubic-bezier(0.4,0,0.2,1) 1500ms both}
.gh-creativa .eo-cur{animation:eo-cursor 1100ms cubic-bezier(0.2,0,0,1) 1700ms both}
.gh-creativa .eo-sub{animation:eo-rise 900ms cubic-bezier(0.2,0,0,1) 600ms both}
.gh-creativa .eo-track{display:flex;align-items:flex-start;gap:20px;width:max-content;animation:eo-marquee 90s linear infinite}
.gh-creativa .eo-track-rev{display:flex;align-items:flex-start;gap:20px;width:max-content;animation:eo-marquee-rev 100s linear infinite}
.gh-creativa .eo-ribbon:hover .eo-track,.gh-creativa .eo-ribbon:hover .eo-track-rev{animation-play-state:paused}
.gh-creativa .eo-ad{transition:transform 400ms cubic-bezier(0.2,0,0,1)}
.gh-creativa .eo-ad:hover{transform:translateY(-8px) rotate(-1deg)}
.gh-creativa .eo-live{animation:eo-pulse 1.8s ease-in-out infinite}
.gh-creativa .eo-hero{position:relative;min-height:760px;display:flex;align-items:flex-end}
.gh-creativa .eo-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center}
.gh-creativa .eo-hero-text{position:relative}
.gh-creativa .eo-ia{position:relative;width:100%;height:520px}
.gh-creativa .eo-ia-stage{position:absolute;left:0;top:0;width:620px;height:520px;transform-origin:0 0}
@keyframes eo-bob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(-2deg)}}
@keyframes eo-fly{0%{transform:translate(-40px,30px) rotate(-6deg)}50%{transform:translate(70px,-6px) rotate(4deg)}100%{transform:translate(-40px,30px) rotate(-6deg)}}
@keyframes eo-thin{0%{opacity:0;transform:translateY(14px) scale(0.92)}100%{opacity:1;transform:none}}
@keyframes eo-pick{0%,42%{box-shadow:0 0 0 0 rgba(187,25,84,0);transform:none}50%,100%{box-shadow:0 0 0 3px #bb1954;transform:scale(1.05)}}
@keyframes eo-dim{0%,52%{opacity:1}60%,100%{opacity:0.45}}
@keyframes eo-okin{0%,74%{opacity:0;transform:scale(0.3)}80%,100%{opacity:1;transform:scale(1)}}
@keyframes eo-press{0%,72%{transform:none}75%{transform:scale(0.94)}78%,100%{transform:none}}
@keyframes eo-kc{0%{transform:translate(560px,500px);opacity:0}12%{opacity:1}38%{transform:translate(300px,230px)}46%{transform:translate(300px,230px) scale(0.9)}50%{transform:translate(300px,230px)}68%{transform:translate(400px,372px)}75%{transform:translate(400px,372px) scale(0.9)}78%,96%{transform:translate(400px,372px);opacity:1}100%{transform:translate(400px,372px);opacity:0}}
.gh-creativa .eo-sp-a{animation:eo-bob 4.2s ease-in-out infinite}.gh-creativa .eo-sp-b{animation:eo-bob 3.6s ease-in-out -1.2s infinite}.gh-creativa .eo-sp-c{animation:eo-bob 4.8s ease-in-out -2.4s infinite}.gh-creativa .eo-sp-fly{animation:eo-fly 7s ease-in-out infinite}
.gh-creativa .eo-th{opacity:0;animation:eo-thin 10s cubic-bezier(0.2,0,0,1) infinite}
.gh-creativa .eo-th1{animation:eo-thin 600ms cubic-bezier(0.2,0,0,1) 300ms both,eo-dim 10s linear infinite}.gh-creativa .eo-th2{animation:eo-thin 600ms cubic-bezier(0.2,0,0,1) 700ms both,eo-pick 10s cubic-bezier(0.2,0,0,1) infinite}.gh-creativa .eo-th3{animation:eo-thin 600ms cubic-bezier(0.2,0,0,1) 1100ms both,eo-dim 10s linear infinite}
.gh-creativa .eo-ok{animation:eo-okin 10s cubic-bezier(0.34,1.56,0.64,1) infinite}.gh-creativa .eo-approve{animation:eo-press 10s linear infinite}.gh-creativa .eo-kcur{animation:eo-kc 10s cubic-bezier(0.4,0,0.2,1) infinite}
.gh-creativa .eo-sp{transition:filter 300ms}.gh-creativa .eo-sp:hover{filter:drop-shadow(0 0 18px rgba(255,101,0,0.55)) drop-shadow(0 18px 24px rgba(0,0,0,0.45))}
@keyframes eo-arcdraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.gh-creativa .eo-arc{stroke-dasharray:100;animation:eo-arcdraw 1800ms cubic-bezier(0.2,0,0,1) 300ms both}
@keyframes eo-dotin{0%,80%{opacity:0;transform:scale(0.3)}100%{opacity:1;transform:none}}
@media (max-width:860px){.gh-creativa .eo-reviews{grid-template-columns:1fr !important}}
.gh-creativa .eo-proof-reel .eo-pv-wide{grid-column:1 / -1}
.gh-creativa .eo-pv video{transition:transform 600ms cubic-bezier(0.2,0,0,1)}
.gh-creativa .eo-pv:hover video{transform:scale(1.03)}
@media (max-width:1100px){.gh-creativa .eo-proof-meter-row .eo-meter{width:96px;height:96px}}
@media (max-width:760px){.gh-creativa .eo-proof{grid-template-columns:1fr !important}.gh-creativa .eo-proof-card{min-height:0 !important;padding:calc(63% + 8px) 24px 24px !important}.gh-creativa .eo-proof-stats{grid-template-columns:1fr 1fr 1fr !important}.gh-creativa .eo-proof-reel{grid-template-columns:1fr 1fr !important;grid-template-rows:auto !important;min-height:0 !important}.gh-creativa .eo-proof-reel .eo-pv{aspect-ratio:4 / 5}.gh-creativa .eo-proof-reel .eo-pv-wide{aspect-ratio:16 / 9}}
@media (prefers-reduced-motion: reduce){.gh-creativa .eo-pv video{transition:none}.gh-creativa .eo-pv:hover video{transform:none}}
.gh-creativa .eo-meter-dot{transform-box:fill-box;transform-origin:center;animation:eo-dotin 2200ms cubic-bezier(0.34,1.56,0.64,1) both}
.gh-creativa .eo-in:focus{outline:none;border-color:#0375db !important;box-shadow:0 0 0 4px rgba(3,117,219,0.18);background:#ffffff !important}
.gh-creativa .eo-in::placeholder{color:#8a93a3}
.gh-creativa .eo-submit{transition:transform 250ms cubic-bezier(0.2,0,0,1),box-shadow 250ms,background 250ms}
.gh-creativa .eo-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(3,117,219,0.35);background:#0261b8 !important}
.gh-creativa .eo-submit:focus-visible{outline:3px solid #ffffff;outline-offset:3px;box-shadow:0 0 0 6px #0375db}
.gh-creativa .eo-opt:hover{background:#f4f6f8 !important}
.gh-creativa .eo-opt:focus-visible{outline:2px solid #0375db;outline-offset:-2px}
.gh-creativa .eo-trigger:focus-visible{border-color:#0375db !important;box-shadow:0 0 0 4px rgba(3,117,219,0.18)}
/* AXIS primitives · checkbox (axis-choice), tokens axisForms, línea brand · superficie light */
.gh-creativa .axis-choice{--af-fill:#f1f3f3;--af-border:#6d8eab;--af-hoverBorder:#5d82a2;--af-focus:#bb1954;--af-selected:#bb1954;--af-onSelected:#ffffff;--af-ink:#023c70;box-sizing:border-box;min-width:0;max-width:100%}
.gh-creativa .axis-choice__target{box-sizing:border-box;position:relative;display:flex;align-items:flex-start;gap:.75rem;min-height:2.75rem;max-width:100%;cursor:pointer;margin:0;padding:0;font:inherit;color:inherit}
.gh-creativa .axis-choice__input{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;border:0;opacity:0;cursor:inherit}
.gh-creativa .axis-choice__label{min-width:0;overflow-wrap:anywhere}
.gh-creativa .axis-choice__visual{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.1rem;border:1px solid var(--af-border);border-radius:.375rem;background:var(--af-fill);color:var(--af-onSelected);transition:background 150ms,border-color 150ms}
.gh-creativa .axis-choice__mark{display:block;visibility:hidden;width:.55rem;height:.3rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-.05rem)}
.gh-creativa .axis-choice__input:checked+.axis-choice__visual{background:var(--af-selected);border-color:var(--af-focus)}
.gh-creativa .axis-choice__input:checked+.axis-choice__visual>.axis-choice__mark{visibility:visible}
.gh-creativa .axis-choice__input:focus-visible+.axis-choice__visual{outline:2px solid var(--af-focus);outline-offset:3px}
@media(hover:hover){.gh-creativa .axis-choice__target:hover .axis-choice__input:not(:checked)+.axis-choice__visual{border-color:var(--af-hoverBorder)}}
.gh-creativa .axis-choice__label a{position:relative;z-index:1}
.gh-creativa .eo-faq{background:#ffffff;border:1px solid rgba(2,60,112,0.08);border-radius:16px;transition:box-shadow 250ms,border-color 250ms}
.gh-creativa .eo-faq summary{cursor:pointer}
.gh-creativa .eo-faq:hover{border-color:rgba(2,60,112,0.18)}
.gh-creativa .eo-faq[open]{box-shadow:0 14px 32px rgba(0,26,51,0.08);border-color:rgba(2,60,112,0.14)}
.gh-creativa .eo-plus{transition:transform 220ms cubic-bezier(0.2,0,0,1),background 220ms}
.gh-creativa .eo-faq[open] .eo-plus{transform:rotate(45deg);background:#bb1954 !important}
.gh-creativa .eo-faq[open] .eo-plus path{stroke:#ffffff}
.gh-creativa .eo-faq summary:focus-visible{outline:2px solid #bb1954;outline-offset:2px;border-radius:16px}
@media (min-width:1000px){.gh-creativa .eo-faq-intro{position:sticky;top:32px}}
.gh-creativa .eo-cta-main{transition:transform 250ms cubic-bezier(0.2,0,0,1),box-shadow 250ms,background 250ms}
.gh-creativa .eo-cta-main:hover{transform:translateY(-2px);background:#ff771f !important;box-shadow:0 14px 32px rgba(255,101,0,0.35)}
.gh-creativa .eo-cta-main:focus-visible,.gh-creativa .eo-cta-alt:focus-visible{outline:2px solid #ffffff;outline-offset:3px}
.gh-creativa .eo-cta-alt{transition:border-color 250ms,background 250ms}
.gh-creativa .eo-cta-alt:hover{border-color:#ffffff !important;background:rgba(255,255,255,0.06)}
@keyframes eo-recblink{0%,100%{opacity:1}50%{opacity:0.2}}
.gh-creativa .eo-rec{animation:eo-recblink 1.2s steps(1) infinite}
@keyframes eo-tcrun{from{content:"00:00:00"}to{content:"00:00:59"}}
.gh-creativa .eo-tc::after{content:"00:12:24";}
@keyframes eo-vfbreathe{0%,100%{inset:0}50%{inset:6px}}
.gh-creativa .eo-vf-c{transition:all 600ms}
.gh-creativa .eo-set-main:hover .eo-vf{inset:36px !important}
.gh-creativa .eo-vf{transition:inset 700ms cubic-bezier(0.2,0,0,1)}
.gh-creativa .eo-set-img{transition:transform 1200ms cubic-bezier(0.2,0,0,1)}
.gh-creativa .eo-set-main:hover .eo-set-img,.gh-creativa .eo-set-side:hover .eo-set-img{transform:scale(1.04)}
.gh-creativa .eo-f-full{grid-column:1/-1}
.gh-creativa .eo-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gh-creativa .eo-cap{transition:transform 400ms cubic-bezier(0.2,0,0,1),box-shadow 400ms cubic-bezier(0.2,0,0,1)}
.gh-creativa .eo-cap:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,26,51,0.14)}
.gh-creativa .eo-cap-media img,.gh-creativa .eo-cap-media video{transition:transform 700ms cubic-bezier(0.2,0,0,1)}
.gh-creativa .eo-cap:hover .eo-cap-media img,.gh-creativa .eo-cap:hover .eo-cap-media video{transform:scale(1.06)}
.gh-creativa .eo-cap-ico{transition:transform 500ms cubic-bezier(0.34,1.56,0.64,1)}
.gh-creativa .eo-cap:hover .eo-cap-ico{transform:rotate(-8deg) scale(1.08)}
.gh-creativa .eo-cap-svg{display:block}
.gh-creativa .eo-bento{max-width:1328px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:180px;gap:12px;grid-auto-flow:dense;box-sizing:border-box}
.gh-creativa .bx-2x2{grid-column:span 2;grid-row:span 2}.gh-creativa .bx-1x1{grid-column:span 1;grid-row:span 1}.gh-creativa .bx-1x2{grid-column:span 1;grid-row:span 2}.gh-creativa .bx-2x1{grid-column:span 2;grid-row:span 1}
.gh-creativa .g-logo{grid-area:1/1/3/3}.gh-creativa .g-foto{grid-area:1/3/3/5}.gh-creativa .g-paleta{grid-area:1/5/2/6}.gh-creativa .g-tipo{grid-area:1/6/2/7}.gh-creativa .g-story{grid-area:2/5/4/6}.gh-creativa .g-iconos{grid-area:2/6/3/7}.gh-creativa .g-ooh{grid-area:3/1/4/3}.gh-creativa .g-web{grid-area:3/3/4/5}.gh-creativa .g-pack{grid-area:3/6/4/7}
.gh-creativa .eo-cs{position:relative;width:100%;height:520px}
.gh-creativa .eo-cs-stage{position:absolute;left:0;top:0;width:660px;height:520px;transform-origin:0 0}
@media (max-width:1024px){
.gh-creativa .eo-set{grid-template-columns:1fr !important}
.gh-creativa .eo-set-main{min-height:420px !important}
.gh-creativa .eo-caps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
.gh-creativa .eo-brief{padding:24px !important;border-radius:22px !important}
.gh-creativa .eo-brief-grid{grid-template-columns:1fr !important}
.gh-creativa .eo-skyband{height:420px !important}
.gh-creativa .eo-skyquote{font-size:30px !important}
.gh-creativa .eo-skycard{flex-direction:column;align-items:flex-start !important;bottom:-300px !important;padding:24px !important}
.gh-creativa .eo-meter{width:180px;height:180px}
.gh-creativa .eo-skyafter{padding-top:340px !important}
.gh-creativa .eo-sa-img{position:relative !important;height:300px !important;object-position:78% center !important}
.gh-creativa .eo-sa-text{padding:28px 22px 32px !important}
.gh-creativa .eo-ia{height:290px}
.gh-creativa .eo-ia-stage{transform:scale(0.55)}
.gh-creativa .eo-caps{grid-template-columns:1fr}
.gh-creativa .eo-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
.gh-creativa .eo-bento>div{grid-area:auto}
.gh-creativa .eo-bento>.bx-2x2{grid-column:span 2;grid-row:span 2}.gh-creativa .eo-bento>.bx-2x1{grid-column:span 2}.gh-creativa .eo-bento>.bx-1x2{grid-row:span 2}
.gh-creativa .eo-cs{height:260px}
.gh-creativa .eo-cs-stage{transform:scale(0.5)}
.gh-creativa .eo-hero{display:block;min-height:0}
.gh-creativa .eo-hero-img{position:relative;height:380px;object-position:68% center}
}
@media (prefers-reduced-motion:reduce){
.gh-creativa .eo-q,.gh-creativa .eo-a,.gh-creativa .eo-dot,.gh-creativa .eo-box,.gh-creativa .eo-cur,.gh-creativa .eo-sub,.gh-creativa .eo-track,.gh-creativa .eo-track-rev,.gh-creativa .eo-live{animation:none !important}
.gh-creativa .eo-ad:hover{transform:none}
.gh-creativa .eo-trigger svg{transition:none !important}
.gh-creativa .eo-plus{transition:none !important}
.gh-creativa .eo-rec,.gh-creativa .eo-set-img,.gh-creativa .eo-vf{animation:none !important;transition:none !important}
.gh-creativa .eo-sp,.gh-creativa .eo-th,.gh-creativa .eo-ok,.gh-creativa .eo-approve,.gh-creativa .eo-kcur,.gh-creativa .eo-arc,.gh-creativa .eo-meter-dot{animation:none !important;opacity:1}
.gh-creativa .eo-cap:hover,.gh-creativa .eo-cap:hover .eo-cap-ico,.gh-creativa .eo-cap:hover .eo-cap-media img,.gh-creativa .eo-cap:hover .eo-cap-media video{transform:none}
}

/* Agencia Creativa v2: lienzo + motor (v2) restyled to La órbita, and escala components */

.gh-creativa .gh-creative {
  --ghc-navy: #04263f;
  --ghc-deep: #031b2e;
  --ghc-blue: #0375db;
  --ghc-orange: #fb7a00;
  --ghc-purple: #5145e0;
  --ghc-cyan: #3cc9f0;
  --ghc-paper: #f8f7fa;
  --ghc-ink: #07385f;
  --ghc-muted: #656474;
  --ghc-border: rgba(4, 38, 63, .14);
  --ghc-display: var(--font-display, "Poppins", "Inter", system-ui, sans-serif);
  --ghc-sans: var(--font-sans, "Inter", system-ui, sans-serif);
  --ghc-num: var(--font-numeric, "Inter", system-ui, sans-serif);
  position: relative;
  isolation: isolate;
  overflow: clip;
  color: var(--ghc-ink);
  font-family: var(--ghc-sans);
}

.gh-creativa .gh-creative *,
.gh-creativa .gh-creative *::before,
.gh-creativa .gh-creative *::after { box-sizing: border-box; }

.gh-creativa .ghc-dark { background: var(--ghc-navy); color: #fff; }

.gh-creativa .ghc-wrap { width: min(1240px, calc(100% - 56px)); margin: 0 auto; position: relative; z-index: 1; }

.gh-creativa .ghc-section .ghc-wrap { padding-block: clamp(64px, 9vw, 116px); }

.gh-creativa .ghc-grid-bg { position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(120% 100% at 70% 0%, #000 35%, transparent 90%); }

.gh-creativa .ghc-two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 5vw, 72px); align-items: center; }

.gh-creativa .ghc-section-head { display: flex; flex-direction: column; gap: 16px; max-width: 680px; }

.gh-creativa .ghc-kicker { color: var(--ghc-purple); font: 700 .75rem/1.2 var(--ghc-num); letter-spacing: .12em; text-transform: uppercase; }

.gh-creativa .ghc-dark .ghc-kicker { color: var(--ghc-orange); }

.gh-creativa .ghc-section-head h2 { margin: 0; color: var(--ghc-ink); font: 800 clamp(1.9rem, 3.6vw, 2.9rem)/1.08 var(--ghc-display); letter-spacing: -.02em; text-wrap: balance; }

.gh-creativa .ghc-dark .ghc-section-head h2 { color: #fff; }

.gh-creativa .ghc-section-head p { margin: 0; color: var(--ghc-muted); font: 400 1.0625rem/1.6 var(--ghc-sans); }

.gh-creativa .ghc-dark .ghc-section-head p { color: rgba(255,255,255,.76); }

.gh-creativa .ghc-btn { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 14px 22px; border: 1px solid transparent; border-radius: 8px; text-decoration: none !important; font: 800 .95rem/1 var(--ghc-sans); transition: transform .22s cubic-bezier(.2,0,0,1), box-shadow .22s cubic-bezier(.2,0,0,1), border-color .22s, background-color .22s, background-image .22s, color .22s; white-space: nowrap; will-change: transform; -webkit-tap-highlight-color: rgba(3,117,219,.22); }

.gh-creativa .ghc-btn::before { content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: 7px; background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,.22) 45%, transparent 72%); opacity: 0; transform: translateX(-120%) skewX(-14deg); transition: transform .56s cubic-bezier(.2,0,0,1), opacity .2s; pointer-events: none; }

.gh-creativa .ghc-btn > span,
.gh-creativa .ghc-btn > i { position: relative; z-index: 1; color: inherit; transition: transform .22s cubic-bezier(.2,0,0,1); }

.gh-creativa .ghc-btn-primary { color: #fff !important; background-color: var(--ghc-blue) !important; background-image: linear-gradient(135deg, #0b84e5, var(--ghc-blue)) !important; box-shadow: 0 12px 26px rgba(3, 117, 219, .26); }

.gh-creativa .ghc-btn:focus-visible,
.gh-creativa .ghc-link-underline:focus-visible { outline: 2px solid var(--ghc-orange); outline-offset: 3px; }

.gh-creativa .ghc-index-row { display: flex; align-items: center; gap: 14px; margin-bottom: clamp(32px, 5vw, 56px); color: rgba(255,255,255,.52); font: 700 .75rem/1.2 var(--ghc-num); letter-spacing: .14em; text-transform: uppercase; }

.gh-creativa .ghc-index-row span { color: var(--ghc-orange); }

.gh-creativa .ghc-index-row b { flex: 1; min-width: 20px; height: 1px; background: rgba(255,255,255,.14); }

.gh-creativa .ghc-hero-wrap { padding-block: clamp(140px, 10vw, 184px) clamp(56px, 8vw, 104px) !important; }

.gh-creativa .ghc-hero-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(420px, 1fr); gap: clamp(36px, 5vw, 72px); align-items: end; }

.gh-creativa .ghc-hero-copy { display: flex; flex-direction: column; gap: 26px; max-width: 680px; }

.gh-creativa .ghc-hero-copy h1 { margin: 0; color: #fff; font: 800 clamp(2.7rem, 6vw, 5.1rem)/.98 var(--ghc-display); letter-spacing: -.028em; text-wrap: balance; }

.gh-creativa .ghc-hero-copy h1 span { color: var(--ghc-orange); }

.gh-creativa .ghc-hero-copy p { margin: 0; max-width: 50ch; color: rgba(255,255,255,.78); font: 400 clamp(1.05rem, 1.6vw, 1.28rem)/1.55 var(--ghc-sans); }

.gh-creativa .ghc-hero-statement { display: flex; align-items: stretch; max-width: 520px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: rgba(255,255,255,.04); color: #fff; font: 800 .95rem/1.35 var(--ghc-sans); }

.gh-creativa .ghc-hero-statement span { flex: 1 1 auto; min-width: 0; padding: 14px 18px; }

.gh-creativa .ghc-hero-statement i { flex: 0 0 6px; width: 6px; background: linear-gradient(var(--ghc-orange), var(--ghc-purple)); }

.gh-creativa .ghc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }

.gh-creativa .ghc-link-underline { position: relative; display: inline-flex; align-items: center; gap: 9px; color: #fff !important; background-color: transparent !important; background-image: none !important; text-decoration: none !important; font: 800 .95rem var(--ghc-sans); padding: 12px 4px; transition: gap .22s cubic-bezier(.2,0,0,1), transform .22s cubic-bezier(.2,0,0,1), color .22s; }

.gh-creativa .ghc-link-underline::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: 6px; height: 2px; border-radius: 999px; background: var(--ghc-orange); transform-origin: left center; transition: height .22s cubic-bezier(.2,0,0,1), box-shadow .22s, background .22s; pointer-events: none; }

.gh-creativa .ghc-link-underline i { color: inherit; transition: transform .22s cubic-bezier(.2,0,0,1); }

.gh-creativa .ghc-hero-visual { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.gh-creativa .ghc-live { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.58); font: 800 .75rem/1.2 var(--ghc-num); letter-spacing: .06em; text-transform: uppercase; }

.gh-creativa .ghc-live span,
.gh-creativa .ghc-art-caption span { width: 8px; height: 8px; border-radius: 50%; background: var(--ghc-orange); box-shadow: 0 0 10px var(--ghc-orange); animation: ghcBlink 1.6s steps(1) infinite; flex: none; }

.gh-creativa .ghc-hero-art { position: relative; height: clamp(320px, 32vw, 428px); border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); background: radial-gradient(120% 100% at 72% 18%, #0b3a5e, #06263f); perspective: 1000px; touch-action: none; }

.gh-creativa .ghc-hero-art::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, var(--ghc-orange), var(--ghc-purple)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: .75; pointer-events: none; }

.gh-creativa .ghc-hero-art svg { display: block; width: 100%; height: 100%; transform-origin: center; }

.gh-creativa .ghc-art-caption { position: absolute; left: 14px; bottom: 12px; z-index: 2; display: flex; gap: 8px; align-items: center; color: rgba(255,255,255,.62); font: 800 .625rem/1 var(--ghc-num); letter-spacing: .08em; text-transform: uppercase; pointer-events: none; }

.gh-creativa .ghc-art-caption span { width: 6px; height: 6px; }

.gh-creativa .ghc-workflow-top { align-items: center; }

.gh-creativa .ghc-fab { position: relative; height: clamp(330px, 34vw, 432px); min-width: 0; }

.gh-creativa .ghc-fab-stage { position: absolute; inset: 0; overflow: hidden; }

.gh-creativa .ghc-fab-stage::before,
.gh-creativa .ghc-fab-stage::after { content: ""; position: absolute; bottom: 122px; width: 2px; height: 230px; background: linear-gradient(to top, rgba(251,122,0,.5), transparent); animation: fabBeam 3s ease-in-out infinite; }

.gh-creativa .ghc-fab-stage::before { left: calc(50% - 42px); animation-delay: -.5s; }

.gh-creativa .ghc-fab-stage::after { left: calc(50% + 42px); animation-delay: -1.2s; }

.gh-creativa .ghc-fab-rise { position: absolute; bottom: 112px; left: 50%; margin-left: -62px; width: 124px; animation-duration: 6.2s; animation-timing-function: cubic-bezier(.4,0,.2,1); animation-iteration-count: infinite; will-change: transform, opacity; }

.gh-creativa .ghc-fab-rise-1 { left: calc(50% - 116px); }

.gh-creativa .ghc-fab-rise-2 { left: calc(50% - 8px); }

.gh-creativa .ghc-fab-rise-3 { left: calc(50% - 44px); }

.gh-creativa .ghc-fab-rise-4 { left: calc(50% - 92px); }

.gh-creativa .ghc-fab-rise-5 { left: calc(50% + 34px); }

.gh-creativa .ghc-fab-card { display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; align-items: center; gap: 2px 10px; padding: 9px 11px; border-radius: 11px; background: rgba(6,32,54,.94); border: 1px solid rgba(255,255,255,.2); box-shadow: 0 12px 30px rgba(0,0,0,.45); }

.gh-creativa .ghc-fab-card span { grid-row: span 2; width: 30px; height: 30px; border-radius: 7px; display: grid; place-items: center; background: rgba(251,122,0,.16); color: var(--ghc-orange); }

.gh-creativa .ghc-fab-card-purple span { background: rgba(81,69,224,.18); color: #a79fff; }

.gh-creativa .ghc-fab-card-blue span { background: rgba(3,117,219,.18); color: #57a8f0; }

.gh-creativa .ghc-fab-card b { color: #fff; font: 800 .72rem var(--ghc-sans); }

.gh-creativa .ghc-fab-card small { color: rgba(255,255,255,.55); font: 700 .6rem var(--ghc-num); }

.gh-creativa .ghc-fab-progress { position: relative; display: block; width: 58px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.16); overflow: hidden; }

.gh-creativa .ghc-fab-progress i { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--ghc-orange); }

.gh-creativa .ghc-fab-bars { display: inline-flex; align-items: end; gap: 3px; height: 16px; }

.gh-creativa .ghc-fab-bars i { width: 3px; height: 8px; border-radius: 999px; background: currentColor; animation: fabBars 1.15s ease-in-out infinite; }

.gh-creativa .ghc-fab-bars i:nth-child(2) { animation-delay: -.18s; }

.gh-creativa .ghc-fab-bars i:nth-child(3) { animation-delay: -.34s; }

.gh-creativa .ghc-fab-bars i:nth-child(4) { animation-delay: -.52s; }

.gh-creativa .ghc-fab-bars i:nth-child(5) { animation-delay: -.7s; }

.gh-creativa .ghc-fab-machine { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: min(300px, 90%); }

.gh-creativa .ghc-fab-glow { position: absolute; top: -34px; left: 50%; width: 180px; height: 70px; background: radial-gradient(ellipse at center bottom, rgba(251,122,0,.6), transparent 70%); filter: blur(4px); transform: translateX(-50%); animation: fabGlow 2.8s ease-in-out infinite; }

.gh-creativa .ghc-fab-mouth { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 120px; height: 10px; border-radius: 6px 6px 0 0; background: linear-gradient(180deg, #fb7a00, #6b3200); box-shadow: 0 0 18px rgba(251,122,0,.7); }

.gh-creativa .ghc-fab-core { position: relative; border: 1px solid rgba(255,255,255,.2); border-bottom: none; border-radius: 16px 16px 0 0; background: linear-gradient(180deg, rgba(12,44,72,.97), rgba(6,28,48,.98)); padding: 16px 18px 22px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 -6px 30px rgba(0,0,0,.4); }

.gh-creativa .ghc-fab-core header,
.gh-creativa .ghc-fab-core div { display: flex; align-items: center; gap: 8px; }

.gh-creativa .ghc-fab-core header b { color: rgba(255,255,255,.92); font: 800 .62rem var(--ghc-num); letter-spacing: .14em; text-transform: uppercase; }

.gh-creativa .ghc-fab-core header em { margin-left: auto; color: var(--ghc-orange); font: 800 .6rem var(--ghc-num); letter-spacing: .1em; font-style: normal; }

.gh-creativa .ghc-fab-core div i { color: #57a8f0; font-size: 24px; animation: fabGear 9s linear infinite; }

.gh-creativa .ghc-fab-core div i:nth-child(2) { color: #a79fff; font-size: 20px; animation-direction: reverse; animation-duration: 6s; }

.gh-creativa .ghc-fab-core div i:nth-child(3) { color: rgba(255,255,255,.42); font-size: 15px; animation-duration: 12s; }

.gh-creativa .ghc-fab-core div b { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,.22), transparent); }

.gh-creativa .ghc-fab-core div small { color: rgba(255,255,255,.45); font: 800 .56rem var(--ghc-num); letter-spacing: .08em; }

.gh-creativa .ghc-fab-core footer { position: relative; height: 14px; border-radius: 7px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); overflow: hidden; }

.gh-creativa .ghc-fab-core footer span { position: absolute; top: 50%; left: 6px; margin-top: -6px; width: 12px; height: 12px; border-radius: 3px; background: var(--ghc-orange); animation: fabBrief 3.2s linear infinite; }

.gh-creativa .ghc-fab-core footer span:nth-child(2) { background: #a79fff; animation-delay: -1.1s; }

.gh-creativa .ghc-fab-core footer span:nth-child(3) { background: #57a8f0; animation-delay: -2.2s; }

.gh-creativa .ghc-relay { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 4vw, 44px); position: relative; }

.gh-creativa .ghc-relay-rail { position: absolute; top: 23px; left: 16.66%; right: 16.66%; height: 2px; background: rgba(255,255,255,.16); overflow: hidden; mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }

.gh-creativa .ghc-relay-rail::before { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(100% + 34px); background: repeating-linear-gradient(90deg, var(--ghc-orange) 0 12px, transparent 12px 34px); animation: relayFlow 1.3s linear infinite; }

.gh-creativa .ghc-relay article { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }

.gh-creativa .ghc-relay article > span { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: #0a2233; color: #fff; font: 900 1.15rem var(--ghc-num); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0 0 5px rgba(81,69,224,.16); z-index: 1; }

.gh-creativa .ghc-relay article:nth-child(3) > span { color: var(--ghc-orange); box-shadow: inset 0 0 0 1px rgba(251,122,0,.55), 0 0 0 5px rgba(251,122,0,.14); }

.gh-creativa .ghc-relay article em { color: #cfd8ff; border: 1px solid rgba(129,140,248,.5); border-radius: 999px; padding: 4px 12px; font: 800 .6875rem var(--ghc-sans); letter-spacing: .14em; text-transform: uppercase; font-style: normal; }

.gh-creativa .ghc-relay article em.ghc-relay-logo { min-width: 104px; min-height: 27px; display: inline-flex; align-items: center; justify-content: center; padding: 4px 14px; }

.gh-creativa .ghc-relay-logo img { display: block; width: 86px; max-width: 100%; height: auto; max-height: 20px; object-fit: contain; }

.gh-creativa .ghc-relay article h3 { margin: 0; color: #fff; font: 800 1.125rem var(--ghc-display); }

.gh-creativa .ghc-relay article p { margin: 0; color: rgba(255,255,255,.72); font: 400 .9375rem/1.55 var(--ghc-sans); max-width: 32ch; }

.gh-creativa .ghc-relay-loop { margin: 26px auto 0; display: inline-flex; align-items: center; gap: 9px; color: rgba(255,255,255,.72); border: 1px dashed rgba(255,255,255,.26); border-radius: 999px; padding: 9px 18px; font: 800 .8125rem var(--ghc-sans); }

.gh-creativa .ghc-relay-loop i { color: var(--ghc-orange); }

.gh-creativa .gh-creative[data-motion="on"] [data-ghc-hero-in] > * { animation: heroIn .85s cubic-bezier(.2,0,0,1) both; }

.gh-creativa .gh-creative[data-motion="on"] [data-ghc-hero-in] > *:nth-child(2) { animation-delay: .09s; }

.gh-creativa .gh-creative[data-motion="on"] [data-ghc-hero-in] > *:nth-child(3) { animation-delay: .18s; }

.gh-creativa .gh-creative[data-motion="on"] [data-ghc-hero-in] > *:nth-child(4) { animation-delay: .27s; }

.gh-creativa .gh-creative[data-motion="on"] .ghc-rv,
.gh-creativa .gh-creative[data-motion="on"] .ghc-rvc { opacity: 0; transition: opacity .72s cubic-bezier(.2,0,0,1), transform .72s cubic-bezier(.2,0,0,1); }

.gh-creativa .gh-creative[data-motion="on"] .ghc-rv { transform: translateY(32px); }

.gh-creativa .gh-creative[data-motion="on"] .ghc-rvc { transform: translateY(34px) scale(.965); }

.gh-creativa .gh-creative[data-motion="on"] [data-ghc-reveal].is-in .ghc-rv,
.gh-creativa .gh-creative[data-motion="on"] [data-ghc-reveal].is-in .ghc-rvc { opacity: 1; transform: none; }

.gh-creativa .ghc-float { animation: ghcFloat 6s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }

.gh-creativa .ghc-float2 { animation: ghcFloat2 7.5s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }

.gh-creativa .ghc-float3 { animation: ghcFloat3 6.8s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }

.gh-creativa .ghc-draw { stroke-dasharray: 760; animation: ghcDraw 2.2s cubic-bezier(.2,0,0,1) .3s forwards; }

.gh-creativa .ghc-ants { animation: ghcAnts 1.4s linear infinite; }

.gh-creativa .ghc-pulse { animation: ghcPulse 2.4s ease-in-out infinite; }

.gh-creativa .ghc-cursor { animation: ghcCursor 8.5s cubic-bezier(.5,0,.2,1) infinite; }

@media (max-width: 980px) {
  .gh-creativa .ghc-hero-grid,
  .gh-creativa .ghc-two-col { grid-template-columns: 1fr; flex-direction: column; }
  .gh-creativa .ghc-hero-grid { display: grid; }
  .gh-creativa .ghc-hero-visual { order: 2; }
}

@media (max-width: 759px) {
  .gh-creativa .ghc-wrap { width: min(100% - 36px, 1240px); }
  .gh-creativa .ghc-section .ghc-wrap { padding-block: 56px; }
  .gh-creativa .ghc-index-row em:last-child { display: none; }
  .gh-creativa .ghc-hero-copy h1 { font-size: clamp(2.45rem, 13vw, 4rem); }
  .gh-creativa .ghc-actions { align-items: flex-start; }
  .gh-creativa .ghc-relay { grid-template-columns: 1fr; }
  .gh-creativa .ghc-relay-rail { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .gh-creativa .gh-creative,
  .gh-creativa .gh-creative * {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
  .gh-creativa .gh-creative .ghc-btn::before { display: none !important; }
  .gh-creativa .gh-creative .ghc-btn:hover,
  .gh-creativa .gh-creative .ghc-btn:focus-visible,
  .gh-creativa .gh-creative .ghc-btn:active,
  .gh-creativa .gh-creative .ghc-link-underline:hover,
  .gh-creativa .gh-creative .ghc-link-underline:focus-visible {
    transform: none !important;
  }
  .gh-creativa .gh-creative .ghc-btn:hover > i,
  .gh-creativa .gh-creative .ghc-btn:focus-visible > i,
  .gh-creativa .gh-creative .ghc-link-underline:hover i,
  .gh-creativa .gh-creative .ghc-link-underline:focus-visible i {
    transform: none !important;
  }
  .gh-creativa .gh-creative [data-ghc-reveal] > *,
  .gh-creativa .gh-creative [data-ghc-hero-in] > * {
    opacity: 1 !important;
    transform: none !important;
  }
}

@keyframes heroIn { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }

@keyframes ghcBlink { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }

@keyframes ghcFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

@keyframes ghcFloat2 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-8px,10px); } }

@keyframes ghcFloat3 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(9px,7px); } }

@keyframes ghcDraw { from { stroke-dashoffset: 760; } to { stroke-dashoffset: 0; } }

@keyframes ghcAnts { to { stroke-dashoffset: -26; } }

@keyframes ghcPulse { 0%,100% { opacity: 1; } 50% { opacity: .4; } }

@keyframes ghcCursor { 0%,13% { transform: translate(486px,352px); } 25%,39% { transform: translate(190px,150px); } 52%,65% { transform: translate(104px,296px); } 79%,92% { transform: translate(456px,182px); } 100% { transform: translate(486px,352px); } }

@keyframes fabBeam { 0%,100% { opacity: .16; transform: scaleY(.9); } 50% { opacity: .55; transform: scaleY(1.08); } }

@keyframes fabGlow { 0%,100% { opacity: .4; transform: translateX(-50%) scale(1); } 50% { opacity: .85; transform: translateX(-50%) scale(1.18); } }

@keyframes fabGear { to { transform: rotate(360deg); } }

@keyframes fabBrief { 0% { transform: translateX(0); opacity: 0; } 18%,82% { opacity: 1; } 100% { transform: translateX(88px); opacity: 0; } }

@keyframes fabBars { 0%,100% { transform: scaleY(.55); opacity: .6; } 50% { transform: scaleY(1.85); opacity: 1; } }

@keyframes relayFlow { to { transform: translateX(34px); } }
@keyframes fabRise { 0% { opacity: 0; transform: translateY(0) scale(.72); } 12%,72% { opacity: 1; } 100% { opacity: 0; transform: translateY(-292px) scale(1.05); } }@keyframes fabRiseL { 0% { opacity: 0; transform: translate(0,0) scale(.72); } 12% { opacity: 1; } 72% { opacity: .92; } 100% { opacity: 0; transform: translate(-76px,-292px) scale(1.05); } }@keyframes fabRiseR { 0% { opacity: 0; transform: translate(0,0) scale(.72); } 12% { opacity: 1; } 72% { opacity: .92; } 100% { opacity: 0; transform: translate(76px,-292px) scale(1.05); } }
.gh-creativa .gh-creative{--ghc-navy:#001a33;--ghc-deep:#00152a;--ghc-blue:#0375db;--ghc-orange:#ff6500;--ghc-purple:#bb1954;--ghc-cyan:#56b4f0;--ghc-ink:#023c70;--ghc-display:'Bricolage Grotesque',sans-serif;--ghc-sans:'Poppins',sans-serif;--ghc-num:'Geist','Poppins',sans-serif}
.gh-creativa .gh-creative .ghc-section-head h2{font:740 64px/0.95 'Bricolage Grotesque',sans-serif;letter-spacing:-0.03em}
.gh-creativa .gh-creative .ghc-section-head p{font:400 17px/1.55 'Poppins',sans-serif;color:#cfe4fa}
.gh-creativa .gh-creative .ghc-relay h3{font-family:'Poppins',sans-serif}
.gh-creativa .gh-creative .ghc-fab-card svg,.gh-creativa .gh-creative .ghc-fab-core svg,.gh-creativa .gh-creative .ghc-relay-loop svg{display:inline-block;vertical-align:middle}
.gh-creativa .es-gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(90% 80% at 70% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(90% 80% at 70% 40%,#000 30%,transparent 80%)}
.gh-creativa .es-art .ghc-hero-art{height:460px}
.gh-creativa .es-rise>*{animation:eo-rise 900ms cubic-bezier(0.2,0,0,1) both}.gh-creativa .es-rise>*:nth-child(2){animation-delay:120ms}.gh-creativa .es-rise>*:nth-child(3){animation-delay:240ms}.gh-creativa .es-rise>*:nth-child(4){animation-delay:360ms}.gh-creativa .es-rise>*:nth-child(5){animation-delay:480ms}
.gh-creativa .es-wall{position:absolute;inset:-40px -10%;display:flex;flex-direction:column;justify-content:center;gap:16px;transform:rotate(-6deg);opacity:.55}
.gh-creativa .es-wall-veil{position:absolute;inset:0;background:linear-gradient(90deg,#f7f8f6 0%,rgba(247,248,246,.96) 42%,rgba(247,248,246,.55) 70%,rgba(247,248,246,.2) 100%)}
.gh-creativa .es-card{transition:transform 400ms cubic-bezier(0.2,0,0,1),box-shadow 400ms}.gh-creativa .es-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,26,51,0.12)}
@media (max-width:760px){.gh-creativa .es-mega{font-size:120px !important}.gh-creativa .es-art .ghc-hero-art{height:320px}.gh-creativa .es-wall-veil{background:rgba(247,248,246,.9)}}
@media (prefers-reduced-motion:reduce){.gh-creativa .es-rise>*{animation:none !important}}
.gh-creativa .es-rail{position:absolute;left:24px;right:24px;top:24px;height:2px;background:repeating-linear-gradient(90deg,rgba(2,60,112,.35) 0 8px,transparent 8px 16px)}
.gh-creativa .es-rail-dot{position:absolute;top:50%;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:9999px;background:#ff6500;box-shadow:0 0 0 6px rgba(255,101,0,.18),0 0 18px rgba(255,101,0,.55);animation:es-travel 9s cubic-bezier(.45,0,.55,1) infinite}
@keyframes es-travel{0%{left:0}100%{left:100%}}
.gh-creativa .es-node .es-node-dot{transition:transform 300ms cubic-bezier(.2,0,0,1),background 300ms}
.gh-creativa .es-node:hover .es-node-dot{transform:scale(1.08);background:#023c70;color:#ffffff}
.gh-creativa .es-link{transition:background 300ms}
.gh-creativa .es-link{animation:es-glow 6.6s ease-in-out infinite}
@keyframes es-glow{0%,6%{background:transparent;border-color:rgba(207,228,250,.3)}10%,18%{background:rgba(255,101,0,.16);border-color:#ff6500}24%,100%{background:transparent;border-color:rgba(207,228,250,.3)}}
@media (max-width:1024px){.gh-creativa .es-nodes{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:36px !important}.gh-creativa .es-rail{display:none}}
@media (max-width:760px){.gh-creativa .es-nodes{grid-template-columns:1fr !important}}
@media (prefers-reduced-motion:reduce){.gh-creativa .es-rail-dot,.gh-creativa .es-link{animation:none !important}}


/* Host layer: what the canvas got from its own document and the WordPress theme does not give. */
.gh-creativa{font-family:'Poppins',system-ui,sans-serif;width:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.gh-creativa *,.gh-creativa *::before,.gh-creativa *::after{box-sizing:border-box}
.gh-creativa section{margin:0}
/* Ohio skins headings, paragraphs, quotes, lists and buttons globally; the canvas sets what it needs inline. */
.gh-creativa :is(h1,h2,h3,h4,h5,h6){font-family:inherit;color:inherit;text-transform:none;letter-spacing:inherit;margin:0}
.gh-creativa :is(p,ul,ol,li,figure,figcaption,blockquote,summary,details){font-family:inherit;color:inherit;letter-spacing:inherit}
.gh-creativa blockquote{border:0;padding:0;margin:0;font-style:normal;background:none;quotes:none}
.gh-creativa blockquote::before,.gh-creativa blockquote::after{content:none;display:none}
.gh-creativa :is(ul,ol){list-style:none}
.gh-creativa ul[style*="padding-left"]{list-style:disc}
.gh-creativa ul[style*="padding-left"] > li::marker{color:inherit}
.gh-creativa li::before{content:none}
.gh-creativa button{text-transform:none;letter-spacing:normal;line-height:1.2;height:auto;box-shadow:none;font-family:inherit;margin:0}
.gh-creativa a{text-decoration-thickness:1px;box-shadow:none}
.gh-creativa a::after,.gh-creativa a::before{content:none}
.gh-creativa img,.gh-creativa video{max-width:100%;height:auto}
.gh-creativa :is(img,video)[style*="height: 100%"]{height:100%}
.gh-creativa :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Decorative labels live in data-label so they never become heading text. */
.gh-creativa [data-label]::after{content:attr(data-label)}

/* Tabs: one pressed state per group, panels switch without layout jumps. */
.gh-creativa [data-gh-tabs="rutas"] [data-gh-tab][aria-pressed="true"]{border:2px solid #ff6500 !important;background:#ff6500 !important;color:#001a33 !important;font-weight:600 !important}
.gh-creativa [data-gh-tabs="formatos"] [data-gh-tab][aria-pressed="true"]{border:2px solid #023c70 !important;background:#023c70 !important;color:#ffffff !important;font-weight:600 !important}
.gh-creativa [data-gh-tab]{transition:background 220ms,border-color 220ms,color 220ms}
.gh-creativa [data-gh-panels]:not([data-ready]) > [data-gh-panel]:not(:first-child),
.gh-creativa [data-gh-panel][hidden]{display:none !important}
@keyframes gh-creativa-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gh-creativa [data-gh-panels][data-ready] > [data-gh-panel]:not([hidden]){animation:gh-creativa-panel-in 420ms cubic-bezier(0.2,0,0,1) both}

/* Growth Form host card: the renderer owns the fields; the card keeps the canvas chrome. */
.gh-creativa .gh-creativa-form-card greenhouse-form{display:block;margin-top:8px;--ghf-font:'Poppins',system-ui,sans-serif;--ghf-fg:#023c70;--ghf-muted:#5c5866;--ghf-accent:#0375db;--ghf-accent-contrast:#ffffff;--ghf-field-bg:#f4f6f8;--ghf-border:rgba(2,60,112,0.18);--ghf-border-strong:#0375db;--ghf-radius:12px;--ghf-focus:rgba(3,117,219,0.18)}
.gh-creativa .gh-creativa-form-card greenhouse-form :is(.ghf-scope,.ghf-root[data-ghf-style-variant]){--ghf-font:'Poppins',system-ui,sans-serif;--ghf-fg:#023c70;--ghf-muted:#5c5866;--ghf-accent:#0375db;--ghf-accent-contrast:#ffffff;--ghf-field-bg:#f4f6f8;--ghf-border:rgba(2,60,112,0.18);--ghf-border-strong:#0375db;--ghf-focus:rgba(3,117,219,0.18)}
.gh-creativa .gh-creativa-form-fallback{margin:0;font-size:15px;line-height:1.5;color:#5c5866}

/* Editor switch «Animaciones» off, and reduced motion, stop every loop. */
.gh-creativa[data-motion="no"] *,.gh-creativa[data-motion="no"] *::after{animation:none !important;transition:none !important}
@media (prefers-reduced-motion:reduce){.gh-creativa [data-gh-panels][data-ready] > [data-gh-panel]{animation:none !important}}
/* Display sizes scale with the viewport on phones; SVG text keeps its own units. */
@media (max-width:760px){
.gh-creativa .eo-cur{display:none}
.gh-creativa :not(text)[style*="font-size: 72px"]{font-size:clamp(44px,14vw,72px) !important}
.gh-creativa :not(text)[style*="font-size: 76px"]{font-size:clamp(44px,14vw,76px) !important}
.gh-creativa :not(text)[style*="font-size: 88px"]{font-size:clamp(44px,14vw,88px) !important}
.gh-creativa :not(text)[style*="font-size: 96px"]{font-size:clamp(44px,14vw,96px) !important}
.gh-creativa :not(text)[style*="font-size: 104px"]{font-size:clamp(44px,14vw,104px) !important}
.gh-creativa :not(text)[style*="font-size: 112px"]{font-size:clamp(44px,14vw,112px) !important}
.gh-creativa :not(text)[style*="font-size: 124px"]{font-size:clamp(44px,14vw,124px) !important}
.gh-creativa :not(text)[style*="font-size: 136px"]{font-size:clamp(44px,14vw,136px) !important}
.gh-creativa :not(text)[style*="font-size: 168px"]{font-size:clamp(44px,14vw,168px) !important}
.gh-creativa :not(text)[style*="font-size: 64px"]{font-size:clamp(38px,10.5vw,64px) !important}
}

/* Diagnóstico (2026-10-15): the form needs ≥520px inside the card to lay its fields in two columns (renderer
   @container rule). Desktop gives the form column more room and keeps the plan sticky beside it; below 1200px
   both columns stack so the form gets the full width. Shared by /agencia-creativa/ and /agencia-creativa-v2/. */
@media (min-width:1200px){
.gh-creativa [data-gh-module="diagnostico"]>div{display:grid !important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start}
.gh-creativa [data-gh-module="diagnostico"]>div>div:first-child{position:sticky;top:120px}
}
@media (max-width:1199.98px){
.gh-creativa [data-gh-module="diagnostico"]>div>div{flex-basis:100% !important}
}

/* Diagnóstico · formulario en dos pasos (canvas «Formulario.dc.html», aprobado 2026-10-15). Cards/pills apply once the
   form version with radio fields is published (needs the renderer from ab622e958 in production); the orange full-width
   action, the compact legal block and the hidden intake summary apply to the current version too. */
.gh-creativa .gh-creativa-form-card greenhouse-form label.ghf-choice:has(input:checked){border-color:#023c70;box-shadow:inset 0 0 0 1px #023c70;background:#eef3f9;color:#023c70}
.gh-creativa .gh-creativa-form-card greenhouse-form label.ghf-choice:has(input:checked)::before{border-color:#023c70}
.gh-creativa .gh-creativa-form-card greenhouse-form :is([data-ghf-field-key="marketingTeamSize"],[data-ghf-field-key="startTimeline"]) .ghf-choice-group{display:flex;flex-wrap:wrap;gap:8px}
.gh-creativa .gh-creativa-form-card greenhouse-form :is([data-ghf-field-key="marketingTeamSize"],[data-ghf-field-key="startTimeline"]) label.ghf-choice{min-height:44px;padding:10px 18px;border-radius:999px;background:#fff}
.gh-creativa .gh-creativa-form-card greenhouse-form :is([data-ghf-field-key="marketingTeamSize"],[data-ghf-field-key="startTimeline"]) label.ghf-choice::before{display:none}
.gh-creativa .gh-creativa-form-card greenhouse-form :is([data-ghf-field-key="marketingTeamSize"],[data-ghf-field-key="startTimeline"]) label.ghf-choice:has(input:checked){background:#023c70;color:#fff;box-shadow:none}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-actions{width:100%;flex-wrap:nowrap;--ghf-accent:#ff6500;--ghf-accent-contrast:#ffffff;--ghf-action-shadow:0 12px 28px rgba(255,101,0,.28);--ghf-action-shadow-hover:0 16px 32px rgba(255,101,0,.34)}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-actions .ghf-btn:not(.ghf-btn--ghost){flex:1 1 0;width:auto;max-width:none;min-height:58px;border-radius:14px}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-actions .ghf-btn--ghost{flex:none;min-height:58px;border-radius:14px}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-intake-summary{display:none}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-field:has(> .ghf-check){display:flex;flex-direction:row;flex-wrap:wrap;column-gap:4px;row-gap:6px}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-field:has(> .ghf-check) > .ghf-check{order:0;flex:1 1 100%}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-field:has(> .ghf-check) > .ghf-help{order:1;margin:0;font-size:13px}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-field:has(> .ghf-check) > .ghf-help:last-child{order:2;padding-left:0}
/* Label icons as in the canvas (2026-10-18): 18px line icons in navy, no bubble. The renderer's default is a muted
   14px icon inside a 22px circle, which read as missing next to the canvas. */
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-label .ghf-field-icon{inline-size:18px;block-size:18px;border:0;border-radius:0;color:#023c70}
.gh-creativa .gh-creativa-form-card greenhouse-form .ghf-label .ghf-field-icon svg{inline-size:18px;block-size:18px;stroke-width:1.8}
/* Step-1 question icons from the canvas (2026-10-18). Temporary host CSS: the contract's presentation.icon set has no
   target/team glyphs; move to the renderer icon set with TASK-2038 and drop these rules. */
.gh-creativa .gh-creativa-form-card greenhouse-form :is([data-ghf-field-key="mainBlocker"],[data-ghf-field-key="marketingTeamSize"],[data-ghf-field-key="startTimeline"]) > .ghf-label::before{content:'';flex:none;inline-size:18px;block-size:18px;background:#023c70;-webkit-mask:var(--gh-q-icon) center/contain no-repeat;mask:var(--gh-q-icon) center/contain no-repeat}
.gh-creativa .gh-creativa-form-card greenhouse-form [data-ghf-field-key="mainBlocker"] > .ghf-label{--gh-q-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2.5%2012a9.5%209.5%200%201%200%2019%200a9.5%209.5%200%201%200%20-19%200%22/%3E%3Cpath%20d=%22M6.25%2012a5.75%205.75%200%201%200%2011.5%200a5.75%205.75%200%201%200%20-11.5%200%22/%3E%3Cpath%20d=%22M12%2012h.01%22/%3E%3C/g%3E%3C/svg%3E")}
.gh-creativa .gh-creativa-form-card greenhouse-form [data-ghf-field-key="marketingTeamSize"] > .ghf-label{--gh-q-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%207a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22/%3E%3Cpath%20d=%22M3%2020v-1a4%204%200%200%201%204%20-4h4a4%204%200%200%201%204%204v1%22/%3E%3Cpath%20d=%22M16%204.13a3%203%200%200%201%200%205.75%22/%3E%3Cpath%20d=%22M21%2020v-1a4%204%200%200%200%20-3%20-3.85%22/%3E%3C/g%3E%3C/svg%3E")}
.gh-creativa .gh-creativa-form-card greenhouse-form [data-ghf-field-key="startTimeline"] > .ghf-label{--gh-q-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2.5%2012a9.5%209.5%200%201%200%2019%200a9.5%209.5%200%201%200%20-19%200%22/%3E%3Cpath%20d=%22M12%206.5v5.5h3.5%22/%3E%3C/g%3E%3C/svg%3E")}