/*--- header ---*/
.header-page-nav-001-1600 {
	max-width: 1600px;
	position: relative;
	margin: 0 auto;
}

.menu-header-001-1600-header {
	position:absolute;
	top:0;
	left:0;
	padding:0 0 0 0;
	margin: 0 auto;
	width:100%;
	max-width: 1600px;
	height: 90px;
	z-index:1100;
	background-color: transparent;
}

.header-when-page-scroll-001-1600 {
	max-width: 1600px;
	margin: 0 auto;
}

.menu-header-001-1600-header-scroll {
	position:fixed;
	top:-90px;
	left: auto;
	padding:0 0 0 0;
	width:100%;
	max-width: 1600px;
	height: 90px;
	background-color:#fff;
	box-shadow: 0 25px 20px -20px rgba(0,0,0,0.5);
	z-index:999;
}

.menu-header-001-1600-header-scroll .logo,
.menu-header-001-1600-header .logo {
	position:relative;
	margin:0;
	padding:0 0 0 0;
	width: 240px;
	height:90px;
	float:left;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 320px) {

	.menu-header-001-1600-header-scroll .logo, 
	.menu-header-001-1600-header .logo {
		width: 180px;
	}

}

@media only screen and (min-width: 481px) and (max-width: 768px) {

	.menu-header-001-1600-header-scroll {
		box-shadow: 0 -6px 15px 5px rgba(0,0,0,0.5);
	}

}

@media only screen and (max-width: 480px) {

	.menu-header-001-1600-header-scroll {
		box-shadow: 0 -6px 13px 4px rgba(0,0,0,0.5);
	}

}

.menu-header-001-1600-header-scroll .logo img,
.menu-header-001-1600-header .logo img {
	width: auto;
	height: 90px;
}

.menu-header-001-1600-nav {
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	height:90px;
	display: table;
}

.menu-header-001-1600-nav ul {
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:21px;
}

.menu-header-001-1600-nav ul li {
	position:relative;
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	float:left;
}

.menu-header-001-1600-nav ul li.search {
	height:21px;
	padding: 29px 0 0 0;
}

.menu-header-001-1600-nav ul li.hamburger {
	float:right;
}

.menu-header-001-1600-nav ul li a {
	margin:0;
	padding:0;
	display: block;
	line-height: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	color: #fff;
	font-family: Gotham Medium;
	font-size: 14px;
	text-transform: uppercase;
}

.menu-header-001-1600-nav ul li a:hover {
	color: #ddd;
}

.menu-header-001-1600-nav ul li a.active {
/*
	box-shadow:0 2px 0px -1px rgba(255,255,255,0.5);
*/
	color:#ddd;
}

.menu-header-001-1600-header-scroll .menu-header-001-1600-nav ul li a {
	color:#333;
}

.menu-header-001-1600-header-scroll .menu-header-001-1600-nav ul li a:hover {
	color:#888;
}

.menu-header-001-1600-header-scroll .menu-header-001-1600-nav ul li a.active {
/*
	box-shadow:inset 0 2px 0px -1px rgba(0,0,0,0.5);
*/
	color:#888;
}

.menu-header-001-1600-nav .for-shop {
	position:relative;
	top:21px;
}

@media only screen and (max-width: 930px)
{

	.menu-header-001-1600-nav ul li {
		margin: 0 10px 0 0;
	}

}

@media only screen and (max-width: 768px)
{

	.menu-header-001-1600-nav ul li {
		margin: 0 25px 0 0;
	}

}

@media only screen and (max-width: 575px)
{

	.menu-header-001-1600-nav ul li {
		margin: 0 5px 0 0;
	}

	.menu-header-001-1600-nav .for-shop {
		position:absolute;
		right:5px;
		top:21px;
	}
}

@media only screen and (max-width: 320px)
{

	.menu-header-001-1600-nav ul li {
		margin: 0 0 0 0;
	}

}

/*--- ! ---*/

.slider-001-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0px 0 50px 50px;
    position: relative;
}

.slider-001-header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
    padding-right: 50px;
}

.slider-001-title {
    font-size: 48px;
    color: #5dade2;
    font-weight: 300;
}

.slider-001-container .navigation-buttons {
    display: flex;
    gap: 8px;
}

.slider-001-container .nav-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.3s ease;
}

.slider-001-container .nav-button:hover {
    color: white;
    transform: scale(1.1);
}

.slider-001-container .nav-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.slider-001-scroll-container {
    position: relative;
    overflow: visible;
    width: 100%;
}

@media (max-width: 1599px) {
    .slider-001-scroll-container {
        overflow: hidden !important;
    }
}

.slider-001-scroll-wrapper {
    display: flex;
    gap: 30px;
    transition: transform 0.5s ease;
    will-change: transform;
    padding-right: 100vw;
}

.slider-001-container .card-scorrevole {
    flex-shrink: 0;
    width: 350px;
    height: 525px;
    border-radius: 35px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slider-001-container .card-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--overlay-default, linear-gradient(to bottom,
            rgba(0, 0, 0, 0.3) 0%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.7) 100%));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
    color: var(--text-color, white);
    transition: background 0.3s ease;
}

.slider-001-container .card-scorrevole:hover .card-content-overlay {
    background: var(--overlay-hover, #000);
}

/* Icona sopra il titolo */
.slider-001-container .card-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    object-fit: contain;
    filter: var(--icon-filter, none);
}

.slider-001-container .card-header {
    display: flex;
    flex-direction: column;
}

.slider-001-container .card-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
    color: var(--text-color, #fff);
}

.slider-001-container .card-description {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    margin: 20px 0;
    color: var(--text-color, #fff);
}

.slider-001-container .card-scorrevole:hover .card-description {
    opacity: 1;
    transform: translateY(0);
}

/* Comportamento testi fissi */
.slider-001-container .card-scorrevole[data-text-behavior="fixed"] .card-description {
    opacity: 1;
    transform: translateY(0);
}

.slider-001-container .card-scorrevole[data-text-behavior="fixed"] .card-content-overlay {
    background: var(--overlay-default, linear-gradient(to bottom,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0.3) 40%,
            rgba(0, 0, 0, 0.8) 100%));
}

.slider-001-container .card-scorrevole[data-text-behavior="fixed"]:hover .card-content-overlay {
    background: var(--overlay-hover, linear-gradient(to bottom,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.4) 40%,
            rgba(0, 0, 0, 0.9) 100%));
}

.slider-001-container .card-button {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid var(--text-color, rgba(255, 255, 255, 0.8));
    color: var(--text-color, white);
    padding: 15px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    align-self: flex-start;
}

