/* =========================================================
   ÓRDAGO · Capa de movimiento "moderno"
   Solo añade movimiento: respeta colores, tipografías y layout.
   Paleta: #111111 · #F2EFE9 · #E8A51A · #E30620
   ========================================================= */
:root{--om-gold:#E8A51A;--om-ink:#111111;--om-cream:#F2EFE9;--om-ease:cubic-bezier(.2,.8,.2,1);--om-hdr-top:0px}
body.admin-bar{--om-hdr-top:32px}
@media(max-width:782px){body.admin-bar{--om-hdr-top:46px}}

/* ---------- Loader ---------- */
#om-loader{position:fixed;inset:0;z-index:100000;background:var(--om-cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;will-change:transform}
#om-loader .om-ld-logo{height:74px;width:auto;opacity:0;transform:translateY(18px) scale(.94);animation:omLdIn .8s .1s var(--om-ease) forwards}
#om-loader .om-ld-bar{width:150px;height:2px;background:rgba(17,17,17,.12);overflow:hidden;position:relative}
#om-loader .om-ld-bar i{position:absolute;inset:0;background:var(--om-gold);transform:scaleX(0);transform-origin:left;animation:omLdBar 1.1s .2s cubic-bezier(.7,0,.2,1) forwards}
#om-loader .om-ld-tx{font-family:Outfit,sans-serif;font-weight:600;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#6B6660;opacity:0;animation:omLdIn .7s .35s var(--om-ease) forwards}
#om-loader.om-out{transform:translateY(-100%);transition:transform 1s cubic-bezier(.76,0,.24,1)}
#om-loader.om-out>*{opacity:0!important;transition:opacity .3s}
html.om-noload #om-loader{display:none}
html.om-pre #inicio .et_pb_column_3 .et_pb_module,html.om-pre .ord-hdr .et_pb_row{opacity:0}
html.om-pre #inicio .et_pb_column_4{clip-path:inset(0 0 0 100%)}
@keyframes omLdIn{to{opacity:1;transform:none}}
@keyframes omLdBar{to{transform:scaleX(1)}}

/* ---------- Header inteligente ---------- */
#page-container{overflow-x:clip!important;overflow-y:visible!important}
.ord-hdr{position:sticky!important;top:var(--om-hdr-top);z-index:9990;transition:transform .55s var(--om-ease),background-color .4s ease,box-shadow .4s ease}
html.om-scrolled .ord-hdr{background-color:rgba(242,239,233,.86)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 10px 30px -18px rgba(17,17,17,.35)}
html.om-hide .ord-hdr{transform:translateY(calc(-100% - var(--om-hdr-top) - 4px))}
.ord-hdr .et_pb_text a{position:relative}
.ord-hdr .et_pb_text a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;background:var(--om-gold);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--om-ease)}
.ord-hdr .et_pb_text a:hover::after,.ord-hdr .et_pb_text a.om-act::after{transform:scaleX(1);transform-origin:left}

/* ---------- Palabras (títulos) ---------- */
.om-w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .02em .14em;margin:-.12em -.02em -.14em}
.om-wi{display:inline-block;will-change:transform}
/* subrayado dorado que se dibuja bajo las palabras destacadas */
.om-hl{background-image:linear-gradient(var(--om-gold),var(--om-gold));background-repeat:no-repeat;background-position:0 94%;background-size:0% .07em;transition:background-size 1.1s .35s cubic-bezier(.7,0,.2,1)}
.om-hl.om-in{background-size:100% .07em}
#contacto .om-hl{background-image:none}
/* texto que se ilumina con el scroll */
.om-lite .om-w{overflow:visible;padding:0;margin:0}

/* ---------- Tarjetas "¿Te suena?" ---------- */
.o25-grid3>div{position:relative;transition:transform .6s var(--om-ease)}
.o25-grid3>div::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--om-gold);transform:scaleX(0);transform-origin:right;transition:transform .7s cubic-bezier(.7,0,.2,1);pointer-events:none}
@media(hover:hover){
 .o25-grid3>div:hover{transform:translateY(-8px)}
 .o25-grid3>div:hover::before{transform:scaleX(1);transform-origin:left}
 .o25-grid3>div span[style*="border"]{transition:background-color .35s ease,color .35s ease}
 .o25-grid3>div:hover span[style*="border"]{background-color:var(--om-gold);color:var(--om-ink)!important}
}

