/* /agenzia/ — "Una regia al posto di fornitori scollegati" (design/Chi siamo.dc.html), ciclo di 17 s. */
body { margin: 0; background: #f7f8fa; color: #15171c; font-family: 'Manrope', system-ui, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-synthesis: none; text-wrap: pretty; }
.citta { position: relative; display: flex; flex-wrap: wrap; gap: 32px 22px; padding-top: 34px; margin-top: 26px; }
.lista { background: #fff; border: 1px solid #e4e7ec; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(21,23,28,.05); }
.tabbar { background: rgba(255,255,255,.86) !important; backdrop-filter: saturate(1.6) blur(18px); padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important; }
.rg { animation-duration: 17s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(.4,0,.2,1); }
@keyframes rg-s0 { 0%, 3.76% { left: 15.06%; top: 16%; opacity: 0;visibility:hidden} 5.65%, 49.18% { left: 15.06%; top: 16%; opacity: 1;visibility:visible} 58.59%, 95.29% { left: 85.88%; top: 15.06%; opacity: 1;visibility:visible} 99.06%, 100% { left: 85.88%; top: 15.06%; opacity: 0;visibility:hidden} }
@keyframes rg-sb0 { 0%, 52.94% { border-color: #2f333b; background: #1f2229; } 58.59%, 100% { border-color: rgba(245,221,0,.45); background: #22231d; } }
@keyframes rg-l0 { 0%, 3.76% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 4.24% { opacity: 1;visibility:visible} 6.59%, 46.35% { stroke-dashoffset: 0; opacity: 1;visibility:visible} 48.24%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-t0 { 0%, 62.35% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 62.82% { opacity: 0.9;visibility:visible} 65.18%, 93.41% { stroke-dashoffset: 0; opacity: 0.9;visibility:visible} 95.29%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-s1 { 0%, 6.59% { left: 84%; top: 16%; opacity: 0;visibility:hidden} 8.47%, 49.18% { left: 84%; top: 16%; opacity: 1;visibility:visible} 58.59%, 95.29% { left: 85.88%; top: 33.88%; opacity: 1;visibility:visible} 99.06%, 100% { left: 85.88%; top: 33.88%; opacity: 0;visibility:hidden} }
@keyframes rg-sb1 { 0%, 52.94% { border-color: #2f333b; background: #1f2229; } 58.59%, 100% { border-color: rgba(245,221,0,.45); background: #22231d; } }
@keyframes rg-l1 { 0%, 6.59% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 7.06% { opacity: 1;visibility:visible} 9.41%, 46.35% { stroke-dashoffset: 0; opacity: 1;visibility:visible} 48.24%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-t1 { 0%, 63.76% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 64.24% { opacity: 0.9;visibility:visible} 66.59%, 93.41% { stroke-dashoffset: 0; opacity: 0.9;visibility:visible} 95.29%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-s2 { 0%, 9.41% { left: 15.06%; top: 84%; opacity: 0;visibility:hidden} 11.29%, 49.18% { left: 15.06%; top: 84%; opacity: 1;visibility:visible} 58.59%, 95.29% { left: 85.88%; top: 58.59%; opacity: 1;visibility:visible} 99.06%, 100% { left: 85.88%; top: 58.59%; opacity: 0;visibility:hidden} }
@keyframes rg-sb2 { 0%, 52.94% { border-color: #2f333b; background: #1f2229; } 58.59%, 100% { border-color: rgba(245,221,0,.45); background: #22231d; } }
@keyframes rg-l2 { 0%, 9.41% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 9.88% { opacity: 1;visibility:visible} 12.24%, 46.35% { stroke-dashoffset: 0; opacity: 1;visibility:visible} 48.24%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-t2 { 0%, 65.18% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 65.65% { opacity: 0.9;visibility:visible} 68%, 93.41% { stroke-dashoffset: 0; opacity: 0.9;visibility:visible} 95.29%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-s3 { 0%, 12.24% { left: 84%; top: 84%; opacity: 0;visibility:hidden} 14.12%, 49.18% { left: 84%; top: 84%; opacity: 1;visibility:visible} 58.59%, 95.29% { left: 85.88%; top: 77.41%; opacity: 1;visibility:visible} 99.06%, 100% { left: 85.88%; top: 77.41%; opacity: 0;visibility:hidden} }
@keyframes rg-sb3 { 0%, 52.94% { border-color: #2f333b; background: #1f2229; } 58.59%, 100% { border-color: rgba(245,221,0,.45); background: #22231d; } }
@keyframes rg-l3 { 0%, 12.24% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 12.71% { opacity: 1;visibility:visible} 15.06%, 46.35% { stroke-dashoffset: 0; opacity: 1;visibility:visible} 48.24%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-t3 { 0%, 66.59% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 67.06% { opacity: 0.9;visibility:visible} 69.41%, 93.41% { stroke-dashoffset: 0; opacity: 0.9;visibility:visible} 95.29%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-la { 0%, 48.24% { opacity: 1;visibility:visible} 50.12%, 98.12% { opacity: 0;visibility:hidden} 100% { opacity: 1;visibility:visible} }
@keyframes rg-lb { 0%, 50.12% { opacity: 0;visibility:hidden} 52.47%, 95.29% { opacity: 1;visibility:visible} 98.12%, 100% { opacity: 0;visibility:hidden} }
@keyframes rg-x0 { 0%, 18.82% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 19.29% { opacity: 0.8;visibility:visible} 21.65%, 46.35% { stroke-dashoffset: 0; opacity: 0.8;visibility:visible} 48.24%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-x1 { 0%, 26.35% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 26.82% { opacity: 0.8;visibility:visible} 29.18%, 46.35% { stroke-dashoffset: 0; opacity: 0.8;visibility:visible} 48.24%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-m { 0%, 59.53% { stroke-dashoffset: 1; opacity: 0;visibility:hidden} 60% { opacity: 1;visibility:visible} 62.35%, 93.41% { stroke-dashoffset: 0; opacity: 1;visibility:visible} 95.29%, 100% { stroke-dashoffset: 0; opacity: 0;visibility:hidden} }
@keyframes rg-c { 0%, 0.94% { left: 52.94%; top: 52.94%; opacity: 0;visibility:hidden} 2.82%, 49.18% { left: 52.94%; top: 52.94%; opacity: 1;visibility:visible} 58.59%, 95.29% { left: 15.06%; top: 49.18%; opacity: 1;visibility:visible} 99.06%, 100% { left: 15.06%; top: 49.18%; opacity: 0;visibility:hidden} }
@keyframes rg-k1 { 0%, 15.06% { opacity: 0;visibility:hidden} 16.94%, 47.29% { opacity: 1;visibility:visible} 49.18%, 100% { opacity: 0;visibility:hidden} }
@keyframes rg-k2 { 0%, 60.47% { opacity: 0;visibility:hidden} 62.35%, 95.29% { opacity: 1;visibility:visible} 98.12%, 100% { opacity: 0;visibility:hidden} }
@keyframes rg-a { 0%, 56.71% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 58.59%, 95.29% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 97.18%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-b0 { 0%, 15.06% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 16.94%, 46.35% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 48.24%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-b1 { 0%, 20.71% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 22.59%, 46.35% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 48.24%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-b2 { 0%, 26.35% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 28.24%, 46.35% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 48.24%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-b3 { 0%, 32% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 33.88%, 46.35% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 48.24%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-p0 { 0%, 64.24% { left: 24.47%; opacity: 0;visibility:hidden} 64.52% { left: 24.47%; opacity: 1;visibility:visible} 68.47% { left: 38.59%; opacity: 1;visibility:visible} 68.75%, 100% { left: 38.59%; opacity: 0;visibility:hidden} }
@keyframes rg-p1 { 0%, 71.76% { left: 24.47%; opacity: 0;visibility:hidden} 72.05% { left: 24.47%; opacity: 1;visibility:visible} 76% { left: 38.59%; opacity: 1;visibility:visible} 76.28%, 100% { left: 38.59%; opacity: 0;visibility:hidden} }
@keyframes rg-p2 { 0%, 79.29% { left: 24.47%; opacity: 0;visibility:hidden} 79.58% { left: 24.47%; opacity: 1;visibility:visible} 83.53% { left: 38.59%; opacity: 1;visibility:visible} 83.81%, 100% { left: 38.59%; opacity: 0;visibility:hidden} }
@keyframes rg-o0 { 0%, 66.12% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 68%, 95.29% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 97.18%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-o1 { 0%, 69.88% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 71.76%, 95.29% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 97.18%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-o2 { 0%, 73.65% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 75.53%, 95.29% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 97.18%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@keyframes rg-f { 0%, 78.35% { opacity: 0; transform: translate(-50%,-50%) scale(.85);visibility:hidden} 80.24%, 95.29% { opacity: 1; transform: translate(-50%,-50%);visibility:visible} 97.18%, 100% { opacity: 0; transform: translate(-50%,-50%);visibility:hidden} }
@media (prefers-reduced-motion: reduce) { .rg { animation: none !important; } .rg-a, .rg-o0, .rg-o1, .rg-o2, .rg-f, .rg-k2, [class*="rg-lb"], .rg-m, [class*="rg-t"] { opacity: 1 !important; stroke-dashoffset: 0 !important;visibility:visible !important} [class*="rg-la"], .rg-k1, [class*="rg-b"], [class*="rg-l"]:not([class*="rg-lb"]):not([class*="rg-la"]), .rg-x0, .rg-x1, [class*="rg-p"] { opacity: 0 !important;visibility:hidden !important} .rg-c { left: 16% !important; top: 46% !important; } .rg-s0 { left: 85% !important; top: 16% !important; } .rg-s1 { left: 85% !important; top: 36% !important; } .rg-s2 { left: 85% !important; top: 56% !important; } .rg-s3 { left: 85% !important; top: 76% !important; } }