.slider-001-container .card-button:hover {
    background: var(--text-color, rgba(255, 255, 255, 0.9));
    color: var(--button-hover-text, #333);
    transform: scale(1.05);
}

/* Bullet Indicators */
.slider-001-container .bullet-indicators-wrapper {
    display: none;
    justify-content: center;
    margin-top: 20px;
    padding: 0 20px;
}

/* Mostra bullets su desktop quando richiesto */
.slider-001-container[data-show-bullets-desktop="true"] .bullet-indicators-wrapper {
    display: flex;
}

.slider-001-container .bullet-indicators {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    max-width: 128px;
    overflow: hidden;
    position: relative;
}

.slider-001-container .bullet-track {
    display: flex;
    gap: 12px;
    align-items: center;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.slider-001-container .bullet {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: rgb(225 239 249 / 30%);
    border: none;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    margin: 0;
}

.slider-001-container .bullet.active {
    width: 32px;
    background: #d8d8d8;
}

.slider-001-container .bullet:hover {
    background: #f2f2f2;
}

.slider-001-container .nav-button img {
    width: 50px;
    height: 50px;
}

/* Responsive */
@media (max-width: 1200px) {
    .slider-001-container {
        padding-left: 0px;
    }
    
    .slider-001-header {
        gap: 20px;
        padding-right: 20px;
    }
    
    .slider-001-title {
        font-size: 36px;
    }
    
    .slider-001-container .card-scorrevole {
        min-height: 400px;
    }
    
    .slider-001-scroll-wrapper {
        padding-right: 100vw;
    }
    
    .slider-001-container .card-scorrevole:first-child {  
        margin-left: 30px;
    }
}

@media (max-width: 768px) {
    .slider-001-container .card-description {
        transform: translateY(0px);
        transition: none;
    }
    
    .slider-001-container .card-scorrevole .card-description {
        opacity: 1;
    }
    
    .slider-001-container .card-scorrevole:hover .card-content-overlay {
        background: inherit;
    }

    .slider-001-container .card-scorrevole .card-content-overlay {
        background: var(--overlay-mobile, var(--overlay-hover, #000)) !important;
    }
    
    .slider-001-container .card-scorrevole:hover .card-description {
        opacity: inherit;
        transform: none;
    }
    
    .slider-001-header {
        flex-direction: row;
        align-items: end;
        gap: 20px;
        padding-right: 20px;
        justify-content: space-between;
    }

    .slider-001-container .navigation-buttons {
        padding-bottom: 20px;
    }

    .slider-001-title {
        font-size: 36px;
    }
    
    .slider-001-container .card-scorrevole {
        min-height: 460px;
    }
    
    .slider-001-scroll-wrapper {
        padding-right: 100vw;
    }
    
    .slider-001-container .bullet-indicators-wrapper {
        display: flex;
    }
}
/*--- footer ---*/

/*

il footer normalmente è in posizione relativa, ovvero scorre con il resto della pagina

se aggiungo la classe .reveal lo rendo fisso in basso alla pagina

*/
/*
variabili footer 
    colore sfondo 
    --bg-footer:transparent !important;

    colore generale
    --color-footer:#bbb;

    colore link
    --color-footer-link:#fff;

    colore link hover
    --color-footer-link-over:#888;

*/
:root {
    --bg-footer-001: transparent;
    --color-footer-001: #fff;
    --color-footer-link-001: #fff;
    --color-footer-menu-001: #fff;
    --color-footer-link-over-001: #fd0;
}


.footer-001-footer {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    width: 100%;
    height:600px;
    background-color: var(--bg-footer-001);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    font-family: 'Lato', sans-serif;
    overflow: hidden;
}

.footer-001-footer.reveal {
    position: fixed;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
}

.footer-001-footer .company {
    position:relative;
    color:var(--color-footer-001);
    font-size:13px;
    font-weight:300;
    line-height:20px;
}

.footer-001-footer .company a {
    color:var(--color-footer-link-001);
    text-decoration: none;
}

.footer-001-footer .company a:hover {
    color:var(--color-footer-link-over-001);
}

.footer-001-footer .company span {
    font-weight:400;
}

.footer-001-footer .company .logo {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    width: 180px;
    max-width: 180px;
}

.footer-001-footer .logo img {
    width: auto;
    height: 45px;
}

.footer-001-footer .company .text {
    position: relative;
    margin: 0;
    padding: 0;
    color: var(--color-footer-001);
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

.footer-001-footer .company .text .ragione-sociale {
    position: relative;
    margin: 0;
    padding: 0;
    color: var(--color-footer-001);
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

.footer-001-footer .text.ragione-sociale-sottotitolo {
    margin: 0 0 0 0;
    font-size:13px; 
    letter-spacing: 0px; 
    line-height:22px;
}

.footer-001-footer .container {
    padding: 50px 50px 0 50px;
    height: 100%;
}

.footer-001-footer-menu {
    position:relative;
    margin:0;
    padding:0;
    clear: both;
}

.footer-001-footer-menu .title {
    position:relative;
    width:100%;
    display:block;
    padding: 0;
    margin: 0 0 20px 0;
}

.footer-001-footer-menu .title span {
    color:var(--color-footer-link-001);
    font-family: Gotham Bold;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: -1px;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0;
}

.footer-001-footer-menu ul {
    position:relative;
    margin:0;
    padding:0 0 0 0;
}

.footer-001-footer-menu ul li {
    position:relative;
    margin:0 0 0 0;
    padding:0;
    list-style-type: disc;
    list-style-position: inside;
    color:var(--color-footer-menu-001);
}

.footer-001-footer-menu ul li a {
    position: relative;
    width: 100%;
    display: inline;
    color: var(--color-footer-menu-001);
    font-size: 13px;
    font-weight: 400;
    line-height: 12px;
    padding: 0;
    margin: 0 0 0 -10px;
    font-family: Gotham Book;
}

@-moz-document url-prefix() { 
    .footer-001-footer-menu ul li a {
        margin: 0 0 0 0;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1) { 

    .footer-001-footer-menu ul li a {
        margin: 0 0 0 2px;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) { 

    .footer-001-footer-menu ul li a {
        margin: 0 0 0 2px;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 

    .footer-001-footer-menu ul li a {
        margin: 0 0 0 2px;
    }

}

.footer-001-footer-menu ul li a:hover {
    color:var(--color-footer-link-over-001);
}


.footer-001-footer .copyright-credits {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    height: 130px;
    color: var(--color-footer-001);
    font-size: 13px;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
}

.footer-001-footer .copyright-credits .container {
    height: inherit;
    padding: 0 50px;
    display: flex;
    align-items: center;
}

.footer-001-footer .copyright {
    float: left;
    width: 50%;
    font-weight: 400;
    height: 66px;
    line-height: 16px;
    display: flex;
    align-items: flex-end;
}

.footer-001-footer .copyright span {
    position: absolute;
}

.footer-001-footer .copyright a {
    position:relative;
    width:100%;
    display:block;
    color:var(--color-footer-link-001);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    padding: 0;
    margin: 10px 0 0 0;
    text-decoration: none;
}

.footer-001-footer .copyright a:not(.with-border) {
    text-decoration: underline;
}

.footer-001-footer .copyright a:hover {
    color:var(--color-footer-link-over-001);
}

a.with-border {
    border-color:#bbb;
}

.footer-001-footer .credits {
    float: right;
    width: 50%;
    height: 66px;
    text-align: right;
}

.footer-001-footer .credits a {
    width: 146px;
}

.footer-001-footer-social {
    position:relative;
    margin:30px 0 0 0;
    padding:0 0 0 0;
}

.footer-001-footer-social ul {
    position:relative;
    margin:0;
    padding:0 0 0 0;
}

.footer-001-footer-social ul li {
    position:relative;
    margin:0 5px 0 0;
    padding:0;
    list-style:none;
    float: left;
}

.footer-001-footer-social ul li:last-child {
    margin:0 0 0 0;
}

.footer-001-footer-social ul li a {
    position:relative;
    display:inline-block;
    margin: 0 0 0 0;
}

.footer-001-footer-social ul li a img {
    height: 40px;
}


@media only screen and (max-width: 1279px)
{
    .footer-001-footer {
        padding: 0;
    }

    .footer-001-footer .container {
        padding: 50px 50px 0 50px;
        height: 100%;
    }

    .footer-001-footer .copyright-credits .container {
        padding: 0 50px;
    }

}

@media only screen and (max-width: 900px) {

    .footer-001-footer-menu {
        display: none;
    }

}

@media only screen and (max-width: 768px)
{

    .footer-001-footer {
        padding: 0 0 0 0;
    }

    .footer-001-footer .container {
        padding: 50px 50px 0 50px !important;
    }

    .footer-001-footer .copyright-credits .container {
        padding: 0 50px !important;
    }

    .footer-001-footer .vcenter {
        display: block;
    }

    .footer-001-footer .vcenter.for-company {
        text-align: center;
    }

    .footer-001-footer .logo img {
        width:auto;
    }

    .footer-001-footer .credits.vcenter {
        text-align: right;
        width: 100%;
        display: block;
    }

    .footer-001-footer .credits img {
/*
        width:109px;
*/
    }

    .footer-001-footer .company {
        padding: 0;
    }

    .footer-001-footer .copyright {
        float: none;
        width: 100%;
        padding: 0 0;
    }

    .footer-001-footer .credits {
        float: none;
        width: 100%;
        padding: 0 0;
/*
        height: 66px;
*/
        padding: 0 0;
        margin: 0;
        display: flex;
        justify-content: flex-end;
    }

}

@media only screen and (max-width: 480px)
{

    .footer-001-footer .container {
		padding: 50px 20px 0 20px !important;
	}
	
	.footer-001-footer .copyright-credits .container {
		padding: 0 20px !important;
	}

    .footer-001-footer .copyright-credits {
/*      
        bottom: 15px;
*/      
        bottom:0;
    }
}

/*--- ! ---*/

/*--- panel menu ---*/
/*--- 
variabili pannello menu 
	colore sfondo pannello
	--bg-panel-menu:#fff;

	colore bordo a sinistra sub menu
	--border-left-sub-menu:#ddd;

	colore bordo in basso ai links
	--border-bottom-items:#ddd;

	colore link
	--link:#111;

	colore link hover
	--link-over:#777;

---*/
:root {
	--bg-panel-menu:#fff;
	--border-left-sub-menu:#ddd;
	--border-bottom-items:#ddd;
	--link:#111;
	--link-over:#777;
}

.panel-menu-001-panel-menu {
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
	max-width: 420px;
	height:100%;
	z-index:9999999999999999999999999;
	margin:0;
	padding:0 0 0 0;
	background-color:var(--bg-panel-menu);
	overflow:hidden;
	display: none;
}

.panel-menu-001-panel-menu.panel-left {
	left:-100%;
	right:auto;
}

.panel-menu-001-panel-menu.panel-right {
	right:-100%;
	left:auto;
}

.panel-menu-001-panel-menu .header {
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
	height:90px;
}

.panel-menu-001-panel-menu .header a.close {
	position: absolute;
	top: 21px;
	right: 10px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 0 0 0;
	z-index: 888;
}

.panel-menu-001-panel-menu .header .title {
	position: relative;
	margin: 0;
	padding: 0;
	width: 240px;
	display: flex;
	align-items: center;
}

.panel-menu-001-panel-menu .header .title a img {
	width: auto;
	height: 90px;
}

.panel-menu-001-panel-menu .container {
	position: relative;
	margin: 0 0 0 0;
	padding: 20px 0 10px 0;
	width: 100%;
	height:calc(100% - 130px);
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}

.panel-menu-001-panel-menu .panel-shadow {
	position: absolute;
	top: 90px;
	left: 0;
	bottom: auto;
	right: auto;
	width: 100%;
	height: 50px;
	z-index: 1;
/*
	background-repeat:repeat-x;
	background-position:left top;
	background-size:50px 50px;
	background-image: url(/assets/img/menu/panel-menu-shadow.png);
*/
	background: linear-gradient(to top,rgba(255,255,255,0.2) 0%,rgba(255,255,255,1)100%);
}

.panel-menu-001-panel-menu .content {
	position: relative;
	margin:0;
	padding:0 0 0 0;
	font-family: 'Lato', sans-serif;
}

.panel-menu-001-panel-menu .content .section {
	position:relative;
	margin:0;
	padding:0 0 0 0;
	display: table;
	width: 100%;
	clear: both;
	border-bottom: 1px solid var(--border-bottom-items);
}

.panel-menu-001-panel-menu .content .section.no-border:last-child,
.panel-menu-001-panel-menu .content .section.no-border {
	border-bottom: none;
}

.panel-menu-001-panel-menu .section .title {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 25px;
	font-weight: 300;
	color: var(--link);
	text-align: left;
	width: 100%;
	height: 51px;
	border-left: 10px solid transparent;
	display: flex;
	align-items: center;
}

.panel-menu-001-panel-menu .section .title.active {
	border-left: 10px solid var(--border-left-sub-menu);
	background-color: #f8f8f8;
}

.panel-menu-001-panel-menu .section.submenu .title.active {
	border-bottom: 1px solid var(--border-bottom-items);
}

.panel-menu-001-panel-menu .content ul li.active,
.panel-menu-001-panel-menu .content ul li.active a.active {
	background-color: #f8f8f8;
}

.panel-menu-001-panel-menu .section .title a {
	display: inline;
	align-items: center;
	float: left;
	width: calc(100% - 22px);
	padding: 0 0 0 25px;
	line-height: 20px;
}

.panel-menu-001-panel-menu .section .title a.with-icon {
/*
	display: flex;
*/
	display: inline;
	line-height: 25px;
}

.panel-menu-001-panel-menu .section .submenu a.with-icon {
	display: flex !important;
	align-items:center;
}

.panel-menu-001-panel-menu .with-icon img {
	float:left;
	margin-right:15px;
	width: 25px;
	height: 25px;
}

.panel-menu-001-panel-menu .section li .title {
	padding: 0 0 0 0;
}

.panel-menu-001-panel-menu .section img.submenu-open {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
}

.panel-menu-001-panel-menu .page-link {

}

.panel-menu-001-panel-menu .page-link.with-icon {
	font-size:20px;
}

.panel-menu-001-panel-menu .page-link.with-icon img {
	float:left;
	margin-right:15px;
	width: 25px;
	height: 25px;
}

.panel-menu-001-panel-menu .content ul {
	position: relative;
	margin:0;
	padding:0 0 0 0px;
	width:100%;
	clear: both;
	display: none;
	border-left: 10px solid var(--border-left-sub-menu);
}

.panel-menu-001-panel-menu .content ul li ul {
	position: relative;
	margin:0;
	padding:0 0 10px 0;
	width:100%;
	clear: both;
	display: none;
}

.panel-menu-001-panel-menu .content ul li {
	position: relative;
	list-style-type: disc;
	list-style-position: inside;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	clear: both;
	border-bottom: 1px solid var(--border-bottom-items);
	line-height: 50px;
}

.panel-menu-001-panel-menu .content ul li:last-child {
	border-bottom:none;
}

.panel-menu-001-panel-menu .content ul li a {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 60px 0 0px;
	display: inline-block;
	width: 90%;
	font-size: 20px;
	font-weight: 300;
	color: var(--link);
	text-align: left;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.panel-menu-001-panel-menu .content ul li a span {
	font-weight: 700;
	margin-left: 6px;
}

.panel-menu-001-panel-menu .section .title a:hover,
.panel-menu-001-panel-menu a.single:hover,
.panel-menu-001-panel-menu .content ul li a:hover {
	color: var(--link-over);
}

.panel-menu-001-panel-menu .content ul li a.evidence {
	font-weight: 400;
}

.panel-menu-001-panel-menu .content ul li a.submenu-open {
	border:none;
}

.panel-menu-001-panel-menu .content .single-image {
	position: relative;
	margin: 25px 10px 10px 10px;
	padding: 0 0 0 0;
	clear: both;
	display: flex;
	justify-content: center;
}

.panel-menu-001-panel-menu .content .single-image a {
}

.panel-menu-001-panel-menu .content .single-image a img.round {
	border-radius: 10px;
}

.panel-menu-001-panel-menu .footer {
	position: absolute;
	bottom:0;
	top: auto;
	left: 0;
	right: auto;
	margin: 0;
	padding: 0;
	width:100%;
	max-width: 420px;
	height:50px;
	clear: both;
	border-top: 1px solid var(--border-bottom-items);
	background-color: #fff;
}

.panel-menu-001-panel-menu .footer a {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:14px;
	font-weight: 400;
	color: var(--link);
	text-transform: uppercase;
	font-family: Gotham Medium;
}

.panel-menu-001-panel-menu .footer a:hover {
	color: var(--link);
}

.panel-menu-001-panel-menu .footer a span {
	font-family: Gotham Black;
	padding-left: 5px;
}

.panel-menu-001-panel-menu .for-shop {
	position:absolute;
	right:60px;
	top:21px;
	width:80px;
}

@media only screen and (max-width: 590px) {

	.panel-menu-001-panel-menu .header-menu .title {
		padding: 0 0 0 0;
	}

}

@media only screen and (max-width: 480px) {

	.panel-menu-001-panel-menu .section .title {
		line-height: 20px;
	}

	.panel-menu-001-panel-menu .section .title a.page-link {
/*
		line-height: 46px;
*/		
	}

	.panel-menu-001-panel-menu .page-link {
		line-height: 46px;
	}

	.panel-menu-001-panel-menu-content ul li a {
		padding: 0 60px 0 28px;
		background-position: 18px center;
	}

	.panel-menu-001-panel-menu-content ul li ul li a {
		padding: 0 40px 0 40px;
		background-position: 30px center;
	}

	.panel-menu-001-panel-menu ul li a.page-link {
/*
		display: contents;
*/
	}

	.panel-menu-001-panel-menu a.single {
		padding: 0 0 0 30px;
	}

}

@media only screen and (max-width: 320px) {

	.panel-menu-001-panel-menu .section .title {
		font-size: 20px;
	}

	.panel-menu-001-panel-menu .content ul li a {
		padding: 0 20px 0 0px;
		font-size: 18px;
	}

	.panel-menu-001-panel-menu .for-shop {
		top:15px;
	}

	.panel-menu-001-panel-menu .header a.close {
		top: 15px;
	}

}

/*--- ! ---*/

	:root {
		--colore-0: transparent;
		--colore-1: #189cd8;
		--colore-2: #84cff4;
		--colore-3: #f39200;
		--colore-4: #679436;
		--colore-5: #a5be00;
		--colore-verde-fluo: #8bff00;
		
		--colore-h: #1d9dd9;
		--colore-p: #0074ab;
		
		--nuovo-font: 'inter', sans-serif;
		   
		/* Responsive Typography Scale */
		--fs-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
		--fs-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
		--fs-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
		--fs-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
		--fs-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
		--fs-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);
		--fs-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);
		--fs-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);
		--fs-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);
		--fs-6xl: clamp(3.75rem, 3rem + 3.75vw, 6rem);
		
		/* Spacing */
		--space-xs: clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
		--space-sm: clamp(0.75rem, 0.6rem + 0.75vw, 1.125rem);
		--space-md: clamp(1rem, 0.8rem + 1vw, 1.5rem);
		--space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
		--space-xl: clamp(2rem, 1.6rem + 2vw, 3rem);
		--space-2xl: clamp(3rem, 2.4rem + 3vw, 4.5rem);
		--space-3xl: clamp(4rem, 3.2rem + 4vw, 6rem);
	}
	
	.colore-0 { color: var(--colore-0) }
	.colore-1 { color: var(--colore-1) }
	.colore-2 { color: var(--colore-2) }
	.colore-3 { color: var(--colore-3) }
	.colore-4 { color: var(--colore-4) }
	.colore-5 { color: var(--colore-5) }
	
	.bg-colore-0 { background-color: var(--colore-0) }
	.bg-colore-1 { background-color: var(--colore-1) }
	.bg-colore-2 { background-color: var(--colore-2) }
	.bg-colore-3 { background-color: var(--colore-3) }
	.bg-colore-4 { background-color: var(--colore-4) }
	.bg-colore-5 { background-color: var(--colore-5) }

	.blueimp-gallery > .prev, 
	.blueimp-gallery > .next {
		width: auto;
		height: auto;
		background: transparent;
		border: none;
		opacity: 0.9;
		box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.5);
	}
	
	.blueimp-gallery > .close {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		overflow: hidden;
		margin: 0;
		opacity: 0.9;
		padding: 0;
	}
	
	/*--- personalizzazoione pulsante intro ---*/
	
	.intro-001-intro-block a {
		position: relative;
		display: inline-block;
		padding: 8px 50px 10px 50px;
		text-align: center;
		border-style: solid;
		border-width: 2px;
		border-color: rgba(255,255,255,0.40);
		color: #fff;
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		letter-spacing: -1px;
		background-color: transparent;
		border-radius: 100px;
	}
	
	.intro-001-intro-block a:hover {
		background-color: #fff;
		color: #333;
	}
	
	.intro-001-intro-block a.eventi {
		position: relative;
		display: inline-block;
		padding: 8px 50px 10px 50px;
		text-align: center;
		border-style: solid;
		border-width: 2px;
		border-color: rgba(255,255,255,0.40);
		color: #753b3e;
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		letter-spacing: -1px;
		background-color: rgba(255,255,255,1);
		border-radius: 100px;
	}
	
	.intro-001-intro-block a.eventi:hover {
		background-color: transparent;
		color: #fff;
	}
	
/* text align */
	
@media only screen and (max-width: 480px) {
	
	.text-left-smartphone {
		text-align: left;
	}
	
	.text-center-smartphone {
		text-align: center;
	}
	
	.text-right-smartphone {
		text-align: right;
	}
	
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	.text-left-tablet {
		text-align: left;
	}
	
	.text-center-tablet {
		text-align: center;
	}
	
	.text-right-tablet {
		text-align: right;
	}
	
}

@media only screen and (max-width: 768px) {
	
	.text-left-mobile {
		text-align: left;
	}
	
	.text-center-mobile {
		text-align: center;
	}
	
	.text-right-mobile {
		text-align: right;
	}
	
}

@media only screen and (min-width: 769px) {
	
	.text-left-desktop {
		text-align: left;
	}
	
	.text-center-desktop {
		text-align: center;
	}
	
	.text-right-desktop {
		text-align: right;
	}
	
}

/*--- personalizzabile tramite override end ---*/

@media only screen and (min-width: 769px) { /* Desktop */
	
	.classe {
		padding: 0px 0px 0px 0px;
	}
	
}

@media only screen and (min-width: 481px) and (max-width: 768px) { /* Tablet */
	
	.classe {
		padding: 0px 0px 0px 0px;
	}
	
}

@media only screen and (max-width: 768px) { /* Smartphone + Tablet */
	
	.classe {
		padding: 0px 0px 0px 0px;
	}
	
}

@media only screen and (max-width: 480px) { /* Smartphone */
	
	.classe {
		padding: 0px 0px 0px 0px;
	}
	
}

/*--- typography ---*/

	h1.nuovofont, 
	h2.nuovofont, 
	h3.nuovofont, 
	h4.nuovofont, 
	h5.nuovofont, 
	h6.nuovofont,
	.titolo-h1,
	.titolo-h2,
	.titolo-h3,
	.titolo-h4,
	.titolo-h5,
	.titolo-h6,
	.titolo-xl,
	.titolo-xxl,
	.titolo-xxxl { 
		font-family: var(--nuovo-font);
		color: var(--colore-1);
	}

	h1.nuovofont,
	.titolo-h1 {
		font-size: clamp(2.813rem, 2.5738rem + 0.7940vw, 4.063rem) /* 45px 65px | 481px 3000px */;
		line-height: clamp(2.813rem, 2.5738rem + 0.7940vw, 4.063rem) /* 45px 65px | 100% | 481px 3000px */;
		font-weight: 900;
		letter-spacing: -3px;
		margin: 20px 0 30px 0;
	}
	
	h2.nuovofont,
	.titolo-h2 {
		font-size: clamp(2.500rem, 2.3210rem + 0.5955vw, 3.438rem) /* 40px 55px | 481px 3000px */;
		line-height: clamp(2.500rem, 2.3210rem + 0.5955vw, 3.438rem) /* 40px 55px | 100% | 481px 3000px */;
		font-weight: 800;
		letter-spacing: -2px;
		margin: 20px 0 25px 0;
	}
	
	h3.nuovofont,
	.titolo-h3 {
		font-size: clamp(2.188rem, 1.9188rem + 0.8937vw, 2.813rem) /* 35px 45px | 481px 1600px */;
		line-height: clamp(2.188rem, 1.9188rem + 0.8937vw, 2.813rem) /* 35px 45px | 100% | 481px 1600px */;
		font-weight: 700;
		letter-spacing: -2px;
		margin: 20px 0 20px 0;
	}
	
	h4.nuovofont,
	.titolo-h4 {
		font-size: clamp(2.000rem, 1.8388rem + 0.5362vw, 2.375rem) /* 32px 38px | 481px 1600px */;
		line-height: clamp(2.100rem, 1.9307rem + 0.5630vw, 2.494rem) /* 32px 38px | 105% | 481px 1600px */;
		font-weight: 600;
		letter-spacing: -1px;
		margin: 20px 0 10px 0;
	}
	
	h5.nuovofont,
	.titolo-h5 {
		font-size: clamp(1.750rem, 1.6425rem + 0.3575vw, 2.000rem) /* 28px 32px | 481px 1600px */;
		line-height: clamp(1.925rem, 1.8068rem + 0.3932vw, 2.200rem) /* 28px 32px | 110% | 481px 1600px */;
		font-weight: 500;
		letter-spacing: -1px;
		margin: 20px 0 10px 0;
	}
	
	h6.nuovofont,
	.titolo-h6 {
		font-size: clamp(1.500rem, 1.4463rem + 0.1787vw, 1.625rem) /* 24px 26px | 481px 1600px */;
		line-height: clamp(1.800rem, 1.7355rem + 0.2145vw, 1.950rem) /* 24px 26px | 120% | 481px 1600px */;
		font-weight: 500;
		letter-spacing: -1px;
		margin: 20px 0 10px 0;
	}
	
	.titolo-xl {
		font-size: calc(50px + (80 - 50) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(50px + (80 - 50) * ((100vw - 320px) / (3000 - 320)));
		font-weight: 900;
		letter-spacing: -3px;
		margin: 20px 0 30px 0;
	}

	.titolo-xxl {
		font-size: calc(60px + (100 - 60) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(60px + (100 - 60) * ((100vw - 320px) / (3000 - 320)));
		font-weight: 900;
		letter-spacing: -3px;
		margin: 20px 0 30px 0;
	}

	.titolo-xxxl {
		font-size: calc(75px + (120 - 75) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(75px + (120 - 75) * ((100vw - 320px) / (3000 - 320)));
		font-weight: 900;
		letter-spacing: -3px;
		margin: 20px 0 30px 0;
	}


	p {
		color: var(--colore-p);
		font-family: 'inter', sans-serif;
		font-weight: 400;
		line-height: 26px;
		letter-spacing: -0.4pt;
	}
/*
	p {
		font-family: 'Poppins', sans-serif;
		font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(23px + (25 - 23) * ((100vw - 320px) / (3000 - 320)));
	}
*/
	ul li, ol li {
		font-family: 'inter', sans-serif;
		font-weight: 400;
		line-height: 26px;
		letter-spacing: -1px;
/*
		font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(23px + (25 - 23) * ((100vw - 320px) / (3000 - 320)));
*/
	}
	
	a {
		color: #0174ab;
	}
	
	a:hover {
		color: #ffa100;
	}
	
	.panel-menu-001-panel-menu .section .title a {
		font-family: 'Gotham Medium';
		letter-spacing: -1px;
		color: var(--colore-1);
	}
	
	.panel-menu-001-panel-menu .content ul li a {
		font-family: 'Gotham Medium';
		letter-spacing: -1px;
		color: var(--colore-1);
	}
	
	.panel-menu-001-panel-menu .content .section,
	.panel-menu-001-panel-menu .section.submenu .title.active,
	.panel-menu-001-panel-menu .content ul li {
		border-bottom: 1px solid #def4ff;
	}

	.panel-menu-001-panel-menu .section .title.active {
		border-left: 10px solid var(--colore-2);
		background-color: #def4ff;
	}
	
	.panel-menu-001-panel-menu .content ul li.active, .panel-menu-001-panel-menu .content ul li.active a.active {
		background-color: #f5fcff;
	}
	
	.panel-menu-001-panel-menu .content ul {
		border-left: 10px solid #def4ff;
	}
	
	::marker {
		color: var(--colore-2);
	}
	
	.panel-menu-001-panel-menu .section .title a:hover, .panel-menu-001-panel-menu a.single:hover, .panel-menu-001-panel-menu .content ul li a:hover {
		color: var(--colore-3);
	}
	
	.menu-header-001-1600-header-scroll {
		background-color: transparent !important;
		box-shadow: none !important;
	}

	/********* OPERATORI PAGE *********/    

	.numero-telefono img {
		width: 20px;
		height: auto;
	}

	.numero-telefono {
		background-color: #246f93;
		display: flex;
		align-items: center;
		gap: 10px;
		flex-direction: row;
		padding: 8px 25px 8px 25px;
		border-radius: 50px;
	}

	.numero-telefono-testo {
		font-size: var(--fs-xl);
		font-weight: 500;
		text-decoration: none;
		color: #fff;
		font-family: var(--nuovo-font);
		letter-spacing: -1px
	}

	.gratuito {
		font-size: 11px;
		font-weight: 500;
		text-decoration: none;
		color: #fff;
		font-family: var(--nuovo-font);

	}

	.testo-chiama {
		display: flex;
		flex-direction: column;
	}

	.date {
		display: flex;
		flex-direction: column;
		margin-left: 10px;
		font-family: var(--nuovo-font);

	}

	.date .orari {
		font-size: 14px;
		font-weight: 400;
		color: #246f93;
		font-family: var(--nuovo-font);
	}

	.date .giorni {
		font-size: 15px;
		font-weight: 600;
		color: #246f93;
		font-family: var(--nuovo-font);

	}

	.contenitore-telefono-menu-nav-pagina {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
	}

	.menu-nav-bloom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
		flex-direction: row;
		padding: 0 30px;
	}
	
	.contenitore-menu-nav-pagina {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 5px;
	}
	.menu-testata-sda {
        padding:
         clamp(3.125rem, 1.7817rem + 4.4683vw, 6.250rem) /* 50px 100px | 481px 1600px */
         50px 
         10px 
         50px;
    }
	.contenitore-menu-nav-pagina a {
		font-size: 16px;
		font-weight: 600;
		color: #246f93;
		font-family: var(--nuovo-font);
		text-decoration: none;
		padding: 5px 10px;   /* così entrambi hanno lo stesso box */
		border-radius: 50px;
		transition: background-color 0.2s ease;
	}
	
	/* stato attivo */
	.contenitore-menu-nav-pagina a.active {
		background-color: #D5EDF7;
	}
	
	.testata-operatori {
		border-radius: 40px;
		display: flex;
	}
	
	.testata-operatori .operatori-contenitore-testo {
		width: 65%;
		height: 40vh;
		background-color: #fafafa;
		padding-left: 50px;
		border-radius: clamp(25px, -37.22px + 6.08vw, 60px) 0 0 clamp(25px, -37.22px + 6.08vw, 60px);
		min-height: 500px;
		max-height: 600px;
	}
	
	.testata-operatori .operatori-contenitore-immagine {
		width: 35%;
		height: 40vh;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 0 clamp(25px, -37.22px + 6.08vw, 60px) clamp(25px, -37.22px + 6.08vw, 60px) 0;
		min-height: 500px;
		max-height: 600px;
	}
	
	.testata-operatori .operatori-contenitore-testo-centro {
		width: 60%;
		height: calc(100% - 60px);
		display: flex;
		align-items: self-start;
		flex-direction: column;
		justify-content: center;
	}
	
	.testata-operatori .operatori-etichetta {
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 600;
		color: var(--colore-h);
		font-family: var(--nuovo-font);
	}
	
	.testata-operatori .operatori-nome {
		font-size: clamp(35px, calc(35px + (47 - 35) * ((100vw - 320px) / (1920 - 320))), 47px);
		line-height: clamp(35px, calc(35px + (47 - 35) * ((100vw - 320px) / (1920 - 320))), 47px);
		font-weight: 700;
		letter-spacing: -2px;
		margin: 20px 0 20px 0;
		font-family: var(--nuovo-font);
		color: var(--colore-h);
	}
	
	.testata-operatori .operatori-ruolo {
		font-size: 20px;
		font-weight: 400;
		color: var(--colore-p);
		margin-bottom: 20px;
		font-family: var(--nuovo-font);
	}
	
	.operatori-contenitore-abilitazioni {
		display: flex;
		flex-direction: row;
		gap: 5px;
		flex-wrap: wrap;
	}
	
	.operatori-abilitazione {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		padding: 5px 10px;
		border-radius: 7px;
		font-family: var(--nuovo-font);
	}
	
	.pd-top-operatore {
		padding-top: clamp(1.250rem, -0.4808rem + 3.6058vw, 3.125rem)!important;
	}
	
	.operatori-abilitazione.colore-psicologo {
		background-color: #49ADE2;
	}
	
	.operatori-abilitazione.colore-psicoterapeuta {
		background-color: #3AAA39;
	}
	
	.operatori-abilitazione.colore-formatrice {
		background-color: #FAB314;
	}
	
	.operatori-abilitazione.colore-neuropsichiatra {
		background-color: #FAB314;
	}
	
	.operatori-abilitazione.colore-pediatra {
		background-color: #FAB314;
	}
	
	.operatori-abilitazione.colore-osteopata {
		background-color: #157e49;
	}

	.operatori-abilitazione.colore-ginecologia {
		background-color: #d114fa;
	}
	
	.operatori-abilitazione.colore-educatrice {
		background-color: #ff00ae;
	}
	
	.operatori-abilitazione.colore-tecnicoriabilitazione {
		background-color: #741155;
	}
	
	.operatori-abilitazione.colore-analistacomportamento {
		background-color: #ffbb00;
	}
	
	.operatori-abilitazione.colore-naturopata {
		background-color: #3d00ff;
	}
	
	.operatori-abilitazione.colore-ostetrica {
		background-color: #ffbbbb;
	}
	
	.operatori-abilitazione.colore-logopedista {
		background-color: #0089a3;
	}
	
	.operatori-abilitazione.colore-neuropsicomotricista {
		background-color: #8951b7;
	}
	
	.operatori-abilitazione.colore-pedagogista {
		background-color: #164687;
	}
	
	.operatori-abilitazione.colore-grafologa {
		background-color: #abe56b;
	}
	
	.testata-operatori .operatori-ordine {
		height: 60px;
		display: flex;
		align-items: start;
	}
	
	.operatori-ordine p {
		margin: 0;
	}
	
	.padding-right-operatore {
		padding-right: clamp(0.625rem, -1.5972rem + 4.6296vw, 1.875rem);
	}
	
	.catiuscia-settembri {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/catiuscia-settembri.jpg');
	}
	
	.marta-vannicola {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/marta-vannicola.jpg');
	}
	
	.maurizio-pincherle {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/maurizio-pincherle.jpg');
	}
	
	.giovanna-infriccioli {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/giovanna-infriccioli.jpg');
	}
	
	.diana-giobbi {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/diana-giobbi.jpg');
	}
	
	.giorgio-benedetti {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/giorgio-benedetti.jpg');
	}
	
	.martina-rossi {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/martina-rossi.jpg');
	}
	
	.denise-baca {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/denise-baca.jpg');
	}
	
	.mariachiara-valenziano {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/mariachiara-valenziano.jpg');
	}
	
	.federica-fornaciari {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/federica-fornaciari.jpg');
	}
	
	.giorgia-ragonici {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/giorgia-ragonici.jpg');
	}
	
	.maila-pierannunzio {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/maila-pierannunzio.jpg');
	}
	
	.paola-pascali {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/paola-pascali.jpg');
	}
	
	.marta-rosati {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/marta-rosati.jpg');
	}
	
	.giulia-monsignore {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/giulia-monsignore.jpg');
	}
	
	.chiara-lubes {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/chiara-lubes.jpg');
	}
	
	.annalaura-presuttivittorini {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/annalaura-presuttivittorini.jpg');
	}
	
	.elisa-fagotti {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/elisa-fagotti.jpg');
	}
	
	.eleonora-errichiello {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/eleonora-errichiello.jpg');
	}
	
	.valentina-artoni {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/valentina-artoni.jpg');
	}
	
	.nomeeeeeeeeee {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/nomeeeeeeeeee.jpg');
	}
	
	.nomeeeeeeeeee {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/nomeeeeeeeeee.jpg');
	}
	
	.nomeeeeeeeeee {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/nomeeeeeeeeee.jpg');
	}
	
	.nomeeeeeeeeee {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/nomeeeeeeeeee.jpg');
	}
	
	.nomeeeeeeeeee {
		background-image: url('/public/userdata/images/_pagine/chi-siamo/operatori/scheda/nomeeeeeeeeee.jpg');
	}
	
	.cv-container {

	}
	
@media only screen and (max-width: 768px) {
	
	.padding-right-operatore {
		padding-right: 0;
		padding-top: 50px;
	}
	
}

/* Layout Desktop */

	.cv-row {
		display: flex;
		align-items: center;
		padding: 30px 0;
		border-bottom: 1px solid #a6e2ff;
		gap: 20px;
	}
	
	.cv-row:last-child {
		border-bottom: none;
	}
	
	.ruolo {
		flex: 0 0 250px;
		font-weight: bold;
		color: var(--colore-p);
	}
	
	.organizzazione {
		flex: 1;
		color: var(--colore-p);
		text-align: left;
	}
	
	.anno {
		flex: 0 0 100px;
		color: var(--colore-p);
		font-weight: 500;
	}
	
/* Layout Mobile */
@media (max-width: 768px) {
	
	.cv-row {
		display: block;
		padding: 15px 0;
		border-bottom: 1px solid #a6e2ff;
	}

	.cv-row:last-child {
		border-bottom: none;
	}

	.ruolo {
		display: block;
		font-weight: bold;
		color: var(--colore-h);
		font-size: 1.1em;
		margin-bottom: 5px;
	}

	.organizzazione {
		display: block;
		color: var(--colore-p);
		text-align: left;
		margin-bottom: 8px;
		font-size: 0.95em;
	}

	.anno {
		display: inline;
		font-weight: bold;
		color: var(--colore-p);
		font-size: 1.1em;
		margin-right: 10px;
	}

	/* Il ruolo successivo nella stessa riga dell'anno */
	.cv-row + .cv-row .ruolo {
		display: inline;
		margin-bottom: 0;
		margin-left: 0;
	}

	.cv-row + .cv-row .organizzazione {
		margin-top: 5px;
	}
}
	
	 .operatore-contenitore-tags {
		padding: clamp(1.250rem, -1.5278rem + 5.7870vw, 2.813rem)  clamp(1.250rem, -1.5278rem + 5.7870vw, 2.813rem)  clamp(3.125rem, -4.0972rem + 15.0463vw, 7.188rem)  clamp(1.250rem, -1.5278rem + 5.7870vw, 2.813rem);
		margin-bottom: 25px;
		border-radius: clamp(25px, -37.22px + 6.08vw, 60px);
		background-color: #fafafa;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	 }
	 
	.operatore-contenitore-tags .operatore-tag {
		padding: var(--space-xs) var(--space-sm);
		border-radius: clamp(25px, -37.22px + 6.08vw, 60px);
		background-color: var(--colore-h);
		font-size: var(--fs-base);
		color: #fff;
	}
	
	.operatore-contenitore-numero {
		padding: clamp(0.938rem, -0.1736rem + 1.7361vw, 1.563rem) clamp(1.250rem, -1.5278rem + 4.3403vw, 2.813rem) clamp(0.938rem, -0.1736rem + 1.7361vw, 1.563rem) clamp(1.250rem, -1.5278rem + 4.3403vw, 2.813rem); 
		margin-bottom: 25px;
		border-radius: clamp(25px, -37.22px + 6.08vw, 60px);
		background-color: #fafafa;
		display: flex;
		flex-direction: column;
	}
	
	.operatore-chiama {
		font-size: 18px;
		font-weight: 500;
		color: var(--colore-p);
		margin-left: 5px;
		font-family: var(--nuovo-font);
	}
	
	.operatore-numero {
		font-size: 50px;
		font-weight: 400;
		letter-spacing: -2px;
		text-decoration: none;
		color: var(--colore-p);
		font-family: var(--nuovo-font);
	}
	
	.operatore-contenitore-mail {
		padding: clamp(1.250rem, 0.6944rem + 0.8681vw, 1.563rem) clamp(1.250rem, -1.5278rem + 4.3403vw, 2.813rem) clamp(1.250rem, 0.6944rem + 0.8681vw, 1.563rem) clamp(1.250rem, -1.5278rem + 4.3403vw, 2.813rem); 
		margin-bottom: 25px;
		border-radius: clamp(25px, -37.22px + 6.08vw, 60px);
		background-color: #fafafa;
		display: flex;
		flex-direction: column;
	}
	
	.operatore-mail {
		font-size: 18px;
		font-weight: 500;
		color: var(--colore-p);
		margin-left: 5px;
		font-family: var(--nuovo-font);
		margin-bottom: 5px;
	}
	
	.operatore-indirizzo-mail {
		font-size: 28px;
		font-weight: 500;
		letter-spacing: -1px;
		text-decoration: none;
		margin-left: 4px;
		color: var(--colore-p);
		font-family: var(--nuovo-font);
	}
	
@media only screen and (max-width: 1600px) { 
	
	.operatore-numero {
		font-size: clamp(1.250rem, -0.4851rem + 3.6101vw, 3.125rem);
	}
	
	.operatore-indirizzo-mail {
		font-size: clamp(0.750rem, -0.1754rem + 1.9254vw, 1.750rem);
	}
	
}

@media only screen and (max-width: 1023px) { /* Smartphone + Tablet */
	

	
	
}

	.blocco-intestazione-operatore {
		padding: 5px 0;
	}
	
	.r-bloom {
		font-size: 16px;
		top: -20px;
	}

@media only screen and (max-width: 1024px) {
	
	.operatore-contenitore-tags {
		border-radius: 25px;
	}
	
	.operatore-contenitore-numero {
		border-radius: 25px;
	}
	
	.operatore-chiama {
		margin-left: 0px;
	}
	
	.operatore-contenitore-mail {
		border-radius: 25px;
	}
	
	.operatore-indirizzo-mail {
		font-size: 16px;
	}
	
}

@media only screen and (max-width: 1100px) {

	.menu-nav-bloom {
		flex-direction: column;
	}
	
	.contenitore-menu-nav-pagina {
		margin-bottom: 10px;
	}

}	

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.operatore-numero {
		font-size: 30px;
	}
		.operatore-indirizzo-mail {
		font-size: 25px;
	}
}
@media only screen and (max-width: 768px) {

	.testata-operatori {
		border-radius: 40px;
		display: flex;
		flex-direction: column;
	}
	
	.testata-operatori .operatori-contenitore-testo {
		width: 100%;
		height: 40vh;
		background-color: #fafafa;
		padding: 0 50px;
		min-height: 300px;
		order: 2;
		border-radius:  0 0 25px 25px;
	}
	
	.testata-operatori .operatori-contenitore-testo-centro {
		width: 100%;
		height: calc(100% - 60px);
		display: flex;
		align-items: self-start;
		flex-direction: column;
		justify-content: center;
	}
	
	.testata-operatori .operatori-contenitore-immagine {
		width: 100%;
		height: 20vh;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 400px;
		border-radius: 25px 25px 0 0;
		order: 1;
	}
	
	.padding-left-operatore {
		padding-left: 0!important;
	}
	.menu-nav-bloom {
		margin-bottom: 10px;
		padding: 0 20px;
	}
}
	
@media only screen and (max-width:  480px) {

	.testata-operatori .operatori-contenitore-testo {
		padding: 0 25px;
	}
	
	.testata-operatori .operatori-contenitore-testo {
		width: 100%;
		height: 100%;
		background-color: #fafafa;
		padding: 40px 30px 40px 30px;
		border-radius: 0 0 25px 25px;
		min-height: inherit;
		order: 2;
	}
	
	.padding-left-operatore {
		padding: 0!important;
	}
	
	.blocco-intestazione-operatore{
		padding: 20px 0 0 0!important;
	}
	
	.testata-operatori .operatori-ordine {
		height: 100%;
	}
	
	.testata-operatori .operatori-contenitore-testo-centro {
		height: 100%;
		padding-bottom: 20px;
	}
	
	.testata-operatori .operatori-contenitore-immagine {
		width: 100%;
		height: 20vh;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 25px 25px 0 0;
		min-height: 300px;
		order: 1;
	}
	
	.cv-row {
		padding: 10px 0;
	}
		.menu-nav-bloom {
		overflow-x: auto;
		align-items: self-start;
		margin-bottom: 0;
		 -ms-overflow-style: none;       /* IE/vecchio Edge */
		scrollbar-width: none; 
	}
	.contenitore-menu-nav-pagina a {
		min-width: fit-content;
		background: #179CD8;
		background: linear-gradient(
  17deg,
  rgb(23 156 216 / 42%) 0%,
  rgb(132 207 244 / 64%) 30%,
  rgb(132 207 244 / 14%) 100%
			);
		color: #008bc9;
		padding:  15px 20px;
	}
	.contenitore-menu-nav-pagina {
		margin-bottom: 0;
		gap: 10px;
	}

		.operatore-numero {
		font-size: 28px;
	}
		.operatore-indirizzo-mail {
		font-size: 23px;
	}
}

/*** TESTATA NO BLUR ***/

	.padding-header {
		padding: 25px;
	}
	
	.testata-bloom {
		padding:
			0px
			clamp(1.250rem, 0.4464rem + 2.6786vw, 3.125rem)
			50px
			clamp(1.250rem, 0.4464rem + 2.6786vw, 3.125rem);
	}
	
	.testata-bloom .bambini {
		background: url('/public/userdata/images/testate/bambini.jpg');
	}
	
	.testata-bloom .vision-mission {
		background: url('/public/userdata/images/testate/vision-mission.jpg');
	}
	
	.testata-bloom .supporto-scolastico {
		background: url('/public/userdata/images/testate/supporto-scolastico.jpg');
	}
	
	.testata-bloom .disagio-giovanile {
		background: url('/public/userdata/images/testate/disagio-giovanile.jpg');
	}
	
	.testata-bloom .genitori {
		background: url('/public/userdata/images/testate/genitori.jpg');
	}
	
	.testata-bloom .docenti {
		background: url('/public/userdata/images/testate/docenti.jpg');
	}
	
	.testata-bloom .chi-siamo {
		background: url('/public/userdata/images/testate/chi-siamo.jpg');
	}
	
	.testata-bloom .t-servizi {
		background: url('/public/userdata/images/testate/servizi.jpg');
	}
	
	.testata-bloom .contatti {
		background: url('/public/userdata/images/testate/contatti.jpg');
	}
	
	.testata-bloom .certificazione-dsa {
		background: url('/public/userdata/images/testate/certificazione-dsa.jpg');
	}
	
	.testata-bloom .privacy {
		background: url('/public/userdata/images/testate/privacy.jpg');
	}
	
	.testata-bloom .vision {
		background: url('/public/userdata/images/test/07.jpg');
	}
	
	.testata-bloom .verso-la-nascita {
		background: url('/public/userdata/images/testate/verso-la-nascita.jpg');
	}
	
	.testata-bloom .pediatria {
		background: url('/public/userdata/images/testate/pediatria.jpg');
	}
	
	.testata-bloom .evento-14-11-2025 {
		background: url('/public/userdata/images/testate/eventi/2025/11/14/testata.webp');
	}
	
		.testata-bloom .sfondo-testata {
/*		border-radius: clamp(25px, -37.22px + 6.08vw, 60px);*/
		border-radius: clamp(25px, -7.39px + 4.21vw, 60px) /* 25px 60px | 769px 1600px */;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.header-blocco-txt-logotop {
		background-color: #fff;
		padding: 30px 50px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 600px;
		border-radius: clamp(10px, -13.13px + 3.01vw, 35px) /* 10px 35px | 769px 1600px */;
/*			clamp(10px, -0.75px + 2.23vw, 35px) 
			clamp(10px, -0.75px + 2.23vw, 35px) 
			clamp(10px, -0.75px + 2.23vw, 35px) 
			clamp(10px, -0.75px + 2.23vw, 35px);*/
	}
	
	.header-titolo {
		display: flex;
		flex-direction: row;
	}
	
	.header-titolo .titolo-h4 {
		color: var(--colore-p);
		font-size: clamp(25px, calc(22.8571px + 0.4464vw), 30px) !important;
		font-weight: 700;
		margin: 10px 0 10px 0;
	}
	
	.header-titolo img {
		width: 60px;
		height: auto;
		margin-right: 25px;
	}
	
	.bottone-eta {
		background-color: #3ba000;
		color: #fff;
		padding: 10px 20px;
		border-radius: 
			clamp(10px, -0.75px + 2.23vw, 35px)
			0
			clamp(10px, -0.75px + 2.23vw, 35px)
			0;
		font-size: 18px;
		font-weight: 600;
		text-decoration: none;
		display: inline-block;
		margin-top: 15px;
		transition: background-color 0.3s ease;
		font-family: var(--nuovo-font);
		position: absolute;
		bottom: 0;
		right: -1px;
	}
	
	.bottone-eta-testo {
		font-size: 28px;
		font-weight: 600;
		text-decoration: none;
		color: #fff;
		font-family: var(--nuovo-font);
	}
	
	.header-blocco-txt {
		background-color: #fff;
		border-radius: clamp(10px, -13.13px + 3.01vw, 35px) /* 10px 35px | 769px 1600px */;
		padding: 30px 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 600px;
	}
	
	.rowtesto {
		display: flex;
		flex-direction: row;
	}

	.spantesto {
		width: clamp(38%, calc(341.333px + 16.667vw), 50%);
	}

	.spanvuoto {
		width: clamp(50%, calc(-341.333px + 83.333vw), 62%);
	}

@media only screen and (max-width: 768px) { /* Smartphone + Tablet */

	.rowtesto {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	
	.spantesto {
		width: 100%;
		order: 2;
	}
	
	.spanvuoto {
		width: 100%;
		order: 1;
	}
	
	.header-blocco-txt-logotop {
/*
		border-radius: 35px;
*/
		padding-bottom: 40px!important;
		min-height: 100%;
		border-radius:
			clamp(25px, -8.52px + 6.97vw, 45px) /* 25px 45px | 481px 768px */
			clamp(25px, -8.52px + 6.97vw, 45px) /* 25px 45px | 481px 768px */
			clamp(10px, -13.13px + 3.01vw, 35px) /* 10px 35px | 769px 1600px */
			clamp(10px, -13.13px + 3.01vw, 35px) /* 10px 35px | 769px 1600px */;
	}
	
	.header-blocco-txt {
		border-radius: clamp(10px, -13.13px + 3.01vw, 35px) /* 10px 35px | 769px 1600px */;
		padding-bottom: 40px!important;
		min-height: 100%;
	}
	
}

@media only screen and (max-width: 480px) { /* Smartphone */

	.spanvuoto {
		width: 100%;
		order: 1;
        min-height: 30vh;
		max-height: 300px;
	}

	.padding-header {
		padding: 10px;
	}

	.header-blocco-txt-logotop {
		border-radius: 20px 50px 50px 50px;
		padding: 20px 20px 60px 20px!important;
	}

	.header-blocco-txt {
		padding: 20px 20px 40px 20px !important;
		border-radius: 50px
	}
	
	.bottone-eta {
		padding: 7px 20px;
		border-radius: 50px 0 50px 0;
	}

	.bottone-eta-testo {
		font-size: 25px;
	}
	
	.testata-bloom .sfondo-testata {
		border-radius: 30px 30px 60px 60px;
	}
	
}

	.border-ul {
		border-left: 5px solid; 
	}

	.border-ul.giallo {
		border-left: 5px solid#f0e000; 
	}

	.border-ul.verde {
		border-left: 5px solid#19a507; 
	}
	
	li {
		color: var(--colore-p);
		font-family: 'inter', sans-serif;
		font-weight: 400;
		line-height: 23px;
		letter-spacing: -1px;
	}
	
	ul, ol {
		padding: 0px 0 20px 10px;
		margin: 0;
	}
	
	.servizi {
		padding: 50px;
	}
	
@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	.pd-top {
		padding-top: 40px;
	}
	
	.servizi {
		padding: 30px 50px 50px 50px;
	}
	
}

@media only screen and (max-width: 480px) {
	
	.pd-top {
		padding-top: 40px;
	}
	
	.servizi {
		padding: 50px 20px 20px 20px;
	}
		.testata-bloom {
		padding:
			20px
			clamp(1.250rem, 0.4464rem + 2.6786vw, 3.125rem)
			50px
			clamp(1.250rem, 0.4464rem + 2.6786vw, 3.125rem);
	}
    .testata-bloom .sfondo-testata{
            background-position: top;
    }
}

	.header-container-custom {
		max-width: 1500px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 27px 0px 0 0px;
	}
	
	.header-container-custom .logo img {
		width: 325px;
		height: 100px;
	}
	
	/* Pulsante SVG Scroll */
	.scroll-button {
		position: fixed;
		top: 50%;
		right: -80px; /* Inizialmente nascosto fuori schermo */
		transform: translateY(-50%);
		width: 60px;
		height: auto;
		border: none;
		cursor: pointer;
		transition: all 0.4s ease;
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		visibility: hidden;
	}
	
	.scroll-button:hover {
		-webkit-tap-highlight-color: transparent;
	}
	
	.scroll-button.visible {
		right: 0px;
		opacity: 1;
		visibility: visible;
	}
	.scroll-button-operatore {
		position: fixed;
		top: calc(50% - 62px);
		right: -80px; /* Inizialmente nascosto fuori schermo */
		transform: translateY(-50%);
		width: 56px;
		height: 56px;
		border: none;
		cursor: pointer;
		transition: all 0.4s ease;
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		visibility: hidden;
	}
	.scroll-button-operatore img {
		border-radius: 50%;
	}
	
	.scroll-button-operatore:hover {
		-webkit-tap-highlight-color: transparent;
	}
	
	.scroll-button-operatore.visible {
		right: 3px;
		opacity: 1;
		visibility: visible;
	}
	
	.scroll-button-su {
		position: fixed;
		top: calc(50% + 62px);
		right: -80px; /* Inizialmente nascosto fuori schermo */
		transform: translateY(-50%);
		width: 56px;
		height: 56px;
		border: none;
		cursor: pointer;
		transition: all 0.4s ease;
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		visibility: hidden;
	}
	
	.scroll-button-su:hover {
		-webkit-tap-highlight-color: transparent;
	}
	
	.scroll-button-su.visible {
		right: 3px;
		opacity: 1;
		visibility: visible;
	}


	.contenitore-onda-header {
		position: absolute;          
		top: 0;                       
		left: max(0px, calc((100vw - 1600px) / 2));
		right: 0; 
		background-image: url(/public/userdata/images/_pagine/_elementi/header-onda1.png);   
		height: 160px;
		background-position: top left;
		background-repeat: no-repeat;                 
	}
	
	.footer-001-footer .copyright-credits {
		background-color: rgba(0, 0, 0, 0) !important;
	}
	
	.blur-bg {
		background: rgb(255 255 255 / 20%) !important;
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
	}
	
@media only screen and (max-width: 480px) {
		
	.section-header {
		padding: 0 20px !important;	
	}
	
	
	.header-container-custom .logo img {
		width: 200px;
	}
	.header-container-custom {
	padding: 0px;
}
.hamburger-custom {
	display: flex;
	justify-content: center;
	align-items: center;
}
}

.disabled {
	cursor: default;
	pointer-events: none;
}

.padding-testata-operatore {
	padding: 10px 50px 0px 50px;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.padding-testata-operatore {
	padding: 20px 50px 10px 50px;
}
	.cv-row:first-child {
		padding: 0 0 15px 0;
}
}
@media only screen and (max-width: 480px) {
	
	.padding-testata-operatore {
		padding: 20px 20px 0px 20px;
	}
	
}
	
	.panel-menu-001-panel-menu.panel-right {
		border-radius: 30px 0 0 30px;
	}
	
/* servizi nelle pagine utenza */
	
	.img-servizi {
		padding:
			clamp(0.000rem, 3.0084rem + -3.0084vw, 1.563rem)
			0px
			50px
			0px;
	}
	
	.img-servizi img{
		border-radius: 
			clamp(25px, 1.87px + 3.01vw, 50px)
			0px
			clamp(25px, 1.87px + 3.01vw, 50px)
			0px;
	}
	
	.txt-servizi {
		padding:
			0px
			clamp(3.125rem, -8.4135rem + 24.0385vw, 15.625rem)
			clamp(3.125rem, 1.3942rem + 3.6058vw, 5.000rem)
			clamp(1.563rem, 0.1202rem + 3.0048vw, 3.125rem);
	}
	
	h2.nuovofont.intro {
		font-size: clamp(1.875rem, 0.1399rem + 3.6101vw, 3.750rem);
		line-height: clamp(1.781rem, 0.1329rem + 3.4296vw, 3.563rem);
	}
	
@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	.img-servizi {
		padding: 0px 0px 30px 0px;
	}
	
	.txt-servizi {
		padding: 0px 0px 60px 0px;
	}
	
}
	
@media only screen and (max-width: 480px) {
	
	.img-servizi {
		padding: 0px 0px 30px 0px;
	}
	
	.txt-servizi {
		padding: 0px 0px 60px 0px;
	}
	
}

	.tratto-pattern{
		background-image: url(/public/userdata/images/_pagine/_elementi/tratto-pattern.png);
		background-position: center;
		background-size: auto;
		background-repeat: repeat-x;
		height: 200px;
	}


/* --------------------------------------------------ACCORDION-004----------------------------------------------- */

	:root {
		--background-accordion-004: #f7f7f7;
		--background-item-accordion-004: transparent;
		--color-open-accordion-004: #158331;
		--color-close-accordion-004: #d11616;
	}

	.section-accordion-004 {
		background-color: var(--colore-5)
	}
	
	.accordion-004 .accordion {
	   width: 100%;
	   cursor: pointer;
	   background-color: var(--background-item-accordion-004);
	   border-bottom: 1px solid #ccc;
	}

	.accordion-004 .accordion-container .accordion:last-child {
		border-bottom: 0px; 
	 }
	
	 .accordion-004 .accordion-header .bottone-acc {
        display: flex;
        flex-direction: row;
	   align-items: start;
	   width: 100%;
	   border: 0;
	   padding: 20px;
	   text-align: left;
	   outline: none;
	}
	
	.accordion-004 .nuovofont.accordion-title {
	   padding: 0 15px 0 15px;
	   color: var(--colore-h);
	}
	
	.accordion-004 .accordion-icon {
	   cursor: pointer;
	   padding: 13px 0 0 0;
	   
	}
	
	.accordion-004 .accordion .accordion-004s-icon > * {
		padding: 13px 0 0 0;
		width: 4rem;
	}
	.accordion-004 .accordion .icon-plus {
	   display: block;
	   background-color:var(--background-item-accordion-004);
	   stroke: var(--color-open-accordion-004);
	}
	
	.accordion-004 .accordion .icon-minus {
	   display: none;
	   fill:var(--background-item-accordion-004);
	   stroke: var(--color-close-accordion-004);

	}
	
	.accordion-004 .accordion.is-open .icon-minus {
	   display: block;
	   fill:var(--background-item-accordion-004);
	   stroke: var(--color-close-accordion-004);

	}
	
	.accordion-004 .accordion.is-open .icon-plus {
	   display: none;
	   fill:var(--background-item-accordion-004);
	   stroke: var(--color-open-accordion-004);
	}
	
	.accordion-004 .accordion-container .accordion-content {
	   height: 0;
	   overflow: hidden;
	   transition: height 0.3s ease-out;
	   background-color: var(--background-item-accordion-004);
	}
	
	.accordion-004 .accordion-inner {
		float: left;
		padding: 0px 50px 20px 80px;
	}

	.accordion-004 .accordion-inner .accordion-inner-img {
		float: left;  
		max-width: 25%;
		padding: 5px 20px 20px 0;
		 
	}

	.accordion-004 .accordion-inner .img-accordion {
		float: left;             
	}

	.accordion-004 .accordion-inner p {
		color: var(--colore-p); 
	}
	
	.accordion-004 h3.nuovofont {
		font-size: 25px ;
		line-height: 25px ;
	}
	
@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	.accordion-004 .accordion-icon {
		cursor: pointer;
		padding: 14px 0 0 0;
	}
	
	.accordion-004 .accordion-inner {
		padding: 0px 30px 30px 65px;
	}
	
	.accordion-004 .accordion-header button {
		padding: 10px;
	}
	
	.accordion-004 .accordion-inner .accordion-inner-img {
		padding: 5px 20px 5px 0;
	}
	
}

@media only screen and (max-width: 480px) {

	.accordion-004 .accordion-icon {
		cursor: pointer;
		padding: 14px 0 0 0;
	}

	.accordion-004 .nuovofont.accordion-title {
		padding: 0 15px 0 5px;
	}
	
	.accordion-004 .accordion-inner {
		padding: 0 10px 20px 10px;
	}

	.accordion-004 .accordion-header button {
		padding: 0 10px 0 0;
	 }
	.accordion-004 .accordion-inner .accordion-inner-img {
		float: left;  
		max-width: 100%;
		padding: 0px 0px 20px 0px;
		 
	}

}

	.header-scroll .actions {
		display:none;
	}

	.img-supporto {
		padding: 20px 25px 0 clamp(3.125rem, -15.0568rem + 28.4091vw, 6.250rem);
	}
	.img-supporto img{
		border-radius: 30px 0 30px 0;
	}
	.txt-supporto {
		padding: 0 clamp(3.125rem, -33.2386rem + 56.8182vw, 9.375rem) 50px 25px;
	}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.img-supporto {
		padding: 0 0 50px 0;
	}

	.txt-supporto {
		padding: 0 0 50px 0;
	}
}
@media only screen and (max-width: 480px) {
	.img-supporto {
		padding: 0 0 20px 0;
	}

	.txt-supporto {
		padding: 0 0 20px 0;
	}
}

/* Nasconde l'hamburger nek menu scroll */

	.menu-header-001-1600-header-scroll .menu-header-001-1600-nav ul li a {
		display: none;
	}
	
/**/
	
	.menu-header-001-1600-nav ul li a {
		font-family: var(--nuovo-font);
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0;
	}
	
	.menu-header-001-1600-nav ul li a:hover {
		color: #efff00;
	}
	
	/* card chi siamo */
	
	.section-team .cards-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 50px;
	}
	
	.section-team .profile-card-link {
		text-decoration: none;
		color: inherit;
		display: block;
	}
		
	.section-team .profile-card {
		position: relative;
		width: 100%;
		height: 500px;
		border-radius: 30px;
		overflow: hidden;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease;
		cursor: pointer;
	}
	
	.section-team .profile-card:hover {
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}
	
	.section-team .profile-card:hover .card-label {
		transform: none;
	}
	
	.section-team .profile-card:hover .click-icon {
		opacity: 1;
		height: 40px;
		margin-top: 0px;
	}
	
	.section-team .card-background {
		position: absolute;
		inset: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.section-team .card-overlay {
		position: absolute;
		inset: 0;
		/* background-color: rgba(0, 0, 0, 0.2); */
	}
	
	.section-team .click-icon {
		position: relative;
		top: auto;
		right: auto;
		opacity: 0;
		height: 0;
		overflow: hidden;
		transition: all 0.3s ease;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}
	
	.section-team .card-content {
		position: relative;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 10px;
	}
	
	.section-team .card-label {
		position: relative;
		background-color: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(8px);
		border-radius: 20px;
		padding: 1.5rem;
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s ease;
	}
	
	.section-team .card-name {
		font-size: 1.25rem;
		font-weight: bold;
		color: var(--colore-h);
		text-align: center;
		margin-bottom: 0.5rem;
		font-family: var(--nuovo-font);
	}
	
	.section-team .card-role {
		color: #6b7280;
		font-weight: 500;
		font-size: 0.875rem;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		font-family: var(--nuovo-font);
		margin-bottom: 0;
		line-height: 15px;
	}
	
	.section-team .info-section {
		margin-top: 4rem;
		background-color: white;
		border-radius: 0.75rem;
		padding: 2rem;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	}
	
	.section-team .info-title {
		font-size: 1.25rem;
		font-weight: 600;
		color: #1f2937;
		margin-bottom: 1rem;
	}
	
	.section-team .info-list {
		list-style: none;
		color: #6b7280;
		line-height: 1.75;
	}
	
	.section-team .info-list li {
		margin-bottom: 0.5rem;
	}
	
	.section-team .info-list strong {
		color: #374151;
	}
	
	@media (max-width: 768px) {
	
	.section-team .cards-grid {
			gap: 1rem;
		}
	}
	
/* LABEL: si “alza” aumentando il padding-bottom */
	
	.section-team .card-label{
		position: relative;
		background-color: rgba(255,255,255,0.95);
		backdrop-filter: blur(8px);
		border-radius: 20px;
		padding: 1.5rem 1.5rem 1rem;  /* poco spazio sotto a riposo */
		box-shadow: 0 4px 6px -1px rgba(0,0,0,.1);
		transition: padding-bottom .35s ease;
	}
	
/* HOVER-IN: prima si alza (spazio per l’icona) */
	
	.section-team .profile-card:hover .card-label{
		padding-bottom:65px; /* crea lo spazio per l’icona */
	}
	
/* ICONA: niente translate, niente height animata, solo fade.
"display:none" è simulato con visibility:hidden + pointer-events:none,
così non è cliccabile e non occupa spazio grazie al posizionamento assoluto. */
	
	.section-team .click-icon{
		position: absolute;
		left: 0; right: 0; bottom: 1rem;
		display: flex;               /* “appare” come se fosse display:flex */
		justify-content: center;
		align-items: center;
		width: 40px; height: 40px;
		margin: 0 auto;	
		opacity: 0;
		visibility: hidden; /* come se fosse display:none */
		pointer-events: none;
		/* default (hover-out): fade-out subito, poi si nasconde la visibility */
		transition:
		opacity .25s ease 0s,
		visibility 0s linear .25s; /* nasconde dopo il fade-out */
	}
	
/* HOVER-IN: l’icona entra SOLO dopo che il label si è alzato */
	
	.section-team .profile-card:hover .click-icon{
		opacity: 1;
		visibility: visible; /* “diventa visibile” */
		pointer-events: auto;
		/* ritarda il fade-in per far finire il padding (sequenza: prima altezza, poi icona) */
		transition:
		opacity .25s ease .35s,    /* parte dopo .35s */
		visibility 0s linear .35s; /* rende visibile in sync con l’inizio del fade */
	}
	
	.section-team .profile-card{
		--out-delay: .25s; /* durata del fade-out icona */
	}
	
	.section-team .profile-card .card-label{
		transition: padding-bottom .35s ease var(--out-delay);
	}
	
	.section-team .profile-card:hover .card-label{
		transition-delay: 0s; /* in entrata parte subito */
	}
	
	/* card chi siamo fine */
	
	
	.prossima-data {
		position: fixed;
		bottom: 20px;
		width: 100vw;
		z-index: 99999;
		display: flex;
		justify-content: center;
		font-family: var(--nuovo-font);
	}
	
	.prossima-data .contenuto {
/*
		background-color: #1d9dd9;
*/
/*
		background-color: #005dc4;
*/
		background: #0265d6;
		background: linear-gradient(50deg,rgba(2, 101, 214, 1) 0%, rgba(65, 174, 224, 1) 33%, rgba(59, 190, 255, 1) 78%, rgba(8, 147, 212, 1) 100%);
		padding: 25px 35px;
		border-radius: 100px;
		width: 80vw;
		max-width: 800px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		box-shadow: 0px 4px 25px #84cff4;
	}
	
	.prossima-data .dettagli {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	
	.prossima-data .quando {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 33%;
	}
	
	.prossima-data .chi {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 33%;
		border-right: ridge #fff;
		border-left: ridge #fff;
	}
	
	.prossima-data .nome {
		font-size: clamp(1.250rem, 0.9155rem + 1.1127vw, 1.750rem) /* 20px 28px | 481px 1200px */;
		line-height: clamp(1.500rem, 1.0986rem + 1.3352vw, 2.100rem) /* 20px 28px | 120% | 481px 1200px */;
		font-weight: 500;
		color: #fff;
		letter-spacing: -1px;
	}
	
	.prossima-data .titoletto {
		font-size: clamp(0.750rem, 0.5828rem + 0.5563vw, 1.000rem) /* 12px 16px | 481px 1200px */;
		line-height: clamp(0.675rem, 0.5245rem + 0.5007vw, 0.900rem) /* 12px 16px | 90% | 481px 1200px */;
		font-weight: 500;
		color: #fff;
	}
	
	.prossima-data .data {
		font-size: clamp(1.250rem, 0.9155rem + 1.1127vw, 1.750rem) /* 20px 28px | 481px 1200px */;
		line-height: clamp(1.500rem, 1.0986rem + 1.3352vw, 2.100rem) /* 20px 28px | 120% | 481px 1200px */;
		font-weight: 500;
		color: #fff;
		letter-spacing: -1px;
	}
	
	.prossima-data .info {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 33%;
	}
	
	.prossima-data a.link-contatti-evento,
	.prossima-data a.link-contatti-professionista {
		color: #fff;
	}
	
	.prossima-data a.link-contatti-evento:hover,
	.prossima-data a.link-contatti-professionista:hover {
		color: #8bff00;
	}
	
@media only screen and (max-width: 480px) {
	
	.prossima-data {
		justify-content: start;
	}
	
	.prossima-data .contenuto {
		padding: 20px 15px 20px 15px;
		border-radius: 0 100px 100px 0;
		display: flex;
		justify-content: start;
		box-shadow: 0px 4px 25px #84cff4;
	}
	
	.prossima-data .quando {
		align-items: start;
	}
	
	.prossima-data .chi {
		align-items: start;
		border-right: none;
		border-left: none;
	}
	
	.prossima-data .nome {
		font-size: clamp(1.250rem, 0.9155rem + 1.1127vw, 1.750rem) /* 20px 28px | 481px 1200px */;
		line-height: clamp(1.500rem, 1.0986rem + 1.3352vw, 2.100rem) /* 20px 28px | 120% | 481px 1200px */;
		font-weight: 500;
		color: #fff;
		letter-spacing: -1px;
	}
	
	.prossima-data .titoletto {
		font-size: clamp(0.750rem, 0.5828rem + 0.5563vw, 1.000rem) /* 12px 16px | 481px 1200px */;
		line-height: clamp(0.675rem, 0.5245rem + 0.5007vw, 0.900rem) /* 12px 16px | 90% | 481px 1200px */;
		font-weight: 500;
		color: #fff;
	}
	
	.prossima-data .data {
		font-size: clamp(1.250rem, 0.9155rem + 1.1127vw, 1.750rem) /* 20px 28px | 481px 1200px */;
		line-height: clamp(1.500rem, 1.0986rem + 1.3352vw, 2.100rem) /* 20px 28px | 120% | 481px 1200px */;
		font-weight: 500;
		color: #fff;
		letter-spacing: -1px;
	}
	
	.prossima-data .info {
		align-items: start;
		padding: 0 0 0 10px;
	}
	
}

.slider-001-container .bullet {
    background: rgba(93, 173, 226, 0.3);
}

.slider-001-container .bullet.active {
    background: #5dade2;
}

.slider-001-container .bullet:hover {
    background: rgba(93, 173, 226, 0.6);
}
	.inbasso {
	    display: flex!important;
	    align-items: flex-end;
	}

	.tratto-home {
	    background-image: url('/public/userdata/images/_pagine/_elementi/tratto-testata-home.png');
	    background-repeat: no-repeat;
	    background-size: auto;
	    background-position: center;
	}

	.logo-home {
	    max-width: 500px;
	}

	.titolo-header {
	    font-size: 2.5rem;
	    font-weight: 300;
	    color: #fff;
	    font-family: 'inter', sans-serif;
	    letter-spacing: -1px;
	    padding-left: 30px;

	}

	.sottotitolo-header {
	    font-size: 2.5rem;
	    font-weight: 600;
	    color: #fff;
	    font-family: 'inter', sans-serif;
	    padding-right: 30px;
	    letter-spacing: -1px;

	}

	.contenitore-titolo-header {
	    padding: 100px 0 130px 0;
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: start;
	}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

    .contenitore-titolo-header {
        padding-top: clamp(50px, calc(-122.222px + 18.5185vw), 100px) !important;
    }

}

@media only screen and (max-width: 481px) {

    .contenitore-titolo-header {
        padding: 30px 0 30px 0;
    }

}

	.contenitore-titolo-header img {
	    max-width: 800px;
        height: auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100px;
        width: 100%;
	}

	.contenitore-header-home-sx {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	    height: 100%;
	    align-items: start;
	}

	.onda {
	    transform: translate(-75px, 0px);
        position: absolute;
        bottom: 0;
	}

@media only screen and (min-width: 481px) and (max-width: 768px) {

    .contenitore-titolo-header {
        padding-top: 40px !important;
        padding-bottom: 90px !important;
    }
    .onda {
        transform: translate(-250px, 0px);
    }
	.card-collaboratori p:last-child {
		margin-bottom: 20px;
	}
	
}
@media only screen and (max-width: 481px) {

    .onda {
        z-index: 2;
    }
	
}

	.menu-header-001-1600-header-scroll .logo,
	.menu-header-001-1600-header .logo {
	    display: none;
	}

	.tratto-card {
	    background-image: url('/public/userdata/images/_pagine/_elementi/onda-color-fina.webp');
	    background-repeat: no-repeat;
	    background-size: auto;
	    background-position: center;
	}

	.grid-cont {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	    gap: 50px;
	    width: 100%;
	}

	.card-wrapper {
	    display: flex;
	    flex-direction: column;
	}

	.card-title {
	    font-size: 28px;
	    margin-bottom: 20px;
	}

	.card-home {
	    background: #edf8fe;
	    border-radius: 0 30px 30px 30px;
	    padding: 30px 30px 0 30px;
	    position: relative;
	    overflow: hidden;
	    transition: transform 0.3s ease, box-shadow 0.3s ease;
	    min-height: 380px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}

	.card-content {
	    flex-grow: 1;
	}

	.card-home p {
	    margin-bottom: 30px;
	}

	.card-blue .card-home {
	    border-bottom: 8px solid #1d9dd9;
	}

	.card-green .card-home {
	    border-bottom: 8px solid #6cb52d;
	}

	.card-orange .card-home {
	    border-bottom: 8px solid #f59a1a;
	}

	.card-blue .card-title {
	    color: #1d9dd9;
	}

	.card-green .card-title {
	    color: #6cb52d;
	}

	.card-orange .card-title {
	    color: #f59a1a;
	}

	.icon-container {
	    position: relative;
	    height: 100px;
	    display: flex;
	    align-items: end;
	    justify-content: center;
	}

	.card-icon {
	    height: 120px;
	    transition: opacity 0.3s ease, transform 0.3s ease;
	}

	.card-home:hover .card-icon {
	    opacity: 0;
	}

	.cta-button {
	    position: absolute;
	    top: 50%;
	    right: 0px;
	    transform: translate(-50%, -50%);
	    opacity: 0;
	    padding: 12px 15px 12px 24px;
	    border: none;
	    border-radius: 50px;
	    font-size: 16px;
	    font-weight: 600;
	    color: white;
	    cursor: pointer;
	    transition: opacity 0.3s ease, transform 0.3s ease;
	    text-decoration: none;
	    display: flex;
	    align-items: center;
	    background-color: transparent;
	}

	.cta-button img {
	    margin-left: 10px;
	    vertical-align: middle;
	    height: 25px;
	    width: 25px;
	}

	.card-home:hover .cta-button {
	    opacity: 1;
	    transform: translate(-0%, -50%) scale(1);
	}

	.cta-button:hover {
	    transform: translate(-0%, -50%) scale(1.05);
	}

	.card-blue .cta-button {
	    color: #1d9dd9;
	    border: 2px solid #1d9dd9;
	}

	.card-green .cta-button {
	    color: #6cb52d;
	    border: 2px solid #6cb52d;
	}

	.card-orange .cta-button {
	    color: #f59a1a;
	    border: 2px solid #f59a1a;
	}

	/* Decorative elements */
	.card::before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 4px;
	    transition: height 0.3s ease;
	}

	.card-blue::before {
	    background-color: #1d9dd9;
	}

	.card-green::before {
	    background-color: #6cb52d;
	}

	.card-orange::before {
	    background-color: #f59a1a;
	}

	.card-home:hover::before {
	    height: 8px;
	}

	/* Responsive */
	@media (max-width: 768px) {
	    .grid-cont {
	        grid-template-columns: 1fr;
	    }

	    .card-home {
	        min-height: 250px;
	    }

	    .card-title {
	        font-size: 24px;
	    }
	}

	.fascia-bambini-colorata {
	    background-image: url('/public/userdata/images/_pagine/_elementi/fascia-bambini-colori.jpg');
	    height: 40vh;
	    background-position: center;
	    background-size: cover;
	    background-repeat: no-repeat;
        max-height: 500px;
	}

	.section-title-a-chi-ci-rivolgiamo {
	    text-align: center;
	    font-size: 48px;
	    color: #5dade2;
	    margin-bottom: 60px;
	    font-weight: 300;
	}

	.content-wrapper-a-chi-ci-rivolgiamo {
	    display: flex;
	    gap: 40px;
	    align-items: center;
	}

	.cards-container-a-chi-ci-rivolgiamo {
	    display: flex;
	    gap: 30px;
	    flex: 1;
	    align-items: flex-start;
	    padding: 60px 0 0 0;
	    justify-content: flex-start;
	}

	.card-a-chi-ci-rivolgiamo {
	    background: #F4F3F4;
	    border-radius: 40px 15px 15px 15px;
	    padding: 30px;
	    position: relative;
	    text-align: left;
	    overflow: visible;
	    width: 300px;
	}

	/* Altezze progressive - stessa larghezza */
	.card-a-chi-ci-rivolgiamo.small {
	}

	.card-a-chi-ci-rivolgiamo.medium {
	    padding-bottom: 60px;
	}

	.card-a-chi-ci-rivolgiamo.large {
		padding-bottom: 90px;
	}

	.card-header-a-chi-ci-rivolgiamo {
	    display: flex;
	    align-items: flex-start;
	    justify-content: space-between;
	    margin-bottom: 20px;
	}

	.card-icon-a-chi-ci-rivolgiamo {
	    width: 80px;
			height: 80px;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			order: 2;
			position: absolute;
			top: -40px;
			right: 20px;
		}
	

	.card-title-a-chi-ci-rivolgiamo {
	    color: #0074AB !important;
	    flex: 1;
	    order: 1;
	}

	.card-description-a-chi-ci-rivolgiamo {
	    margin-bottom: 30px;
	}

	.cta-button-a-chi-ci-rivolgiamo {
	    position: absolute;
	    bottom: -81px;
	    left: 0;
	    right: 0;
	    background: #5dade2;
	    color: white;
	    border: none;
	    border-radius: 0 0 15px 15px;
	    padding: 40px 30px 20px 30px;
	    font-size: 16px;
	    font-weight: 600;
	    cursor: pointer;
	    opacity: 0;
	    transition: opacity 0.3s ease;
	    text-align: left;
	    z-index: 1;
	    display: flex;
	    flex-direction: row;
	}
/* Effetto “bordo card sopra al bottone” */
        .card-a-chi-ci-rivolgiamo::after {
        content: "";
        position: absolute;
        left: 0; right: 0; bottom: 0;
        height: 18px;                       
        background: #F4F3F4;         
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        z-index: 3;                   
        pointer-events: none;
        }
    .card-a-chi-ci-rivolgiamo:hover .cta-button-a-chi-ci-rivolgiamo {
	    opacity: 1;
	}

	.cta-button-a-chi-ci-rivolgiamo:hover {
	    background: #3498db;
	}

	.cta-button-a-chi-ci-rivolgiamo img {
	    margin-left: 10px;
	    height: 30px;
	    width: 30px;
	}

	/* Sezione immagine a destra */
	.image-section-a-chi-ci-rivolgiamo {
	    position: relative;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		width: -webkit-fill-available;
	}
	.image-section-a-chi-ci-rivolgiamo img {
/*
		max-width: 600px;
	    height: 500px;
	    position: relative;
	    display: flex;
	    align-items: center;
	    justify-content: center;
*/
		max-width: 900px;
		height: auto;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 100px;
		width: 100%;
	}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    .image-a-chi-ci-rivolgiamo {
        content: url("/public/userdata/images/_pagine/_home/gioco-di-squadra-orizzontale.svg");
    }

    .content-wrapper-a-chi-ci-rivolgiamo {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 40px;
    }

    .cards-container-a-chi-ci-rivolgiamo {
        flex: 0 0 100%;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 40px;
        gap: 70px;
    }
    .image-section-a-chi-ci-rivolgiamo {
        flex: 0 0 100%;
        width: 100%;
        order: 2;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    .image-a-chi-ci-rivolgiamo {
        content: url("/public/userdata/images/_pagine/_home/gioco-di-squadra-orizzontale.svg");
    }
}

	.image-content-a-chi-ci-rivolgiamo {
	    position: relative;
	    z-index: 2;
	    text-align: center;
	    color: #2c3e50;
	}

	.image-title-a-chi-ci-rivolgiamo {
	    font-size: 28px;
	    font-weight: bold;
	    color: #5dade2;
	    margin-bottom: 10px;
	}


	/* Responsive */
	@media (max-width: 1200px) {
	    .content-wrapper-a-chi-ci-rivolgiamo {
	        flex-direction: column;
	        align-items: center;
	    }

	    .cards-container-a-chi-ci-rivolgiamo {
	        justify-content: center;
	        flex-wrap: wrap;
	    }

	    .image-section-a-chi-ci-rivolgiamo {
	        margin-top: 40px;
	    }
	}

	@media (max-width: 768px) {
    .image-section-a-chi-ci-rivolgiamo {
        margin-top: 0px;
        margin-bottom: 20px;
    }
	    .cards-container-a-chi-ci-rivolgiamo {
	        flex-direction: column;
	        align-items: center;
	    }

	    .card-a-chi-ci-rivolgiamo.small,
	    .card-a-chi-ci-rivolgiamo.medium,
	    .card-a-chi-ci-rivolgiamo.large {
	        width: 100%;
	        max-width: 100%;
            padding-bottom: 20px;
            height: 100%;

	    }
	    .card-description-a-chi-ci-rivolgiamo {
            padding-right: 80px;
        }   
        .card-a-chi-ci-rivolgiamo:hover .cta-button-a-chi-ci-rivolgiamo {
            opacity: 0;
        }
	    .section-title-a-chi-ci-rivolgiamo {
	        font-size: 36px;
	    }

	    .circular-image-a-chi-ci-rivolgiamo {
	        width: 250px;
	        height: 250px;
	    }
        .freccia-tablet {
            height: 50px;
            position: absolute;
            bottom: 20px;
            right: 20px;
        }

        .cards-container-a-chi-ci-rivolgiamo {
            gap: 60px;

        }
        .cta-button-a-chi-ci-rivolgiamo {
            display: none;
        }
	}




    
	.contenitore-pulsante {
	    display: flex;
	    flex-direction: row;
	}
    .sfondo-pediatri {
        background-image: url(/public/userdata/images/_pagine/_home/bg-pediatria.png);
        background-position: center;
        background-size: auto;
        background-repeat: repeat-x;
    }
	.pediatri {
	    padding: 50px;
	    justify-content: space-between;
	    display: flex;
	    flex-direction: column;
        padding-right: clamp(50px, 5vw, 150px);
	}

	.numero-verde img {
	    width: 30px;
	    height: auto;
	}

	.numero-verde {
	    background-color: var(--colore-h);
	    display: flex;
	    align-items: center;
	    gap: 10px;
	    flex-direction: row;
	    padding: 5px 25px 8px 25px;
	    border-radius: 50px;
	}

	.numero-verde-testo {
	    font-size: 27px;
	    font-weight: 500;
	    text-decoration: none;
	    color: #fff;
	}

	.gratuito {
	    font-size: 11px;
	    font-weight: 500;
	    text-decoration: none;
	    color: #fff;
	}

	.testo-chiama {
	    display: flex;
	    flex-direction: column;
	}

	.date {
	    display: flex;
	    flex-direction: column;
	    margin-left: 10px;
	}

	.date .orari {
	    font-size: 13px;
	    font-weight: 400;
	    color: var(--colore-h);
	}

	.date .giorni {
	    font-size: 15px;
	    font-weight: 600;
	    color: var(--colore-h);
	}

	.contenitore-pulsante {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	}
@media screen and (max-width: 860px) {
    .contenitore-pulsante {
        flex-direction: column;
        gap: 15px;

    }
}
@media screen and (max-width: 768px) {
    
	.pediatri {
        padding: 30px;
    }
    
    .numero-verde-testo {
        font-size: 24px;
    }
    
    .contenitore-pulsante {
        flex-wrap: wrap;
        gap: 15px;
    }
	
}

/* MOBILE - 767px e sotto */
@media screen and (max-width: 767px) {
    
    .pediatri {
        padding: 25px 20px;
    }
    
    .contenitore-testo {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .contenitore-pulsante {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .numero-verde {
        width: 100%;
        max-width: 280px;
        justify-content: center;
        padding: 12px 25px;
    }
    
    .date {
        text-align: center;
        margin-left: 0;
    }
	
}

/* SMALL MOBILE - 480px e sotto */
@media screen and (max-width: 480px) {
    
	.pediatri {
        padding: 20px 15px;
    }
    
    .numero-verde {
        flex-direction: row;
        gap: 8px;
        padding: 15px 20px;
        max-width: 250px;
    }
    
    .numero-verde img {
        width: 24px;
    }
    
    .numero-verde-testo {
        font-size: 22px;
    }
    
    .testo-chiama {
        align-items: center;
        text-align: center;
    }
	
}
    .card-collaboratori {
        background-color: #e3f2fd;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .testo-card-collaborazioni {
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .cta-button-collaborazioni {
	    padding: 12px 15px 12px 24px;
	    border-radius: 50px;
	    font-size: 16px;
	    font-weight: 600;
	    cursor: pointer;
	    color: #1d9dd9;
	    border: 2px solid #1d9dd9;
	    text-decoration: none!important;
	    display: flex;
	    align-items: center;
	    background-color: transparent;
        width: fit-content;
	}

    .cta-button-collaborazioni img {
	    margin-left: 10px;
	    height: 30px;
	    width: 30px;
	}

    .sfondo-collaborazioni {
        background-image: url(/public/userdata/images/_pagine/_home/bg-collaborazioni.png);
        background-position: center;
        background-size: auto;
        background-repeat: repeat-x;
    }

	.card-collaboratori p:last-child {
		margin-bottom: 20px;
	}
	
	/* frase nella testata */
	
	.descrizione-poliambulatorio {
		width: 450px !important;
	}
	
@media screen and (max-width: 768px) {
	
	.descrizione-poliambulatorio {
		width: 90% !important;
	}
	
}
	
@media screen and (max-width: 480px) {
	
	.descrizione-poliambulatorio {
		width: 100% !important;
	}
	
}

	.contenitore-slogan-blu {
		padding:
			50px
			padding: clamp(1.250rem, -1.8750rem + 10.4167vw, 3.125rem) /* 20px 50px | 480px 768px */;
	}
	
	.slogan-blu {
		padding:
			0px
			clamp(1.250rem, -7.5893rem + 29.4643vw, 21.875rem) /* 20px 350px | 480px 1600px */;
	}