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

.gh-agentes{margin:0;background:#001a33;-webkit-font-smoothing:antialiased}
.gh-agentes a{color:#cfe4fa;text-decoration:none}.gh-agentes a:hover{color:#ffffff}
.gh-agentes button{font-family:inherit}
@keyframes eo-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes eo-sphere{0%{transform:scale(0)}55%{transform:scale(2)}100%{transform:scale(1)}}
@keyframes eo-fade{from{opacity:0}to{opacity:1}}
@keyframes eo-rise{0%{transform:translateY(115%)}70%{transform:translateY(-5%)}100%{transform:translateY(0)}}
@keyframes eo-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes eo-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes eo-spin{to{transform:rotate(360deg)}}
@keyframes eo-spin-rev{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes eo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes eo-breathe{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes eo-wave{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.5);opacity:0}}
@keyframes eo-dash{to{stroke-dashoffset:-240}}
@keyframes eo-shine{from{background-position:130% 0}to{background-position:-30% 0}}
.gh-agentes .eo-ring{stroke-dasharray:1;stroke-dashoffset:1;animation:eo-draw .5s cubic-bezier(.2,0,0,1) forwards}
.gh-agentes .eo-arc{stroke-dasharray:1;stroke-dashoffset:1;animation:eo-draw 1s cubic-bezier(.4,0,.2,1) .4s forwards}
.gh-agentes .eo-sph{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:eo-sphere .3s cubic-bezier(.2,0,0,1) 1.4s forwards}
.gh-agentes .eo-wav{transform-box:fill-box;transform-origin:center;opacity:0;animation:eo-wave .9s cubic-bezier(.2,0,0,1) 1.62s 1}
.gh-agentes .eo-halo{opacity:0;animation:eo-fade .8s cubic-bezier(.2,0,0,1) 1.2s forwards, eo-breathe 7s ease-in-out 2.2s infinite}
.gh-agentes .eo-elio{opacity:0;animation:eo-pop .7s cubic-bezier(.2,0,0,1) .9s forwards}
.gh-agentes .eo-sat{opacity:0;animation:eo-fade .8s ease 2.6s forwards}
.gh-agentes .eo-orbiter{animation:eo-spin 52s linear -21s infinite}
.gh-agentes .eo-orbiter-in{animation:eo-spin-rev 52s linear -21s infinite}
.gh-agentes .eo-clip{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.gh-agentes .eo-word{display:inline-block;transform:translateY(115%);animation:eo-rise .42s cubic-bezier(.2,0,0,1) forwards}
.gh-agentes .eo-in{opacity:0;animation:eo-up .6s cubic-bezier(.2,0,0,1) forwards}
.gh-agentes .eo-dot{display:inline-block;transform:scale(0);animation:eo-sphere .3s cubic-bezier(.2,0,0,1) forwards}
.gh-agentes .eo-float{animation:eo-float 5.6s ease-in-out infinite}
.gh-agentes .eo-par{transform:translate3d(calc(var(--px,0)*14px),calc(var(--py,0)*10px),0);transition:transform .5s cubic-bezier(.2,0,0,1)}
.gh-agentes .eo-par-far{transform:translate3d(calc(var(--px,0)*-22px),calc(var(--py,0)*-14px),0);transition:transform .7s cubic-bezier(.2,0,0,1)}
.gh-agentes .eo-rv{transition:opacity .7s cubic-bezier(.2,0,0,1),transform .7s cubic-bezier(.2,0,0,1);transition-delay:var(--d,0ms)}
.gh-agentes .eo-rv.eo-pre{opacity:0;transform:translateY(34px)}
.gh-agentes .eo-spark{transition:transform .45s cubic-bezier(.2,0,0,1),filter .45s cubic-bezier(.2,0,0,1);transform-style:preserve-3d;cursor:default}
.gh-agentes .eo-spark:hover{transform:translateY(-18px) rotateY(-14deg) rotateX(6deg) scale(1.07);filter:drop-shadow(0 0 26px rgba(3,117,219,.55))}
.gh-agentes .eo-card{transition:transform .35s cubic-bezier(.2,0,0,1),border-color .35s cubic-bezier(.2,0,0,1),background .35s cubic-bezier(.2,0,0,1)}
.gh-agentes .eo-card:hover{transform:translateY(-6px);border-color:rgba(114,222,216,.5);background:rgba(207,228,250,.08)}
.gh-agentes .eo-card-l{transition:transform .35s cubic-bezier(.2,0,0,1),border-color .35s cubic-bezier(.2,0,0,1)}
.gh-agentes .eo-card-l:hover{transform:translateY(-6px);border-color:rgba(3,117,219,.6)}
@keyframes eo-run{0%{left:0}85%,100%{left:100%}}
.gh-agentes .eo-run{animation:eo-run 9s cubic-bezier(.4,0,.2,1) infinite}
.gh-agentes .eo-doc{transition:transform .5s cubic-bezier(.2,0,0,1)}
.gh-agentes .eo-doc:hover{transform:rotate(0deg) translateY(-6px)!important}
.gh-agentes details summary{cursor:pointer;list-style:none}.gh-agentes details summary::-webkit-details-marker{display:none}
.gh-agentes details[open] .eo-plus{transform:rotate(45deg)}
.gh-agentes .eo-plus{transition:transform .3s cubic-bezier(.2,0,0,1)}
.gh-agentes .eo-cta{transition:transform .2s cubic-bezier(.4,0,.2,1),background-position .2s;background-image:linear-gradient(110deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 65%);background-size:220% 100%;background-position:130% 0;background-repeat:no-repeat}
.gh-agentes .eo-cta:hover{transform:translateY(-2px);animation:eo-shine .9s cubic-bezier(.4,0,.2,1) 1;color:#001a33}
.gh-agentes .eo-pill{transition:background .3s cubic-bezier(.4,0,.2,1),color .3s,border-color .3s;cursor:pointer}
.gh-agentes .eo-path{stroke-dasharray:6 14;animation:eo-dash 9s linear infinite}
.gh-agentes .eo-chip{transition:transform .3s cubic-bezier(.2,0,0,1),border-color .3s}
.gh-agentes .eo-chip:hover{transform:translate(-50%,-50%) scale(1.08)!important;border-color:rgba(114,222,216,.6)!important}
@keyframes eo-sel{0%,20%{left:5%;top:16%;width:21.8%;height:72%}25%,45%{left:30%;top:8%;width:17.9%;height:84%}50%,70%{left:51.5%;top:30%;width:21.2%;height:56%}75%,95%{left:75.5%;top:48%;width:21.5%;height:31.9%}100%{left:5%;top:16%;width:21.8%;height:72%}}
@keyframes eo-cur{0%,20%{left:26.8%;top:88%}25%,45%{left:47.9%;top:92%}50%,70%{left:72.7%;top:86%}75%,95%{left:97%;top:79.9%}100%{left:26.8%;top:88%}}
@keyframes eo-cur2{0%,100%{left:40%;top:34%}28%{left:60%;top:20%}55%{left:18%;top:54%}80%{left:86%;top:36%}}
@keyframes eo-fly{from{left:-16%}to{left:106%}}
@keyframes eo-blob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(7%,-9%) scale(1.18)}}
@keyframes eo-hue{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(28deg)}}
@keyframes eo-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.gh-agentes .eo-selbox{animation:eo-sel 10s cubic-bezier(.2,0,0,1) infinite}
.gh-agentes .eo-cursor{animation:eo-cur 10s cubic-bezier(.2,0,0,1) infinite}
.gh-agentes .eo-cursor2{animation:eo-cur2 17s cubic-bezier(.4,0,.2,1) infinite}
.gh-agentes .eo-fly{animation:eo-fly 18s linear infinite}
.gh-agentes .eo-blob{animation:eo-blob 14s ease-in-out infinite}
.gh-agentes .eo-ringart{animation:eo-spin 18s linear infinite}
.gh-agentes .eo-marq{animation:eo-marq 38s linear infinite}
.gh-agentes .eo-frame{transition:transform .45s cubic-bezier(.2,0,0,1)}
.gh-agentes .eo-frame:hover{transform:translateY(-10px) rotate(-1.5deg) scale(1.03)}
@media (max-width:900px){.gh-agentes .eo-stairline{display:none}.gh-agentes .eo-step{margin-top:0!important}.gh-agentes .eo-nav{display:none!important}}
@media (prefers-reduced-motion:reduce){.gh-agentes *,.gh-agentes *::before,.gh-agentes *::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Expanded selectors */

/* Host layer: what the canvas got from its own document (body and root div) and the WordPress theme does not give. */
.gh-agentes{background:#001a33;color:#ffffff;font-family:'Poppins',system-ui,sans-serif;font-size:16px;line-height:1.6;letter-spacing:normal;width:100%;overflow-x:clip;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;min-height:0}
.gh-agentes *,.gh-agentes *::before,.gh-agentes *::after{box-sizing:border-box}
.gh-agentes section{margin-top:0;margin-bottom:0}
.gh-agentes section[id],.gh-agentes [id^="ag-"]{scroll-margin-top:96px}
/* Ohio skins headings, paragraphs, lists and buttons globally; the canvas sets what it needs inline. */
.gh-agentes :is(h1,h2,h3,h4,h5,h6){color:inherit;text-transform:none}
.gh-agentes :is(p,ul,ol,li,figure,figcaption,blockquote,summary,details,dl,dt,dd){font-family:inherit;color:inherit;letter-spacing:inherit}
.gh-agentes :is(ul,ol){list-style:none}
.gh-agentes .gh-agentes :is(ul,ol) > li{margin:0}
.gh-agentes li::before{content:none}
.gh-agentes a{box-shadow:none}
.gh-agentes a::after,.gh-agentes a::before{content:none}
.gh-agentes img{max-width:100%;height:auto}
.gh-agentes button{text-transform:none;letter-spacing:normal;height:auto;box-shadow:none;margin:0;line-height:1.2}
.gh-agentes summary{outline-offset:4px}
.gh-agentes :is(a,summary,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Editor switch «Animaciones» off. */
.gh-agentes[data-motion="no"] *{animation:none !important;transition:none !important}
.gh-agentes[data-motion="no"] :is(.eo-in,.eo-halo,.eo-sat){opacity:1}
.gh-agentes[data-motion="no"] .eo-elio{opacity:1;transform:translate(-50%,-50%)}
.gh-agentes[data-motion="no"] :is(.eo-word,.eo-dot,.eo-sph){transform:none}
.gh-agentes[data-motion="no"] :is(.eo-ring,.eo-arc){stroke-dashoffset:0}

/* Autonomy levels: the canvas computed these colours in its runtime; here the pressed state carries them. */
.gh-agentes button.eo-pill{border:1px solid rgba(114,222,216,.28);background:rgba(207,228,250,.05);color:#ffffff;font-family:inherit}
.gh-agentes button.eo-pill:hover{border-color:rgba(114,222,216,.6);background:rgba(207,228,250,.1);color:#ffffff}
.gh-agentes button.eo-pill[aria-pressed="true"]{border-color:#0375db;background:#0375db;color:#001a33}
.gh-agentes [data-ag-note][hidden]{display:none}
.gh-agentes efeonce-spark-rig:not(:defined){visibility:hidden}

/* The site's global navigation floats over the hero (72px): keep the hero copy below it. */
.gh-agentes #ag-inicio{padding-top:clamp(120px,10vw,150px)!important}
/* Primary buttons keep their navy ink on the Engine blue whatever the theme's link colours say. */
.gh-agentes a.eo-cta,.gh-agentes a.eo-cta:hover,.gh-agentes a.eo-cta:focus{color:#001a33;text-decoration:none}
.gh-agentes a.eo-cta svg{flex:none}

/* Ohio pins its Dark/Light switch (left) and «Follow Us» (right) at 1.5vw + 56px from each edge from 1181px up; the
   1240px column clears them from ~1480px. Below that the copy would run under them. */
@media (min-width:1181px) and (max-width:1480px){
.gh-agentes section{padding-left:calc(1.5vw + 88px)!important;padding-right:calc(1.5vw + 88px)!important}
/* The platform orbit's chips hang outside its circle: a smaller circle keeps the rightmost one clear of the rail. */
.gh-agentes #ag-plataformas div:has(>.eo-chip){width:min(470px,82vw)!important}
/* The hero carries its 1240px limit on the section itself: it only needs what the centring does not already give. */
.gh-agentes #ag-inicio{padding-left:max(32px,calc(1.5vw + 88px - max(0px,(100vw - 1240px) / 2)))!important;padding-right:max(32px,calc(1.5vw + 88px - max(0px,(100vw - 1240px) / 2)))!important}
}

/* ---------- Phones and tablets ---------- */
@media (max-width:900px){
.gh-agentes section{padding-left:22px!important;padding-right:22px!important}
.gh-agentes #ag-inicio{padding-top:104px!important;padding-bottom:72px!important;gap:28px!important}
.gh-agentes :is(#ag-problema,#ag-equipo,#ag-metodo,#ag-diseno,#ag-servicios,#ag-plataformas,#ag-ficha,#ag-limites,#ag-agenda){padding-top:76px!important;padding-bottom:80px!important}
.gh-agentes #ag-contacto{padding-top:92px!important;padding-bottom:96px!important}
/* The staircase is drawn for three columns; on one column the steps simply stack. */
.gh-agentes .eo-stairline{display:none}
.gh-agentes .eo-step{margin-top:0!important}
.gh-agentes #ag-servicios .eo-step{margin-bottom:20px}
.gh-agentes #ag-servicios div:has(>.eo-stairline){margin-top:48px!important}
/* The six gates read top to bottom: the travelling sphere belongs to the horizontal rail. */
.gh-agentes #ag-metodo ol{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.gh-agentes #ag-metodo div:has(>ol)>div[aria-hidden="true"]{display:none}
.gh-agentes #ag-preguntas{margin-top:72px!important}
}
@media (max-width:699px){
.gh-agentes h1{font-size:clamp(64px,21vw,96px)!important}
.gh-agentes #ag-diseno h2,.gh-agentes #ag-contacto h2{font-size:clamp(52px,16vw,84px)!important}
.gh-agentes :is(#ag-problema,#ag-equipo,#ag-metodo,#ag-servicios,#ag-plataformas,#ag-ficha,#ag-agenda) h2{font-size:clamp(34px,10vw,44px)!important}
.gh-agentes #ag-inicio a.eo-cta{width:100%;justify-content:center}
.gh-agentes button.eo-pill{padding:0 14px!important;font-size:14px!important}
/* Five Sparks: two per row. */
.gh-agentes #ag-equipo figure{flex:1 1 42%!important;max-width:48%!important}
.gh-agentes #ag-equipo figcaption span:first-child{font-size:21px!important}
/* Design workbench: taller stage so the frames stay readable. */
.gh-agentes #ag-diseno div:has(>.eo-frame){aspect-ratio:1240/760!important}
.gh-agentes #ag-diseno .eo-frame span[style*="font-size: 11px"]{font-size:9px!important}
/* Platforms: the orbit turns into a list around nothing; chips stack as a grid under the centre. */
.gh-agentes #ag-plataformas div:has(>.eo-chip){width:100%!important;aspect-ratio:auto!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gh-agentes #ag-plataformas div:has(>.eo-chip)>div[aria-hidden="true"]{display:none}
.gh-agentes #ag-plataformas div:has(>.eo-chip)>div:not(.eo-chip):not([aria-hidden]){position:static!important;transform:none!important;grid-column:1/-1;padding:8px 0 14px}
.gh-agentes #ag-plataformas .eo-chip{position:static!important;transform:none!important;white-space:normal!important;padding:10px 12px!important}
.gh-agentes #ag-plataformas .eo-chip:hover{transform:none!important}
/* Role card: label above value. */
.gh-agentes #ag-ficha .eo-doc{padding:24px 20px!important;transform:none!important}
.gh-agentes #ag-ficha dl>div{flex-direction:column;gap:4px!important}
.gh-agentes #ag-ficha dt{flex:none!important}
.gh-agentes #ag-agenda aside{padding:28px 22px!important}
.gh-agentes #ag-agenda summary{font-size:18px!important}
.gh-agentes #ag-metodo div[style*="border-radius: 20px"] a.eo-cta{width:100%;justify-content:center}
}
@media (max-width:420px){
.gh-agentes #ag-metodo ol{grid-template-columns:minmax(0,1fr)!important}
.gh-agentes #ag-servicios div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
.gh-agentes :is(#ag-problema,#ag-diseno) div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
}
@media (hover:none){
.gh-agentes .eo-spark:hover{transform:none;filter:none}
.gh-agentes :is(.eo-card,.eo-card-l,.eo-frame):hover{transform:none}
}

/* Ohio link-underline guard */
.gh-agentes a:hover,.gh-agentes a:focus-visible{animation:none !important;background-image:none !important}

/* Page layer (unscoped, guarded by :has) */
/* The landing paints its own grounds; the page behind it stays on the brand's navy so no theme white shows between modules. */
body:has(.gh-agentes){background:#001a33}