/* faipubblicità.it — logo ufficiale. Animazione d'ingresso ~3,3 s, poi fermo: si muove solo l'occhio. */
.fp-logo{display:inline-flex;align-items:center;gap:.36em;line-height:0}
.fp-logo svg{display:block;width:auto;overflow:hidden}
.fp-logo .fp-hl{transform:translate(-4.8px,2.8px)}
.fp-anim .fp-draw{stroke:#EE2363;stroke-linejoin:round;stroke-width:0;animation:fp-draw 1s cubic-bezier(.45,0,.25,1) .1s backwards,fp-fill .35s ease-out .95s backwards}
.fp-anim .fp-socket{animation:fp-fill .35s ease-out .95s backwards}
@keyframes fp-draw{from{stroke-width:7;stroke-dasharray:1;stroke-dashoffset:1;fill-opacity:0}to{stroke-width:7;stroke-dasharray:1;stroke-dashoffset:0;fill-opacity:0}}
@keyframes fp-fill{from{fill-opacity:0;stroke-width:7}to{fill-opacity:1;stroke-width:0}}
.fp-anim .fp-iris{animation:fp-li-iris 1.9s linear 1.4s 1 both}
.fp-anim .fp-pup{animation:fp-li-pup 1.9s linear 1.4s 1 both}
.fp-anim .fp-hl{animation:fp-li-hl 1.9s linear 1.4s 1 both}
@keyframes fp-li-iris{
0%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
8%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
12%{transform:translate(-94.5px,-56.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
22%{transform:translate(-92.5px,-54.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
27%{transform:translate(-66.5px,-126.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
33%{transform:translate(-64.5px,-125.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
38%{transform:translate(17.5px,-128.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
44%{transform:translate(19.5px,-126.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
49%{transform:translate(45.5px,-60.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
53%{transform:translate(44.5px,-58.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
60%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
100%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
}
@keyframes fp-li-pup{
0%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
8%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
12%{transform:translate(-121.0px,-71.7px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
22%{transform:translate(-118.4px,-69.1px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
27%{transform:translate(-85.1px,-160.5px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
33%{transform:translate(-82.5px,-159.5px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
38%{transform:translate(16.7px,-156.7px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
44%{transform:translate(19.2px,-154.3px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
49%{transform:translate(53.8px,-75.4px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
53%{transform:translate(52.9px,-73.1px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
60%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
100%{transform:translate(0.0px,0.0px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
}
@keyframes fp-li-hl{
0%{transform:translate(-4.8px,2.8px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
8%{transform:translate(-4.8px,2.8px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
12%{transform:translate(-146.8px,-73.7px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
22%{transform:translate(-143.6px,-70.5px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
27%{transform:translate(-102.5px,-184.9px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
33%{transform:translate(-99.3px,-183.6px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
38%{transform:translate(24.0px,-181.6px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
44%{transform:translate(26.7px,-178.5px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
49%{transform:translate(59.4px,-83.7px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
53%{transform:translate(58.3px,-80.9px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
60%{transform:translate(-4.8px,2.8px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
100%{transform:translate(-4.8px,2.8px);animation-timing-function:cubic-bezier(.25,.1,.1,1)}
}
.fp-anim .fp-L{animation:fp-out .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(1.6s + var(--i) * .045s)}
@keyframes fp-out{from{opacity:0;transform:translateX(-80px)}}
@media (prefers-reduced-motion:reduce){.fp-logo *{animation:none!important;transition:none!important}}
/* Dimensioni nei contesti del sito */
.brand .fp-logo .fp-mark{height:48px}.brand .fp-logo .fp-word{height:27px}
.footer-brand .fp-logo{margin-bottom:18px}.footer-brand .fp-logo .fp-mark{height:58px}.footer-brand .fp-logo .fp-word{height:31px}
.access-brand .fp-logo svg{width:auto;flex-shrink:0}.access-brand .fp-logo .fp-mark{height:46px}.access-brand .fp-logo .fp-word{height:25px}
header.top .brand .logo .fp-logo .fp-mark{width:auto;height:40px}
@media(max-width:1100px){.brand .fp-logo .fp-word{height:24px}}
@media(max-width:700px){.brand .fp-logo .fp-mark{height:38px}.brand .fp-logo .fp-word{height:21px}.access-brand .fp-logo .fp-mark{height:36px}.access-brand .fp-logo .fp-word{height:19px}.footer-brand .fp-logo .fp-mark{height:46px}.footer-brand .fp-logo .fp-word{height:25px}}
@media(max-width:370px){.brand .fp-logo .fp-word{height:18px}}
