body:has(.portada){overflow-x:clip}body:has(.portada) header>div>div{max-width:none;padding-inline:1.25rem}.portada .tipo{font-family:var(--fuente-titulo), "Bodoni 72", Didot, Georgia, serif;font-optical-sizing:auto;overflow-wrap:normal;font-weight:500}.portada .cifra{font-optical-sizing:none;font-variation-settings:"opsz" 36;font-variant-numeric:lining-nums tabular-nums;font-weight:650}.portada .rotulo{letter-spacing:.08em;text-transform:uppercase;color:var(--color-tinta-suave);font-size:1rem;font-weight:500;line-height:1.5}.portada .cta{letter-spacing:.01em;touch-action:manipulation;justify-content:space-between;align-items:center;width:100%;min-height:3.5rem;padding:0 1.25rem;font-weight:600;transition:background-color .2s;display:flex}.portada .cta:focus-visible{outline:3px solid var(--color-sol);outline-offset:2px}.portada .hoja-foto{background:var(--color-papel);border:1px solid #0c1f3d2e}.linea{margin-bottom:-.2em;padding-bottom:.2em;display:block;overflow:clip}.linea>span,.heroe-linea>span{display:block}.heroe-linea{margin-bottom:-.3em;padding-bottom:.3em;display:block;overflow:clip}@media (min-width:640px){.portada .cta{width:22rem}body:has(.portada) header>div>div{padding-inline:2.5rem}}@media (prefers-reduced-motion:no-preference){.heroe-linea>span{animation:1.3s cubic-bezier(.16,1,.3,1) both heroe-sube}.heroe-cielo{transform-origin:50% 100%;animation:2.4s cubic-bezier(.16,1,.3,1) both heroe-acerca}.heroe-techos{animation:1.6s cubic-bezier(.16,1,.3,1) both heroe-techos}.portada-baja{animation:1.6s ease-in-out infinite portada-baja}.linea>span{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.linea:not(.visto)>span{transform:translateY(110%)}.foto{transition:clip-path 1.4s cubic-bezier(.16,1,.3,1)}.foto:not(.visto){clip-path:inset(14% 8%)}@supports (animation-timeline:view()){.foto-deriva{animation:linear both foto-deriva;animation-timeline:view()}.heroe-titulo{animation:linear both heroe-titulo;animation-timeline:scroll(root);animation-range:0 100svh}.heroe-cielo{animation:2.4s cubic-bezier(.16,1,.3,1) both heroe-acerca,linear both heroe-cielo;animation-timeline:auto,scroll(root);animation-range:normal,0 100svh}}}@keyframes heroe-sube{0%{transform:translateY(112%)}}@keyframes heroe-acerca{0%{scale:1.12}}@keyframes heroe-techos{0%{transform:translateY(14%)}}@keyframes heroe-titulo{to{translate:0 62%}}@keyframes heroe-cielo{to{translate:0 16%}}@keyframes foto-deriva{0%{translate:0 -7%}to{translate:0 7%}}@keyframes portada-baja{50%{opacity:.35;transform:translateY(7px)}}.portada .hoja-foto .rounded-full{white-space:nowrap;flex-shrink:0;font-size:1rem}
