/* Sito creato con ❤ custom da MarTe Graphics | autore e sito web: www.martegraphics.it | All Rights Reserved. */
.why--chiaro,.basics--schede{--bf-m:#c8104f;--bf-box:linear-gradient(135deg,#d4145a 0%,#a80c45 100%);--bf-ease:cubic-bezier(.2,.7,.2,1)}
.why--chiaro .why__grid,.basics--schede>.wrap{position:relative;isolation:isolate}
.why--chiaro .why__grid::before,.basics--schede>.wrap::before{content:"";position:absolute;inset:0;width:auto;aspect-ratio:auto;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(600px circle at var(--mx,84%) var(--my,14%),rgba(255,45,107,.13),rgba(255,45,107,0) 70%)}
.why--chiaro .why__grid::after,.basics--schede>.wrap::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background-image:radial-gradient(rgba(29,28,76,.2) 1.1px,transparent 1.6px);background-size:22px 22px;background-position:11px 11px;-webkit-mask-image:radial-gradient(ellipse 85% 90% at 60% 45%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 85% 90% at 60% 45%,#000 25%,transparent 100%)}
.why--chiaro .why__item.bf,.basics--schede .basic.bf{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid rgba(29,28,76,.09);border-radius:var(--r-md);background:var(--white);box-shadow:0 18px 40px -30px rgba(29,28,76,.45);transition:transform .4s var(--bf-ease),box-shadow .4s var(--bf-ease)}
.bf::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(260px circle at var(--x,70%) var(--y,40%),rgba(255,45,107,.09),rgba(255,45,107,0) 70%);opacity:0;transition:opacity .35s ease}
.bf-bar{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.55rem 1.1rem;background:#f8f7fc;border-bottom:1px solid rgba(29,28,76,.09)}
.bf-bar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#ff2d6b,#c8104f);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.6,0,.2,1)}
.bf-dots{display:flex;flex:none;gap:6px}
.bf-dots i{width:10px;height:10px;border-radius:50%;border:1.4px solid rgba(29,28,76,.32);transition:background-color .25s ease,border-color .25s ease}
.bf-dots i:nth-child(2){transition-delay:.08s}
.bf-dots i:nth-child(3){transition-delay:.16s}
.bf-url{display:inline-flex;align-items:center;min-width:0;max-width:100%;height:1.5rem;padding:0 .8rem;border:1px solid rgba(29,28,76,.14);border-radius:999px;background:var(--white);font-family:var(--display);font-size:.78rem;font-weight:600;line-height:1;letter-spacing:.06em;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf .bf-bar .bf-url b{display:inline;width:auto;height:auto;margin:0;padding:0;border-radius:0;background:none;font:inherit;font-weight:800;letter-spacing:inherit;color:var(--bf-m);-webkit-text-fill-color:var(--bf-m)}
.bf-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:1.5rem 1.7rem 1.8rem}
.bf-ic{display:block;flex:none;width:3.4rem;height:3.4rem;margin-bottom:1.05rem}
.bf-svg{display:block;width:100%;height:100%;overflow:visible}
.bf-l{fill:none;stroke:var(--ink);stroke-opacity:.6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bf-s{fill:none;stroke:url(#mg-bf-g);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bf-s.bf-w{fill:var(--white)}
.bf-g{fill:url(#mg-bf-g)}
.bf-a{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.bf .bf-body h3{margin-bottom:.55rem;padding-right:0}
.bf .why__txt,.bf .why__txt p,.basics .basic.bf p{text-align:left;hyphens:none;-webkit-hyphens:none}
.bf .bf-body .why__link{margin-top:auto;padding-top:1rem}
.basics--schede .basic--link.bf h3::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/.9rem no-repeat,var(--bf-box)}
.why--chiaro .bf:is(:hover,:focus-within,.is-on),.basics--schede .bf:is(:hover,:focus-within,.is-on){transform:translateY(-6px);box-shadow:0 30px 56px -30px rgba(200,16,79,.38)}
.bf:is(:hover,:focus-within,.is-on)::before{opacity:1}
.bf:is(:hover,:focus-within,.is-on) .bf-dots i{background:#d4145a;border-color:#d4145a}
.bf:is(:hover,:focus-within,.is-on) .bf-bar::after{transform:scaleX(1)}
.bf:is(:hover,:focus-within,.is-on) .bf-a{transform:scale(1.14)}
.basics--schede .basic--link.bf:focus-visible{outline:2px solid #c8104f;outline-offset:3px}
@media (min-width:992px){
.basics--schede .basics__grid:has(>.bf:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
.basics--schede .basics__grid:has(>.bf:nth-child(5):last-child)>.bf{grid-column:span 3}
.basics--schede .basics__grid:has(>.bf:nth-child(5):last-child)>.bf:nth-child(-n+3){grid-column:span 2}
.basics--schede .basics__grid:has(>.bf:nth-child(7):last-child){grid-template-columns:repeat(12,minmax(0,1fr))}
.basics--schede .basics__grid:has(>.bf:nth-child(7):last-child)>.bf{grid-column:span 4}
.basics--schede .basics__grid:has(>.bf:nth-child(7):last-child)>.bf:nth-child(-n+4){grid-column:span 3}
}
.why--chiaro .why__list>.bf:nth-of-type(odd):last-of-type,.why--chiaro .why__list:has(>.bf)>.blk__nota{grid-column:1/-1}
@media (max-width:991px){
.basics--schede .basics__grid:has(>.bf:nth-child(5):last-child),.basics--schede .basics__grid:has(>.bf:nth-child(7):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.basics--schede .basics__grid>.bf.bf{grid-column:auto}
.basics--schede .basics__grid>.bf.bf:nth-child(odd):last-child{grid-column:1/-1}
}
@media (max-width:767px){
.basics--schede .basics__grid:has(>.bf:nth-child(5):last-child),.basics--schede .basics__grid:has(>.bf:nth-child(7):last-child){grid-template-columns:1fr}
}
@media (max-width:767px){
.why--chiaro .why__grid::before,.basics--schede>.wrap::before{background:radial-gradient(380px circle at var(--mx,85%) var(--my,6%),rgba(255,45,107,.13),rgba(255,45,107,0) 70%)}
.bf-body{padding:1.3rem 1.3rem 1.5rem}
.bf-ic{width:3rem;height:3rem;margin-bottom:.9rem}
.basics--icone .bf .bf-body{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:1rem;align-items:start;padding:1.1rem 1.1rem 1.25rem}
.basics--icone .bf .bf-ic{grid-row:1/span 2;margin:0}
.basics--icone .bf .bf-body h3{padding-right:0;margin-bottom:.25rem}
}
@media (prefers-reduced-motion:reduce){
.why--chiaro .why__item.bf,.basics--schede .basic.bf,.bf::before,.bf-bar::after,.bf-dots i,.bf-a{transition:none}
.why--chiaro .bf:is(:hover,:focus-within,.is-on),.basics--schede .bf:is(:hover,:focus-within,.is-on){transform:none}
.bf:is(:hover,:focus-within,.is-on) .bf-a{transform:none}
}