/* Sistema de movimiento: capas independientes, sin librerías. */
.hero-art{isolation:isolate}
.hero-art .sculpture{animation:sculpture-in 1.5s var(--ease) both,sculpture-breathe 10s 1.5s ease-in-out infinite;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotate(var(--scroll-turn,0deg));transition:transform .7s var(--ease)}
.hero-art .ring-front{animation:ring-drift 12s ease-in-out infinite}
.hero-art .ring-middle{animation:ring-drift 12s -3s ease-in-out infinite reverse}
.hero-art .ring-back{animation:ring-drift 12s -6s ease-in-out infinite}
.hero-art .orbit-one{animation:orbit-turn 38s linear infinite}
.hero-art .orbit-two{animation:orbit-turn 48s linear infinite reverse}
.orbit:after{content:'';position:absolute;left:50%;top:-3px;width:5px;height:5px;background:#6084bd;border-radius:50%}
.motion-toggle{position:absolute;right:18px;bottom:63px;z-index:5;border:1px solid #bccbdd;border-radius:3px;background:#f4f7fbd9;color:#29466c;padding:8px 11px;font-size:9px;letter-spacing:.3px;min-height:32px}
.motion-toggle:hover{background:#fff}
.hero-art.motion-paused *,.hero-art.motion-offscreen *{animation-play-state:paused!important}
.hero-art.motion-paused .sculpture{transform:none!important}
.reading-progress{height:2px;background:var(--blue);position:absolute;bottom:0;left:0;width:100%;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.section-label{position:relative;border-bottom-color:transparent}
.section-label:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--line);transform-origin:left;transition:transform 1.15s var(--ease) .15s}
.motion-ready .section-label:not(.visible):after{transform:scaleX(0)}
.history .section-label:after{background:#ffffff35}
.motion-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.motion-line>span{display:block;transition:transform 1s var(--ease);transition-delay:calc(var(--line-index,0)*100ms)}
.history-copy h2>.motion-line{color:inherit}
.history-copy h2 .motion-line>span>span{color:#b3cdf7}
.motion-ready .reveal:not(.visible) .motion-line>span{transform:translateY(110%)}
.solution-card:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.solution-card:hover:before,.solution-card:focus-visible:before{transform:scaleX(1)}
.solution-card:hover .sector-graphic i,.solution-card:focus-visible .sector-graphic i{translate:0 calc((var(--n) - 2)*2px);transition:translate .7s var(--ease),transform .5s}
.sector-graphic i{transition:translate .7s var(--ease),transform .5s}
.button{position:relative;overflow:hidden}
.button:before{content:'';position:absolute;inset:0;background:#ffffff12;transform:translateX(-105%) skewX(-15deg);transition:transform .6s var(--ease);pointer-events:none}
.button:hover:before,.button:focus-visible:before{transform:translateX(105%) skewX(-15deg)}
.brands{background:#fbfcfd}
.brands .section-heading>p{max-width:320px}
#brand-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:35px}
#brand-list:empty{display:none}
.brand-item{min-height:145px;display:flex;align-items:center;justify-content:center;padding:25px;border-bottom:1px solid var(--line);position:relative;transition:background .4s}
.brand-item:after{content:'';position:absolute;right:0;top:30%;height:40%;width:1px;background:var(--line)}
.brand-item:nth-child(4n):after{display:none}
.brand-item:hover{background:#eef2f8}
.brand-item>span{font-size:23px;letter-spacing:-.7px;text-align:center}
#brand-list img{max-width:100%;width:auto;height:auto;max-height:70px;transition:transform .5s var(--ease)}
.brand-item:hover img{transform:scale(1.05)}
.brand-editorial{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}
.brand-category{font-size:clamp(14px,2vw,27px);letter-spacing:-.5px;color:var(--blue)}
.brand-category>span{margin:0 12px;color:#8596ae}
.brand-editorial p{font-size:20px;line-height:1.4;letter-spacing:-.5px}
.brand-editorial .text-link{justify-self:start}
.brands-foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px;font-size:9px;letter-spacing:1px;color:var(--muted)}
.brands-foot a{font-size:11px;letter-spacing:0;color:var(--ink)}
.brands-foot a span{margin-left:18px}
@keyframes sculpture-breathe{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:4deg}}
@keyframes ring-drift{0%,100%{rotate:-3deg;translate:0 0}50%{rotate:7deg;translate:3px -4px}}
@keyframes orbit-turn{from{rotate:0deg}to{rotate:360deg}}
@media(max-width:800px){#brand-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-item:nth-child(2n):after{display:none}.brand-editorial{grid-template-columns:1fr}.brand-editorial p{font-size:19px}}
@media(max-width:560px){.motion-toggle{bottom:60px;right:15px;font-size:8px}.brand-item{min-height:115px;padding:20px}.brands-foot{align-items:flex-start;flex-direction:column;line-height:1.7}.brand-category{font-size:21px}}
@media(prefers-reduced-motion:reduce){.motion-line>span{transform:none!important}.section-label:after{transform:none!important}.hero-art .sculpture{translate:none!important;rotate:none!important}.solution-card:hover .sector-graphic i{translate:none}.reading-progress{display:none}}
/* Logotipos originales: archivos intactos, color y proporciones conservados. */
.wordmark .loas-logo{display:block;width:180px;height:auto;max-width:100%;object-fit:contain}
.footer-main .wordmark{background:white;border-radius:2px;padding:8px 12px}
#brand-list{display:block;margin-top:38px}
.brand-group{display:grid;grid-template-columns:145px 1fr;align-items:center;border-top:1px solid var(--line);padding:22px 0}
.brand-group:last-child{border-bottom:1px solid var(--line)}
.brand-group>h3{font-size:11px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white}
.brand-item{height:155px;min-height:0;border:0;padding:20px;overflow:hidden}
.brand-item:hover{background:white}
#brand-list .brand-item img{width:150px;max-width:100%;height:110px;max-height:110px;object-fit:contain}
#brand-list .brand-item[data-brand=gulf] img,#brand-list .brand-item[data-brand=liver] img{width:92px;height:92px}
#brand-list .brand-item[data-brand=motul] img{width:185px;height:132px;max-height:132px}
.kinetic-body{position:absolute;inset:0}
.orbit-slogan{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.orbit-slogan text{fill:var(--blue);font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:400;letter-spacing:2px;paint-order:stroke;stroke:#eef2f7;stroke-width:6px;stroke-linejoin:round}
.hero-art .sculpture{animation:sculpture-in 1.5s var(--ease) both}
.hero-art .ring,.hero-art .orbit{animation:none}
.motion-toggle{display:block;bottom:68px;min-height:36px;background:#fff;box-shadow:0 2px 8px #10284608}
.motion-hint{position:absolute;bottom:110px;right:18px;font-size:8px;color:#526780;z-index:5;background:#eef2f7e8;padding:5px 7px;border-radius:2px;pointer-events:none}
@media(max-width:1000px){.brand-group{grid-template-columns:110px 1fr}.brand-item{padding:14px}.wordmark .loas-logo{width:150px}.desktop-nav{gap:22px;margin-left:0}}
@media(max-width:700px){.brand-group{grid-template-columns:1fr;gap:16px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-item{height:140px}.brand-group>h3{font-size:10px}.brand-item:nth-child(2n):after{display:none}}
@media(max-width:560px){.wordmark .loas-logo{width:126px}.header-contact{margin-right:8px;padding:10px}.motion-hint{font-size:7px;bottom:105px;right:12px}.motion-toggle{bottom:66px;right:12px}.footer-main .wordmark .loas-logo{width:150px}}
/* Opt-in explicite: la elección del visitante habilita también los revelados. */
.motion-enabled.motion-ready .reveal{transition:opacity .8s var(--ease) var(--delay,0ms),transform .8s var(--ease) var(--delay,0ms)!important}
.motion-enabled.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(22px)!important}
.motion-enabled .motion-line>span{transition:transform 1s var(--ease) calc(var(--line-index,0)*100ms)!important}
.motion-enabled.motion-ready .reveal:not(.visible) .motion-line>span{transform:translateY(110%)!important}
.motion-enabled .section-label:after{transition:transform 1.15s var(--ease) .15s!important}
.motion-enabled.motion-ready .section-label:not(.visible):after{transform:scaleX(0)!important}
.motion-enabled .button,.motion-enabled .solution-card,.motion-enabled .brand-item img{transition:transform .45s var(--ease),background .35s,border-color .35s!important}
.motion-enabled .hero-art .sculpture{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotate(var(--scroll-turn,0deg))!important;transition:transform .7s var(--ease)!important}