/* Capa de movimiento y acabado: mantiene la identidad de periódico y añade vida al hacer scroll */
html.mo-on .mo{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--mo-d,0s);will-change:opacity,transform}
html.mo-on .mo.mo-in{opacity:1;transform:none}
/* la línea gruesa bajo cada título de sección se dibuja */
html.mo-on .mo-rule{position:relative}
html.mo-on .mo-rule::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#0d1f17;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1) .15s}
html.mo-on .mo-rule.mo-in::after{transform:scaleX(1)}
/* titular de portada: entrada de la foto con máscara */
html.mo-on .portada__lead figure{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s cubic-bezier(.77,0,.18,1)}
html.mo-on .portada__lead.mo-in figure{clip-path:inset(0 0 0 0)}
/* tarjetas: elevación y sombra suave al pasar el ratón */
.guide-card,.portada__item,#elige-camino a,#herramientas-teaser a{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,background-color .3s}
@media(hover:hover){
  #elige-camino a:hover,#herramientas-teaser a:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(13,31,23,.35)}
  .guide-card:hover{transform:translateY(-4px)}
  .portada__item:hover{transform:translateX(4px)}
}
/* subrayado que se dibuja en los enlaces de texto de la cabecera y pie */
#masthead-nav a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .4s cubic-bezier(.16,1,.3,1)}
#masthead-nav a:hover{background-size:100% 1px}
/* cabecera pegajosa con cristal */
/* barra de progreso de la página */
#mo-progress{position:fixed;left:0;top:0;height:2px;width:0;background:#e6760a;z-index:90;pointer-events:none}
/* titulares de sección algo más grandes y con número tipo periódico */
#elige-camino h3,#prompts-teaser h3,#radar h3,#guias h3,#noticias-teaser h3,#herramientas-teaser h3{letter-spacing:-.015em}
@media(prefers-reduced-motion:reduce){html.mo-on .mo{opacity:1;transform:none;transition:none}html.mo-on .portada__lead figure{clip-path:none}html.mo-on .mo-rule::after{transform:none}}