/* Movimiento editorial de ICEMEC. El contenido sigue accesible sin JavaScript. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.hero-photo,.featured-photo{overflow:hidden}
.title-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}
.title-line>span{display:block}
.motion-toggle{border:1px solid #7c8b95;background:transparent;color:inherit;padding:9px 14px;min-height:44px;font:600 11px/1.4 var(--font)}
.footer-bottom{align-items:center;flex-wrap:wrap}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .motion-enabled .title-line>span{animation:ic-title .85s var(--motion-ease) both}
 .motion-enabled .title-line:nth-child(2)>span{animation-delay:.12s}
 .motion-enabled .title-line:nth-child(3)>span{animation-delay:.24s}
 .motion-enabled .hero-copy>p,.motion-enabled .hero-copy>.btn,.motion-enabled .page-head h1,.motion-enabled .page-head p{animation:ic-arrive .8s .2s var(--motion-ease) both}
 .motion-enabled .hero-photo>img{animation:ic-drift 18s ease-in-out infinite alternate;transform-origin:52% 50%}
 .motion-enabled .motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .8s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
 .motion-enabled .motion-reveal.is-revealed,.motion-enabled .motion-reveal:focus-within{opacity:1;transform:none}
 .btn,.text-link,.filters button{transition:background-color .25s,color .25s,box-shadow .25s}
 .btn b,.text-link span,.zoom{transition:transform .3s var(--motion-ease)}
 .btn:hover b,.text-link:hover span{transform:translate(3px,-3px)}
 .text-link{position:relative;border-bottom-color:transparent}
 .text-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(.22);transform-origin:left;transition:transform .4s var(--motion-ease)}
 .text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}
 .photo-button img,.featured-photo img{transition:transform .75s var(--motion-ease)}
 @media(hover:hover){.photo-button:hover img,.featured-photo:hover img{transform:scale(1.045)}.photo-button:hover .zoom{transform:translate(-4px,-4px)}}
 .motion-enabled nav.open{animation:ic-arrive .25s var(--motion-ease) both}
 .motion-enabled dialog[open]{animation:ic-arrive .3s var(--motion-ease) both}
 .motion-enabled dialog[open]::backdrop{animation:ic-fade .25s ease both}
 @keyframes ic-title{from{transform:translateY(110%)}to{transform:translateY(0)}}
 @keyframes ic-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
 @keyframes ic-drift{from{transform:scale(1.01)}to{transform:scale(1.065) translateX(-.4%)}}
 @keyframes ic-fade{from{opacity:0}to{opacity:1}}
 @media(max-width:700px){.motion-enabled .motion-reveal{transform:translateY(10px);transition-delay:0ms;transition-duration:.5s}.motion-enabled .motion-reveal.is-revealed{transform:none}}
}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}
.motion-paused .motion-reveal{opacity:1;transform:none}.motion-paused{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-reveal{opacity:1!important;transform:none!important}}
@media print{.motion-reveal{opacity:1!important;transform:none!important}.motion-toggle{display:none}}