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

.gh-medios{margin:0;background:#001a33}
.gh-medios a{color:#ffffff}.gh-medios a:hover{color:#ffd9cc}
.gh-medios .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.gh-medios .eyebrow{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9fb6cc;margin:0}
.gh-medios .h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:760;letter-spacing:-.04em;line-height:.95;font-size:clamp(48px,7vw,112px);color:#ffffff;margin:0}
.gh-medios .lead{font-family:Poppins,sans-serif;font-weight:300;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:#cfe4fa;margin:0}
.gh-medios .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.gh-medios .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.gh-medios .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.gh-medios .g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.gh-medios .split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:end}
.gh-medios .case{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:stretch}
.gh-medios .orbgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
.gh-medios .navlinks{display:flex;gap:30px}
.gh-medios .words>span{display:inline-block}
.gh-medios .mbar{display:none}
.gh-medios .fld>span{display:block}
.gh-medios .fld input:user-invalid,.gh-medios .fld select:user-invalid{border-color:#ff7a59}
.gh-medios .chk{position:relative;display:inline-flex}
.gh-medios .chk input{position:absolute;opacity:0;width:1px;height:1px}
.gh-medios .chk span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);font-size:14px;font-weight:500;color:#ffffff;cursor:pointer;box-sizing:border-box}
.gh-medios .chk input:checked+span{background:#ffffff;color:#001a33;border-color:#ffffff}
.gh-medios .chk input:focus-visible+span{outline:2px solid #ffffff;outline-offset:2px}
.gh-medios .chk-line{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:#cfe4fa;cursor:pointer}
.gh-medios .chk-line input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#f83902}
.gh-medios .platgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center}
.gh-medios .dcogrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.gh-medios .bento{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px}
.gh-medios .b-wide{min-height:440px}.gh-medios .b-tall{grid-row:span 1;min-height:440px}.gh-medios .b-row{grid-column:1/-1}
.gh-medios .dash{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:18px}
@keyframes flow{to{stroke-dashoffset:-104}}
.gh-medios .flow{animation:flow 1.6s linear infinite}
@keyframes popin{from{opacity:0;transform:scale(.94) translateY(20px)}}
.gh-medios .pop-in{animation:popin .8s cubic-bezier(.05,.7,.1,1) both}
@media (max-width:1000px){.gh-medios .platgrid,.gh-medios .bento,.gh-medios .dash,.gh-medios .dcogrid{grid-template-columns:minmax(0,1fr)}}
.gh-medios .chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;box-sizing:border-box;padding:9px 16px;border:1.5px solid rgba(255,255,255,.38);border-radius:999px;font-size:13px;line-height:1.1;color:#ffffff}
.gh-medios .vs-row{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1.25fr)}
@media (max-width:640px){.gh-medios .vs-row{grid-template-columns:minmax(0,1fr)}.gh-medios .vs-t{justify-content:flex-start!important;padding:18px 0 8px}.gh-medios .vs-l,.gh-medios .vs-r{border-radius:18px!important;border:1px solid rgba(255,255,255,0.14)!important}.gh-medios .vs-r{border:2px solid #f83902!important;margin-top:8px}}
.gh-medios .fld{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:#cfe4fa}
.gh-medios .fld input,.gh-medios .fld select,.gh-medios .fld textarea{font:inherit;font-size:16px;font-weight:400;color:#ffffff;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.28);border-radius:14px;padding:14px 16px;min-height:52px;box-sizing:border-box;width:100%}
.gh-medios .fld select option{color:#001a33}
.gh-medios .fld select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:46px;background-image:linear-gradient(45deg,transparent 50%,#ffffff 50%),linear-gradient(135deg,#ffffff 50%,transparent 50%);background-position:calc(100% - 24px) 52%,calc(100% - 18px) 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.gh-medios .fld select:hover{border-color:rgba(255,255,255,.55)}
@supports (appearance: base-select){
 .gh-medios .fld select,.gh-medios .fld select::picker(select){appearance:base-select}
 .gh-medios .fld select{display:flex;align-items:center;background-image:none;padding-right:16px}
 .gh-medios .fld select::picker-icon{content:"";width:8px;height:8px;margin:0 4px 4px auto;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(45deg);transition:transform .25s cubic-bezier(.2,0,0,1)}
 .gh-medios .fld select:open::picker-icon{transform:translateY(4px) rotate(225deg)}
 .gh-medios .fld select:open{border-color:#ffffff;box-shadow:0 0 0 4px rgba(248,57,2,.25)}
 .gh-medios .fld select::picker(select){margin-top:8px;padding:8px;border-radius:18px;border:1.5px solid rgba(255,255,255,.22);background:linear-gradient(160deg,#0b3460,#04213f);color:#ffffff;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.2);opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .25s cubic-bezier(.05,.7,.1,1),display .25s allow-discrete,overlay .25s allow-discrete}
 @starting-style{.gh-medios .fld select:open::picker(select){opacity:0;transform:translateY(-8px)}}
 .gh-medios .fld select option{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;font-size:15px;font-weight:500;color:#ffffff;background:transparent;cursor:pointer}
 .gh-medios .fld select option:hover,.gh-medios .fld select option:focus-visible{background:rgba(255,255,255,.09);outline:none}
 .gh-medios .fld select option:checked{background:rgba(248,57,2,.14);font-weight:600}
 .gh-medios .fld select option::checkmark{order:2;margin-left:auto;color:#f83902;font-weight:700}
 .gh-medios .fld select option[value=""]{color:#9fb6cc;font-weight:400}
 .gh-medios .fld select selectedcontent{font-size:16px}
}
.gh-medios .fld input:focus,.gh-medios .fld select:focus,.gh-medios .fld textarea:focus{outline:2px solid #ffffff;outline-offset:2px;border-color:#ffffff}
.gh-medios summary{cursor:pointer;list-style:none}.gh-medios summary::-webkit-details-marker{display:none}
.gh-medios button{font:inherit;cursor:pointer}

@keyframes up{from{opacity:0;transform:translateY(46px)}}
@keyframes kb{from{transform:scale(1.16)}}
@keyframes breathe{0%,100%{box-shadow:0 0 30px rgba(248,57,2,.45)}50%{box-shadow:0 0 70px rgba(248,57,2,.85),0 0 0 10px rgba(248,57,2,.08)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes cue{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(10px);opacity:1}}
@keyframes swap{from{opacity:0;transform:translateY(24px)}}
.gh-medios .in{animation:up 1.2s cubic-bezier(.05,.7,.1,1) both}
.gh-medios .d1{animation-delay:.15s}.gh-medios .d2{animation-delay:.3s}.gh-medios .d3{animation-delay:.45s}.gh-medios .d4{animation-delay:.6s}.gh-medios .d5{animation-delay:.8s}
.gh-medios .kb{animation:kb 3.2s cubic-bezier(.2,0,0,1) both}
.gh-medios .sphere{display:inline-block;width:.17em;height:.17em;border-radius:50%;background:#f83902;margin-left:.05em;animation:breathe 3.6s ease-in-out infinite}
.gh-medios .marquee{display:flex;width:max-content;animation:marquee 38s linear infinite}
.gh-medios .cue{animation:cue 2.2s ease-in-out infinite}
.gh-medios .swap{animation:swap .7s cubic-bezier(.05,.7,.1,1) both}

@supports (animation-timeline: view()){
 @keyframes rv{from{opacity:0;transform:translateY(80px)}}
 @keyframes rvl{from{opacity:0;transform:translateX(-90px)}}
 @keyframes rvr{from{opacity:0;transform:translateX(90px)}}
 @keyframes clip{from{clip-path:inset(22% 16% 22% 16% round 40px);transform:scale(1.22)}}
 @keyframes strike{from{background-size:0% 2px}}
 @keyframes lift{from{opacity:0;transform:translateY(160px)}}
 @keyframes pop{from{opacity:0;transform:scale(.6)}}
 @keyframes lit{from{color:rgba(255,255,255,.12)}to{color:#ffffff}}
 @keyframes litA{from{color:rgba(248,57,2,.18)}to{color:#f83902}}
 @keyframes para{to{transform:translateY(22%)}}
 @keyframes hs{to{transform:translateX(calc(-100% + 100vw))}}
 @keyframes fill{from{width:0%}}
 @keyframes count{from{--n:0}}
 @keyframes orbit{from{transform:rotate(-200deg)}}
 @keyframes draw{from{stroke-dashoffset:1}}
 .gh-medios .draw{stroke-dasharray:1;animation:draw cubic-bezier(.2,0,0,1) both;animation-timeline:view();animation-range:entry 40% cover 60%}
 @keyframes growy{from{transform:scaleY(0)}}
 .gh-medios .barg .bar{transform-origin:bottom;animation:growy cubic-bezier(.2,0,0,1) both;animation-timeline:view();animation-range:entry 30% cover 55%}
 @keyframes growx{from{transform:scaleX(0)}}
 @keyframes dotson{from{opacity:.25;filter:none}to{opacity:1;filter:drop-shadow(0 0 6px rgba(127,182,255,.9))}}
 .gh-medios .dots-on{animation:dotson linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
 .gh-medios .grow{transform-origin:left;animation:growx cubic-bezier(.2,0,0,1) both;animation-timeline:view();animation-range:entry 30% cover 50%}

 @keyframes arc{from{stroke-dashoffset:802.9}}
 .gh-medios .orb-arc{animation:arc cubic-bezier(.2,0,0,1) both;animation-timeline:view();animation-range:entry 20% cover 50%}
 @keyframes ring{from{opacity:0;transform:scale(.55)}}
 .gh-medios .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
 .gh-medios .rvl{animation:rvl linear both;animation-timeline:view();animation-range:entry 5% cover 40%}
 .gh-medios .rvr{animation:rvr linear both;animation-timeline:view();animation-range:entry 5% cover 40%}
 .gh-medios .clip{animation:clip linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
 .gh-medios .strike{animation:strike linear both;animation-timeline:view();animation-range:entry 60% cover 55%}
 .gh-medios .pop{animation:pop linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
 .gh-medios .words>span{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
 .gh-medios .words>span:nth-child(2){animation-range:entry 8% entry 88%}
 .gh-medios .words>span:nth-child(3){animation-range:entry 16% entry 96%}
 .gh-medios .words>span:nth-child(4){animation-range:entry 24% cover 52%}
 .gh-medios .words>span:nth-child(5){animation-range:entry 32% cover 56%}
 .gh-medios .st>*{animation:lift linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
 .gh-medios .st>*:nth-child(2){animation-range:entry 10% cover 40%}
 .gh-medios .st>*:nth-child(3){animation-range:entry 20% cover 45%}
 .gh-medios .st>*:nth-child(4){animation-range:entry 30% cover 50%}
 .gh-medios .st>*:nth-child(5){animation-range:entry 40% cover 55%}
 .gh-medios .st>*:nth-child(n+6){animation-range:entry 45% cover 58%}
 .gh-medios .lit{animation:lit linear both;animation-timeline:view();animation-range:cover 25% cover 45%}
 .gh-medios .litA{animation:litA linear both;animation-timeline:view();animation-range:cover 25% cover 45%}
 .gh-medios .para{animation:para linear both;animation-timeline:scroll(root);animation-range:0px 900px}
 .gh-medios .hs{view-timeline-name:--hs;height:calc(min(100vh,900px) + 2600px)}
 .gh-medios .hs-pin{position:sticky;top:0;height:min(100vh,900px)}
 .gh-medios .hs-track{animation:hs linear both;animation-timeline:--hs;animation-range:contain 0% contain 100%}
 .gh-medios .hs-bar{animation:fill linear both;animation-timeline:--hs;animation-range:contain 0% contain 100%}
 .gh-medios .pipe{animation:fill linear both;animation-timeline:view();animation-range:entry 70% cover 60%}
 .gh-medios .count{animation:count linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
 .gh-medios .orb-ring{transform-origin:50% 50%;animation:ring linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
 .gh-medios .orb-sphere{transform-origin:50% 50%;transform-box:view-box;animation:orbit cubic-bezier(.2,0,0,1) both;animation-timeline:view();animation-range:entry 20% cover 50%}
}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
.gh-medios .count{counter-reset:n var(--n)}
.gh-medios .count::after{content:counter(n)}

@media (max-width:1000px){
 .gh-medios .sticky-col{position:static!important}
 .gh-medios .g4,.gh-medios .g5{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gh-medios .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gh-medios .split,.gh-medios .case,.gh-medios .orbgrid{grid-template-columns:minmax(0,1fr);gap:28px}
 .gh-medios .navlinks{display:none}
}
@media (max-width:640px){
 .gh-medios .wrap{padding:0 16px}
 .gh-medios .g2,.gh-medios .g3,.gh-medios .g4{grid-template-columns:minmax(0,1fr)}
 .gh-medios .g5{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gh-medios .hs-panel{width:84vw!important}
 .gh-medios .mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:20}
 .gh-medios .hero{height:auto!important;display:block!important}
 .gh-medios .hero .hero-media{position:relative!important;height:440px}
 .gh-medios .hero .hero-media img{object-position:72% 30%!important}
 .gh-medios .hero .wrap{padding-top:28px!important;padding-bottom:56px!important}
 .gh-medios .vs-t{order:-1}
 .gh-medios .gmock{grid-template-columns:minmax(0,1fr)!important}
 .gh-medios .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .gh-medios .kpis p:last-child{font-size:30px!important}
 .gh-medios .stairs li{min-height:0!important}
 .gh-medios .formcard{padding:24px 18px!important}
 .gh-medios .hs-pin{padding-top:72px!important;padding-bottom:40px!important}
 .gh-medios .hs-panel{min-height:0!important}
 .gh-medios .cue{display:none}
}
@media (prefers-reduced-motion: reduce){
 .gh-medios *,.gh-medios *::before,.gh-medios *::after{animation:none!important}
 .gh-medios .hs{height:auto!important}.gh-medios .hs-pin{position:static!important;height:auto!important}
 .gh-medios .hs-track{overflow-x:auto}
}

/* Expanded selectors */
.gh-medios [data-gh-tabs="modo"] [data-gh-tab]{min-height: 52px; padding: 0 28px; border-radius: 999px; border: 0; background: transparent; color: #ffffff; font-size: 16px; font-weight: 500;cursor:pointer}
.gh-medios [data-gh-tabs="modo"] [data-gh-tab][aria-pressed="true"]{min-height: 52px; padding: 0 28px; border-radius: 999px; border: 0; background: #ffffff; color: #001a33; font-size: 16px; font-weight: 600}
.gh-medios [data-gh-tabs="plataforma"] [data-gh-tab]{min-height: 56px; padding: 0 22px 0 16px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,0.22); background: transparent; color: #ffffff; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; gap: 10px;cursor:pointer}
.gh-medios [data-gh-tabs="plataforma"] [data-gh-tab][aria-pressed="true"]{min-height: 56px; padding: 0 22px 0 16px; border-radius: 999px; border: 0; background: #ffffff; color: #001a33; font-size: 16px; font-weight: 600; display: inline-flex; align-items: center; gap: 10px}
.gh-medios [data-gh-tabs="plataforma"] [data-gh-tab] > span{width: 30px; height: 30px; border-radius: 50%; background: #001a33; display: inline-flex; align-items: center; justify-content: center}
.gh-medios [data-gh-tabs="plataforma"] [data-gh-tab][aria-pressed="false"] > span{background:transparent}
/* Host layer: what the canvas got from its own document and the WordPress theme does not give. */
.gh-medios{font-family:'Poppins',system-ui,sans-serif;color:#ffffff;width:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.gh-medios *,.gh-medios *::before,.gh-medios *::after{box-sizing:border-box}
.gh-medios section{margin:0}
/* Ohio skins headings, paragraphs, lists and buttons globally; the canvas sets what it needs inline. */
.gh-medios :is(h1,h2,h3,h4,h5,h6){font-family:inherit;color:inherit;text-transform:none;letter-spacing:inherit;margin:0}
.gh-medios :is(p,ul,ol,li,figure,figcaption,blockquote,summary,details,legend,fieldset){font-family:inherit;color:inherit;letter-spacing:inherit}
.gh-medios :is(ul,ol){list-style:none}
.gh-medios li::before{content:none}
.gh-medios summary{list-style:none;cursor:pointer}
.gh-medios summary::-webkit-details-marker{display:none}
.gh-medios button{text-transform:none;letter-spacing:normal;line-height:1.2;height:auto;box-shadow:none;font-family:inherit;margin:0}
.gh-medios a{text-decoration-thickness:1px;box-shadow:none}
.gh-medios a::after,.gh-medios a::before{content:none}
.gh-medios img,.gh-medios video{max-width:100%}
.gh-medios :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Tabs: one pressed state per group, panels switch without layout jumps. */
.gh-medios [data-gh-tab]{transition:background 220ms,border-color 220ms,color 220ms}
.gh-medios [data-gh-panels]:not([data-ready]) > [data-gh-panel]:not(:first-child),
.gh-medios [data-gh-panel][hidden]{display:none !important}
@keyframes gh-medios-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gh-medios [data-gh-panels][data-ready] > [data-gh-panel]:not([hidden]){animation:gh-medios-panel-in 420ms cubic-bezier(0.2,0,0,1) both}

/* Growth Form host card: the renderer owns fields, consent, submit and the success state. */
.gh-medios .gh-medios-form-card greenhouse-form{display:block;--ghf-font:'Poppins',system-ui,sans-serif;--ghf-fg:#023c70;--ghf-muted:#5c5866;--ghf-accent:#f83902;--ghf-accent-contrast:#ffffff;--ghf-field-bg:#f4f6f8;--ghf-border:rgba(2,60,112,0.18);--ghf-border-strong:#023c70;--ghf-radius:12px;--ghf-focus:rgba(2,60,112,0.18)}
.gh-medios .gh-medios-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:#f83902;--ghf-accent-contrast:#ffffff;--ghf-field-bg:#f4f6f8;--ghf-border:rgba(2,60,112,0.18);--ghf-border-strong:#023c70;--ghf-focus:rgba(2,60,112,0.18)}
.gh-medios .gh-medios-form-card greenhouse-form .ghf-actions{width:100%;--ghf-accent:#f83902;--ghf-accent-contrast:#ffffff;--ghf-action-shadow:0 12px 28px rgba(248,57,2,.28)}
.gh-medios .gh-medios-form-card greenhouse-form .ghf-actions .ghf-btn:not(.ghf-btn--ghost){flex:1 1 0;min-height:58px;border-radius:14px}
.gh-medios .gh-medios-form-fallback{margin:0;font-size:15px;line-height:1.5;color:#5c5866}

/* Editor switch «Animaciones» off stops every loop; reduced motion is handled by the canvas styles. */
.gh-medios[data-motion="no"] *,.gh-medios[data-motion="no"] *::after{animation:none !important;transition:none !important}
@media (prefers-reduced-motion:reduce){.gh-medios [data-gh-panels][data-ready] > [data-gh-panel]{animation:none !important}}