/* ---------- Pilares (Cómo trabajamos) ---------- */
#trabajamos .et_pb_text_inner>div[style*="flex"]>div{position:relative;transition:transform .5s var(--om-ease)}
#trabajamos .et_pb_text_inner>div[style*="flex"]>div b{transition:color .35s ease}
@media(hover:hover){
 #trabajamos .et_pb_text_inner>div[style*="flex"]>div:hover{transform:translateY(-6px)}
 #trabajamos .et_pb_text_inner>div[style*="flex"]>div:hover b{color:var(--om-gold)!important}
}

/* ---------- Fases (El sistema) ---------- */
.om-track{position:absolute;left:10%;right:10%;height:2px;background:rgba(17,17,17,.10);pointer-events:none;z-index:0}
.om-track i{position:absolute;inset:0;background:var(--om-gold);transform:scaleX(0);transform-origin:left}
.om-phase-row{position:relative}
.om-phase-row .et_pb_column{position:relative;z-index:1}
.om-phase-row .et_pb_image img{transition:transform .6s var(--om-ease),filter .6s ease}
@media(hover:hover){.om-phase-row .et_pb_column:hover .et_pb_image img{transform:translateY(-6px) rotate(-4deg) scale(1.06)}}
@media(max-width:980px){.om-track{display:none}}

/* ---------- Banda cinética ---------- */
.om-band{position:relative;background:var(--om-ink);overflow:hidden;padding:clamp(40px,6vw,90px) 0;display:flex;flex-direction:column;gap:clamp(4px,1vw,14px)}
.om-band-row{display:flex;white-space:nowrap;width:max-content;align-items:center;gap:.45em;font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(46px,8.4vw,150px);line-height:1;letter-spacing:-.035em;color:var(--om-cream);will-change:transform}
.om-band-row .om-o{color:var(--om-gold)}
.om-band-row .om-dot{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--om-gold);flex:none}
.om-band-row .om-r{color:#E30620}
.om-band::before,.om-band::after{content:"";position:absolute;top:0;bottom:0;width:12%;z-index:2;pointer-events:none}
.om-band::before{left:0;background:linear-gradient(90deg,var(--om-ink),transparent)}
.om-band::after{right:0;background:linear-gradient(-90deg,var(--om-ink),transparent)}

/* ---------- FAQ ---------- */
.o25-faq-item{transition:background-color .4s ease}
@media(hover:hover){.o25-faq-item:hover{background-color:rgba(232,165,26,.05)}}
.o25-faq-item summary{transition:color .25s ease,padding-left .45s var(--om-ease)!important}
@media(hover:hover){.o25-faq-item summary:hover{padding-left:10px}}

/* ---------- Botones ---------- */
.om-mag{display:inline-block;will-change:transform}
.et_pb_button{overflow:hidden}

/* ---------- Cursor ---------- */
.om-cur,.om-cur-r{position:fixed;left:0;top:0;pointer-events:none;z-index:100001;border-radius:50%;opacity:0;transition:opacity .3s ease}
.om-cur{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--om-gold)}
.om-cur-r{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(17,17,17,.45);transition:opacity .3s ease,width .35s var(--om-ease),height .35s var(--om-ease),margin .35s var(--om-ease),background-color .35s ease,border-color .35s ease}
html.om-cur-on .om-cur,html.om-cur-on .om-cur-r{opacity:1}
html.om-cur-link .om-cur-r{width:64px;height:64px;margin:-32px 0 0 -32px;background-color:rgba(232,165,26,.16);border-color:var(--om-gold)}
html.om-cur-link .om-cur{opacity:0}
html.om-cur-field .om-cur,html.om-cur-field .om-cur-r{opacity:0}
html.om-cur-dark .om-cur-r{border-color:rgba(242,239,233,.55)}
html.om-cur-gold .om-cur{background:var(--om-ink)}
html.om-cur-gold .om-cur-r{border-color:rgba(17,17,17,.6)}
html.om-cur-gold.om-cur-link .om-cur-r{background-color:rgba(17,17,17,.1);border-color:var(--om-ink)}

/* ---------- Varios ---------- */
.ord-hero-arc{will-change:transform}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

@media (prefers-reduced-motion:reduce){
 #om-loader{display:none!important}
 .om-band-row,.om-wi{transform:none!important}
 .om-cur,.om-cur-r{display:none!important}
}