/* Rebrand 2026-10 (Finance as a Service): targeted overrides on top of the
   Elementor CSS. Palette: mint #76FFBE, carbon #16211B, ivory #F8FCF2,
   accent green on light backgrounds #47DD96 (never mint on light). */

/* header logo: new artwork has a tight viewBox, the old SVG had wide margins */
.elementor-90 .elementor-element.elementor-element-2fe4fff img{width:300px;max-width:72vw;height:auto}
@media (max-width:767px){.elementor-90 .elementor-element.elementor-element-2fe4fff img{width:230px}}

/* "Grandi Aziende" card is now mint: subtitle in carbon (rule: on mint -> carbon text) */
.elementor-90 .elementor-element.elementor-element-e87b6f5 .jeg-elementor-kit.jkit-heading .heading-section-description{color:#16211B}

/* vertical accent bar next to "Un CFO ibrido" sits on ivory: darker accent green */
.elementor-90 .elementor-element.elementor-element-3a53d9a5 .jeg-elementor-kit.jkit-heading .heading-section-title.border-enable:before{background-image:none;background-color:#47DD96}

/* service cards that turn mint on hover: description in carbon (grey-green on mint is 3.8:1) */
.elementor-90 .elementor-element.elementor-element-0ffd0af .jeg-elementor-kit.jkit-icon-box:hover .icon-box.icon-box-body .icon-box-description,
.elementor-90 .elementor-element.elementor-element-ba02ad4 .jeg-elementor-kit.jkit-icon-box:hover .icon-box.icon-box-body .icon-box-description{color:#16211B}

/* footer credit link hover sits on a light background: no mint text */
.elementor-90 .elementor-element.elementor-element-baa49ab .elementor-heading-title a:hover{color:#16211B;text-decoration:underline;text-decoration-color:#47DD96}

/* menu popup (ivory panel): active item in carbon with darker-green underline, close icon carbon on mint */
#elementor-popup-modal-210 .elementor-210 .elementor-element.elementor-element-14ec6dcd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#16211B;text-decoration:underline;text-decoration-color:#47DD96;text-decoration-thickness:3px;text-underline-offset:6px}
#elementor-popup-modal-210 .elementor-210 .elementor-element.elementor-element-14ec6dcd .elementor-nav-menu--main .elementor-item:hover{color:#16211B;text-decoration:underline;text-decoration-color:#47DD96;text-decoration-thickness:3px;text-underline-offset:6px}
#elementor-popup-modal-210 .elementor-210 .elementor-element.elementor-element-2ea9c6e3.elementor-view-framed .elementor-icon:not(:hover) svg,
#elementor-popup-modal-210 .elementor-210 .elementor-element.elementor-element-2ea9c6e3.elementor-view-default .elementor-icon:not(:hover) svg{fill:#16211B}
#elementor-popup-modal-210 .elementor-210 .elementor-element.elementor-element-2ea9c6e3.elementor-view-framed .elementor-icon:not(:hover){color:#16211B}

/* payoff under the hero logo (client request 27/10/2026): real text in the site font, carbon on the hero background */
.elementor-90 .fs-payoff{margin:-26px 0 26px;font-family:"Figtree",Sans-serif;font-weight:400;font-size:22px;line-height:1.3;letter-spacing:.01em;color:#16211B}
@media (max-width:767px){.elementor-90 .fs-payoff{font-size:18px;margin-top:-22px;margin-bottom:14px}}

/* footer legal block (company data, policies): centred and a step smaller (Antonio 27/10/2026) */
.elementor-90 .elementor-element.elementor-element-dbba52d .elementor-heading-title{text-align:center;font-size:14px;line-height:1.55}
@media (max-width:767px){.elementor-90 .elementor-element.elementor-element-dbba52d .elementor-heading-title{font-size:13px}}

/* menu popup (Antonio 27/10/2026, "più fluido"): slower eased slide-in of the panel, the dark
   overlay fades in instead of snapping, menu items arrive one after the other */
#elementor-popup-modal-210{background-color:rgba(22,33,27,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fs-overlay-in .35s ease-out both}
#elementor-popup-modal-210 .dialog-widget-content{animation-duration:.55s!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item{animation:fs-item-in .5s cubic-bezier(.22,1,.36,1) both}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item:nth-child(1){animation-delay:.12s}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item:nth-child(2){animation-delay:.17s}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item:nth-child(3){animation-delay:.22s}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item:nth-child(4){animation-delay:.27s}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item:nth-child(5){animation-delay:.32s}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item:nth-child(6){animation-delay:.37s}
#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item:nth-child(n+7){animation-delay:.42s}
@keyframes fs-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes fs-item-in{from{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#elementor-popup-modal-210,#elementor-popup-modal-210 .elementor-nav-menu--main .menu-item{animation:none}}

/* audience cards (da376ee, 38aef36, e86a6e2): one smooth reveal on first view, staggered, instead of
   the old entrance animation + scroll parallax that fought each other (Antonio 27/10/2026).
   Hidden only when the script has switched it on (html.fs-reveal-on), so no-JS still shows them. */
.fs-reveal-on .fs-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s ease-out,transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.fs-reveal-on .fs-reveal.fs-in{opacity:1;transform:none}
.fs-reveal-on .elementor-element-38aef36.fs-reveal{transition-delay:.08s}
.fs-reveal-on .elementor-element-e86a6e2.fs-reveal{transition-delay:.16s}

/* service cards (Business Planning / Cash Management / Fondi): the first one was ivory all the time,
   the other two only on hover. All three now share the same behaviour: white, on hover ivory and a
   gentle lift, with a smooth transition; arrow cursor instead of the text cursor (Antonio 27/10/2026) */
.elementor-90 .elementor-element.elementor-element-60ba263:not(.elementor-motion-effects-element-type-background){background-color:var(--e-global-color-45a78a1)}
.elementor-90 .elementor-element.elementor-element-60ba263,
.elementor-90 .elementor-element.elementor-element-a432c05,
.elementor-90 .elementor-element.elementor-element-98044c9{cursor:default;transition:background-color .45s ease,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}
.elementor-90 .elementor-element.elementor-element-60ba263:hover,
.elementor-90 .elementor-element.elementor-element-a432c05:hover,
.elementor-90 .elementor-element.elementor-element-98044c9:hover{background-color:var(--e-global-color-23fa1db);transform:translate3d(0,-8px,0);box-shadow:0 14px 34px -18px rgba(22,33,27,.28)}
.elementor-90 .elementor-element.elementor-element-a432c05.e-con:hover,
.elementor-90 .elementor-element.elementor-element-98044c9.e-con:hover{--e-con-transform-translateY:0px}
.elementor-90 .elementor-element.elementor-element-0ffd0af .jkit-icon-box-wrapper,
.elementor-90 .elementor-element.elementor-element-56dbd0e .jkit-icon-box-wrapper,
.elementor-90 .elementor-element.elementor-element-ba02ad4 .jkit-icon-box-wrapper,
.elementor-90 .elementor-element.elementor-element-0ffd0af .icon-box>.icon,
.elementor-90 .elementor-element.elementor-element-56dbd0e .icon-box>.icon,
.elementor-90 .elementor-element.elementor-element-ba02ad4 .icon-box>.icon{transition:background-color .45s ease,color .45s ease}
@media (prefers-reduced-motion:reduce){
  .elementor-90 .elementor-element.elementor-element-60ba263:hover,
  .elementor-90 .elementor-element.elementor-element-a432c05:hover,
  .elementor-90 .elementor-element.elementor-element-98044c9:hover{transform:none}}