@keyframes portada-entra{0%{opacity:0;translate:var(--entra-x, 0px) var(--entra-y, 18px)}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion: no-preference){.portada-entra{animation:portada-entra var(--entra-dur, .52s) var(--ease-entrada) both;animation-delay:calc(var(--entra-i, 0) * var(--entra-escalon, 70ms))}}@media (hover: hover) and (pointer: fine){@media (prefers-reduced-motion: no-preference){.mosaico-celda{translate:calc(var(--pt-x, 0) * var(--prof, 8) * 1px) calc(var(--pt-y, 0) * var(--prof, 8) * 1px);transition:translate var(--dur-3) var(--ease-out)}}}@keyframes portada-barrido{0%{opacity:0;clip-path:inset(0 100% 0 0);translate:-14px 0}to{opacity:1;clip-path:inset(0 0 0 0);translate:0 0}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.portada-barrido{animation:portada-barrido linear both;animation-timeline:view();animation-range:entry calc(8% + var(--barrido-i, 0) * 7%) cover calc(24% + var(--barrido-i, 0) * 7%)}}}@media (min-width: 768px){.portada-lineas .relato{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}}@keyframes portada-foto-foco{0%{border-color:#d9d6cc;background-color:#fafaf7;box-shadow:0 0 #161d1800;translate:0 0}24%,76%{border-color:#1c5822;background-color:#fff;box-shadow:0 8px 24px -8px #161d181f;translate:0 -4px}to{border-color:#d9d6cc;background-color:#fafaf7;box-shadow:0 0 #161d1800;translate:0 0}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.portada-lineas .franja-foto{animation:portada-foto-foco linear both;animation-timeline:view();animation-range:cover 18% cover 82%}}}
