/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html,
body {
	scroll-behavior: smooth;
}

@media(min-width: 768px) {

	#brxe-fworci,
	#brxe-swakza {
		display: none;
	}
}

/* ==================================================
   HERO
================================================== */

.sv-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;

	background:
		linear-gradient(135deg,
			#65cde7 0%,
			#364988 28%,
			#071467 52%,
			#df230e 76%,
			#f3d6bd 100%);
}


/* ==================================================
   CONTENITORE DELLO SFONDO
================================================== */

.sv-gradient {
	position: absolute;
	inset: 0%;
	z-index: 0;

	overflow: hidden;
	pointer-events: none;

	transform: translateZ(0);
}


/* Tutto il contenuto rimane sopra allo sfondo */

.sv-content {
	position: relative;
	z-index: 2;
	width: 100%;
}


/* ==================================================
   MACCHIE DI COLORE
================================================== */

.sv-orb {
	position: absolute;

	width: clamp(500px, 65vw, 1250px);
	aspect-ratio: 1;

	border-radius: 50%;

	filter: blur(clamp(55px, 6vw, 110px));

	opacity: 1;

	will-change: transform;
	transform: translate3d(0, 0, 0);
}


/* Azzurro in alto a sinistra */

.sv-orb--cyan {
	top: -25%;
	left: -20%;

	background:
		radial-gradient(circle,
			rgba(120, 223, 246, 1) 0%,
			rgba(74, 176, 220, 0.85) 35%,
			rgba(74, 176, 220, 0) 72%);

	animation: sv-float-one 2.5s ease-in-out infinite alternate;
}


/* Rosa e magenta a sinistra */

.sv-orb--pink {
	top: 5%;
	left: -3%;

	width: clamp(450px, 55vw, 1050px);

	background:
		radial-gradient(circle,
			rgba(255, 72, 136, 1) 0%,
			rgba(244, 33, 105, 0.85) 32%,
			rgba(244, 33, 105, 0) 70%);

	animation: sv-float-two 3.5s ease-in-out infinite alternate;
}


/* Blu scuro nella parte superiore */

.sv-orb--blue {
	top: -28%;
	left: 35%;

	width: clamp(550px, 72vw, 1400px);

	background:
		radial-gradient(circle,
			rgba(0, 43, 184, 1) 0%,
			rgba(0, 23, 119, 0.95) 40%,
			rgba(0, 23, 119, 0) 72%);

	animation: sv-float-three 4.5s ease-in-out infinite alternate;
}


/* Rosso e arancione nella parte inferiore */

.sv-orb--red {
	top: 38%;
	left: 16%;

	width: clamp(600px, 76vw, 1450px);

	background:
		radial-gradient(circle,
			rgba(255, 38, 0, 1) 0%,
			rgba(232, 17, 0, 0.92) 34%,
			rgba(232, 17, 0, 0) 72%);

	animation: sv-float-four 5.5s ease-in-out infinite alternate;
}


/* Beige luminoso sulla destra */

.sv-orb--cream {
	top: 0;
	right: -22%;

	width: clamp(500px, 62vw, 1200px);

	background:
		radial-gradient(circle,
			rgba(255, 238, 207, 1) 0%,
			rgba(255, 205, 171, 0.78) 35%,
			rgba(255, 205, 171, 0) 70%);

	animation: sv-float-five 7s ease-in-out infinite alternate;
}


/* ==================================================
   ANIMAZIONI
================================================== */

@keyframes sv-float-one {
	0% {
		transform: translate3d(-7%, -4%, 0) scale(1);
	}

	50% {
		transform: translate3d(12%, 7%, 0) scale(1.14);
	}

	100% {
		transform: translate3d(4%, 16%, 0) scale(0.96);
	}
}


@keyframes sv-float-two {
	0% {
		transform: translate3d(-4%, 10%, 0) scale(1.05);
	}

	50% {
		transform: translate3d(20%, -6%, 0) scale(0.92);
	}

	100% {
		transform: translate3d(8%, 18%, 0) scale(1.15);
	}
}


@keyframes sv-float-three {
	0% {
		transform: translate3d(2%, -8%, 0) scale(1);
	}

	50% {
		transform: translate3d(-14%, 12%, 0) scale(1.12);
	}

	100% {
		transform: translate3d(9%, 5%, 0) scale(0.94);
	}
}


@keyframes sv-float-four {
	0% {
		transform: translate3d(-10%, 8%, 0) scale(1.05);
	}

	50% {
		transform: translate3d(13%, -9%, 0) scale(1.18);
	}

	100% {
		transform: translate3d(4%, 4%, 0) scale(0.97);
	}
}


@keyframes sv-float-five {
	0% {
		transform: translate3d(8%, -5%, 0) scale(1);
	}

	50% {
		transform: translate3d(-15%, 15%, 0) scale(1.12);
	}

	100% {
		transform: translate3d(5%, 8%, 0) scale(0.92);
	}
}


/* ==================================================
   GRANA / RUMORE
================================================== */

.sv-gradient::after {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 10;

	pointer-events: none;

	background-image:
		url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.55'/%3E%3C/svg%3E");

	background-size: 220px 220px;

	mix-blend-mode: soft-light;

	opacity: 0.22;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

	/* .sv-gradient {
		inset: -35%;
	} */

	.sv-orb {
		width: 850px;
		filter: blur(65px);
		opacity: 0.85;
	}

	.sv-orb--cream {
		right: -60%;
	}

	.sv-orb--red {
		top: 45%;
		left: -30%;
	}
}


/* ==================================================
   ACCESSIBILITÀ
================================================== */

@media (prefers-reduced-motion: reduce) {

	.sv-orb {
		animation: none !important;
	}
}


.sv-lines {
	position: absolute;
	inset: 0;
	z-index: 1;

	width: 100%;
	height: 100%;

	object-fit: cover;

	pointer-events: none;
}

.sv-gradient::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;

	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	background-repeat: repeat;

	opacity: 1;
	mix-blend-mode: soft-light;
}

.freccia-scritta {
	display: flex;
	align-items: center;
}

.freccia-scritta .freccia-innovazione {
	transition: transform 0.5s ease-in-out;
}

.freccia-scritta:hover .freccia-innovazione {
	transform: translatex(185px);
}

.freccia-scritta .scritta-innovazione {
	transition: transform 0.5s ease-in-out;
}

.freccia-scritta:hover .scritta-innovazione {
	transform: translatex(-67px);
}

.freccia-scritta .freccia-corporate {
	transition: transform 0.5s ease-in-out;
}

.freccia-scritta:hover .freccia-corporate {
	transform: translatex(306px);
}

.freccia-scritta .freccia-young {
	transition: transform 0.5s ease-in-out;
}

.freccia-scritta:hover .freccia-young {
	transform: translatex(242px);
}

#slider-home .splide__pagination {
	transform: translatey(50px);
}

.card {
	transition: background 0.3s ease-in-out;
}

.card .contenuto-card {
	opacity: 0;
	transition: opacity 0.3s ease-in-out
}

.card .svg-card {
	opacity: 1;
	transition: opacity 0.3s ease-in-out
}

.card:hover {
	background: #11316f;
}

.card:hover .contenuto-card {
	opacity: 1;
}

.card:hover .svg-card {
	opacity: 0;
}

.card-bianca {
	transition: background 0.3s ease-in-out;
}

.card-bianca .contenuto-card {
	opacity: 0;
	transition: opacity 0.3s ease-in-out
}

.card-bianca .svg-card {
	opacity: 1;
	transition: opacity 0.3s ease-in-out
}

.card-bianca:hover {
	background: #fff;
}

.card-bianca:hover .contenuto-card {
	opacity: 1;
}

.card-bianca:hover .svg-card {
	opacity: 0;
}

.titolo-card-bianca {
	transition: color 0.3s ease-in-out;
}

.card-bianca:hover .titolo-card-bianca {
	color: #011d54 !important;
}

.call4-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;

	border-radius: 28px;
	min-height: 420px;
	padding: 34px 24px 24px;

	background: linear-gradient(135deg, #ff2f1d 0%, #cb0000 50%, #6a0000 100%);
}

/* sfondo animato */
.call4-card__bg {
	position: absolute;
	inset: -20%;
	z-index: 0;
	pointer-events: none;
}

/* contenuto sopra */
.call4-card__content {
	position: relative;
	z-index: 2;
	color: #fff;
}

/* palloni/sfumature */
.call4-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(55px);
	opacity: 1;
	will-change: transform;
	transform: translate3d(0, 0, 0);
}

/* rosso vivo centrale */
.call4-orb--red {
	width: 280px;
	height: 280px;
	left: -30px;
	top: 90px;
	background: radial-gradient(circle, rgba(255, 35, 20, 1) 0%, rgba(255, 35, 20, 0.85) 35%, rgba(255, 35, 20, 0) 72%);
	animation: call4Float1 1.2s ease-in-out infinite alternate;
}

/* arancio/beige in basso a sinistra */
.call4-orb--orange {
	width: 240px;
	height: 240px;
	left: -70px;
	bottom: -40px;
	background: radial-gradient(circle, rgba(255, 206, 170, 0.95) 0%, rgba(255, 145, 110, 0.65) 40%, rgba(255, 145, 110, 0) 75%);
	animation: call4Float2 2s ease-in-out infinite alternate;
}

@media(max-width: 480px) {
	.call4-orb--orange {
		visibility: hidden;
	}
}

/* scuro a destra */
.call4-orb--dark {
	width: 260px;
	height: 260px;
	right: -40px;
	top: 40px;
	background: radial-gradient(circle, rgba(90, 0, 0, 0.95) 0%, rgba(60, 0, 0, 0.85) 38%, rgba(60, 0, 0, 0) 75%);
	animation: call4Float3 3s ease-in-out infinite alternate;
}

/* luce morbida */
.call4-orb--light {
	width: 220px;
	height: 220px;
	right: -20px;
	bottom: -20px;
	background: radial-gradient(circle, rgba(255, 120, 80, 0.4) 0%, rgba(255, 120, 80, 0.2) 35%, rgba(255, 120, 80, 0) 75%);
	animation: call4Float4 4s ease-in-out infinite alternate;
}

/* grana / noise */
.call4-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	background-size: 170px 170px;
	background-repeat: repeat;
	border-radius: 40px;
	opacity: 1;
	mix-blend-mode: soft-light;
	overflow: hidden;
}

/* animazioni */
@keyframes call4Float1 {
	0% {
		transform: translate3d(-20px, 0px, 0) scale(1);
	}

	25% {
		transform: translate3d(40px, -30px, 0) scale(1.12);
	}

	50% {
		transform: translate3d(70px, 20px, 0) scale(0.95);
	}

	75% {
		transform: translate3d(20px, 50px, 0) scale(1.15);
	}

	100% {
		transform: translate3d(-10px, 25px, 0) scale(1.02);
	}
}

@keyframes call4Float2 {
	0% {
		transform: translate3d(0px, 20px, 0) scale(1);
	}

	25% {
		transform: translate3d(50px, -10px, 0) scale(1.1);
	}

	50% {
		transform: translate3d(80px, -40px, 0) scale(0.92);
	}

	75% {
		transform: translate3d(25px, 35px, 0) scale(1.16);
	}

	100% {
		transform: translate3d(60px, 10px, 0) scale(1.03);
	}
}

@keyframes call4Float3 {
	0% {
		transform: translate3d(0px, 0px, 0) scale(1);
	}

	25% {
		transform: translate3d(-35px, 30px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(-70px, 10px, 0) scale(0.94);
	}

	75% {
		transform: translate3d(-25px, -40px, 0) scale(1.14);
	}

	100% {
		transform: translate3d(-50px, -15px, 0) scale(1.02);
	}
}

@keyframes call4Float4 {
	0% {
		transform: translate3d(10px, 10px, 0) scale(1);
	}

	25% {
		transform: translate3d(-25px, -20px, 0) scale(1.1);
	}

	50% {
		transform: translate3d(-55px, 30px, 0) scale(0.93);
	}

	75% {
		transform: translate3d(20px, 45px, 0) scale(1.12);
	}

	100% {
		transform: translate3d(-15px, 15px, 0) scale(1.01);
	}
}

/* accessibilità */
@media (prefers-reduced-motion: reduce) {
	.call4-orb {
		animation: none !important;
	}
}




.call4ideas-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;

	border-radius: 36px;
	min-height: 570px;
	padding: 34px 28px 28px;

	background: linear-gradient(135deg, #040a8a 0%, #255fb8 58%, #8ec1d6 100%);
}

.call4ideas-card__bg {
	position: absolute;
	inset: -20%;
	z-index: 0;
	pointer-events: none;
}

.call4ideas-card__content {
	position: relative;
	z-index: 2;
	color: #fff;
}

/* sfumature mobili */
.call4ideas-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(55px);
	opacity: 1;
	will-change: transform;
	transform: translate3d(0, 0, 0);
}

/* blu scuro alto/sinistra */
.call4ideas-orb--deepblue {
	width: 260px;
	height: 260px;
	left: -40px;
	top: -20px;
	background: radial-gradient(circle,
			rgba(0, 19, 160, 1) 0%,
			rgba(0, 19, 160, 0.88) 38%,
			rgba(0, 19, 160, 0) 74%);
	animation: call4ideasFloat1 1s ease-in-out infinite alternate;
}

@media(max-width: 480px) {
	.call4ideas-orb--deepblue {
		visibility: hidden;
	}
}

/* blu medio centrale */
.call4ideas-orb--blue {
	width: 280px;
	height: 280px;
	right: 10px;
	top: 50px;
	background: radial-gradient(circle,
			rgba(42, 111, 212, 0.95) 0%,
			rgba(42, 111, 212, 0.78) 40%,
			rgba(42, 111, 212, 0) 74%);
	animation: call4ideasFloat2 2s ease-in-out infinite alternate;
}

/* azzurro chiaro in basso */
.call4ideas-orb--light {
	width: 260px;
	height: 260px;
	left: 20px;
	bottom: -30px;
	background: radial-gradient(circle,
			rgba(210, 235, 240, 0.95) 0%,
			rgba(182, 221, 235, 0.75) 42%,
			rgba(182, 221, 235, 0) 76%);
	animation: call4ideasFloat3 3s ease-in-out infinite alternate;
}

@media(max-width: 480px) {
	.call4ideas-orb--light {
		visibility: hidden;
	}
}

/* luce azzurra a destra/basso */
.call4ideas-orb--sky {
	width: 220px;
	height: 220px;
	right: -20px;
	bottom: 10px;
	background: radial-gradient(circle,
			rgba(117, 190, 227, 0.8) 0%,
			rgba(117, 190, 227, 0.45) 38%,
			rgba(117, 190, 227, 0) 74%);
	animation: call4ideasFloat4 4s ease-in-out infinite alternate;
}

/* noise / grana */
.call4ideas-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	background-size: 170px 170px;
	background-repeat: repeat;

	opacity: 1;
	mix-blend-mode: soft-light;
	border-radius: 40px;
}

/* animazioni */
@keyframes call4ideasFloat1 {
	0% {
		transform: translate3d(-20px, 0, 0) scale(1);
	}

	25% {
		transform: translate3d(35px, -20px, 0) scale(1.1);
	}

	50% {
		transform: translate3d(65px, 20px, 0) scale(0.95);
	}

	75% {
		transform: translate3d(15px, 45px, 0) scale(1.14);
	}

	100% {
		transform: translate3d(-10px, 20px, 0) scale(1.02);
	}
}

@keyframes call4ideasFloat2 {
	0% {
		transform: translate3d(0, 10px, 0) scale(1);
	}

	25% {
		transform: translate3d(-30px, -15px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(-60px, 25px, 0) scale(0.94);
	}

	75% {
		transform: translate3d(-20px, 45px, 0) scale(1.12);
	}

	100% {
		transform: translate3d(10px, 20px, 0) scale(1.01);
	}
}

@keyframes call4ideasFloat3 {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
	}

	25% {
		transform: translate3d(30px, -20px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(55px, 10px, 0) scale(0.95);
	}

	75% {
		transform: translate3d(15px, 35px, 0) scale(1.12);
	}

	100% {
		transform: translate3d(-10px, 15px, 0) scale(1.02);
	}
}

@keyframes call4ideasFloat4 {
	0% {
		transform: translate3d(10px, 10px, 0) scale(1);
	}

	25% {
		transform: translate3d(-20px, -15px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(-45px, 25px, 0) scale(0.95);
	}

	75% {
		transform: translate3d(15px, 35px, 0) scale(1.1);
	}

	100% {
		transform: translate3d(-10px, 10px, 0) scale(1.01);
	}
}

@media (prefers-reduced-motion: reduce) {
	.call4ideas-orb {
		animation: none !important;
	}
}



.startup-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;

	min-height: 570px;
	padding: 38px 36px 30px;
	border-radius: 36px;

	background: #c9b9aa;
}


/* SFONDO ANIMATO */

.startup-card__bg {
	position: absolute;
	inset: -20%;
	z-index: 0;
	pointer-events: none;
}


/* CONTENUTO */

.startup-card__content {
	position: relative;
	z-index: 2;
	height: 100%;
	color: #fff;
}


/* MACCHIE DI COLORE */

.startup-orb {
	position: absolute;
	border-radius: 50%;

	filter: blur(55px);
	opacity: 1;

	will-change: transform;
	transform: translate3d(0, 0, 0);
}


/* Crema luminosa in alto a sinistra */

.startup-orb--cream {
	top: -30px;
	left: -40px;

	width: 280px;
	height: 280px;

	background: radial-gradient(circle,
			rgba(246, 239, 205, 1) 0%,
			rgba(235, 222, 190, 0.85) 38%,
			rgba(235, 222, 190, 0) 74%);

	animation: startupFloat1 1s ease-in-out infinite alternate;
}

@media(max-width: 480px) {
	.startup-orb--cream {
		visibility: hidden;
	}
}


/* Rosa cipria centrale */

.startup-orb--pink {
	top: 130px;
	right: -30px;

	width: 280px;
	height: 280px;

	background: radial-gradient(circle, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 11%) 40%, rgba(204, 157, 173, 0) 75%);

	animation: startupFloat2 2s ease-in-out infinite alternate;
}


/* Beige caldo in basso a sinistra */

.startup-orb--sand {
	bottom: -50px;
	left: -30px;

	width: 300px;
	height: 300px;

	background: radial-gradient(circle,
			rgba(225, 205, 170, 0.95) 0%,
			rgba(205, 178, 143, 0.72) 42%,
			rgba(205, 178, 143, 0) 76%);

	animation: startupFloat3 3s ease-in-out infinite alternate;
}


/* Tortora scuro in basso a destra */

.startup-orb--taupe {
	right: -40px;
	bottom: -20px;

	width: 270px;
	height: 270px;

	background: radial-gradient(circle,
			rgba(119, 108, 104, 0.9) 0%,
			rgba(105, 94, 91, 0.7) 40%,
			rgba(105, 94, 91, 0) 75%);

	animation: startupFloat4 4s ease-in-out infinite alternate;
}


/* GRANA */

.startup-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;

	pointer-events: none;

	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

	background-size: 165px 165px;
	background-repeat: repeat;

	opacity: 0;
	mix-blend-mode: soft-light;
}


/* MOVIMENTO EVIDENTE */

@keyframes startupFloat1 {
	0% {
		transform: translate3d(-20px, 0, 0) scale(1);
	}

	25% {
		transform: translate3d(45px, -20px, 0) scale(1.12);
	}

	50% {
		transform: translate3d(75px, 35px, 0) scale(0.94);
	}

	75% {
		transform: translate3d(20px, 65px, 0) scale(1.16);
	}

	100% {
		transform: translate3d(-10px, 30px, 0) scale(1);
	}
}


@keyframes startupFloat2 {
	0% {
		transform: translate3d(10px, 0, 0) scale(1);
	}

	25% {
		transform: translate3d(-45px, -30px, 0) scale(1.12);
	}

	50% {
		transform: translate3d(-75px, 35px, 0) scale(0.93);
	}

	75% {
		transform: translate3d(-20px, 65px, 0) scale(1.15);
	}

	100% {
		transform: translate3d(10px, 25px, 0) scale(1);
	}
}


@keyframes startupFloat3 {
	0% {
		transform: translate3d(-10px, 15px, 0) scale(1);
	}

	25% {
		transform: translate3d(45px, -40px, 0) scale(1.1);
	}

	50% {
		transform: translate3d(80px, -10px, 0) scale(0.94);
	}

	75% {
		transform: translate3d(25px, 45px, 0) scale(1.16);
	}

	100% {
		transform: translate3d(-15px, 20px, 0) scale(1.02);
	}
}


@keyframes startupFloat4 {
	0% {
		transform: translate3d(10px, 10px, 0) scale(1);
	}

	25% {
		transform: translate3d(-40px, -35px, 0) scale(1.12);
	}

	50% {
		transform: translate3d(-75px, 20px, 0) scale(0.94);
	}

	75% {
		transform: translate3d(-15px, 55px, 0) scale(1.15);
	}

	100% {
		transform: translate3d(15px, 20px, 0) scale(1);
	}
}


@media (prefers-reduced-motion: reduce) {
	.startup-orb {
		animation: none !important;
	}
}


#form .form-group:nth-child(1) {
	margin-right: 24px;
}

#form .form-group:nth-child(3) {
	margin-right: 24px;
}

@media(max-width: 990px) {
	#form .form-group:nth-child(1) {
		margin-right: 0px !important;
	}

	#form .form-group:nth-child(3) {
		margin-right: 0px !important;
	}
}

#form .form-group:nth-child(5) {
	height: 68.44px;
}

#form .form-group:nth-child(5) select {
	height: 100%;
}

#form .form-group:nth-child(5) select option {
	color: black;
}

#form-contatti .form-group:nth-child(1) {
	margin-right: 24px;
}

#form-contatti .form-group:nth-child(3) {
	margin-right: 24px;
}

#form-contatti .form-group:nth-child(5) {
	margin-right: 24px;
}

@media(max-width: 990px) {
	#form-contatti .form-group:nth-child(1) {
		margin-right: 0px;
	}

	#form-contatti .form-group:nth-child(3) {
		margin-right: 0px;
	}

	#form-contatti .form-group:nth-child(5) {
		margin-right: 0px;
	}
}

.card-calendario {
	transition: background 0.3s ease-in-out;
}

.card-calendario .contenuto-card-calendario {
	transition: color 0.3s ease-in-out;
}

.card-calendario .svg-calendario {
	transition: transform 0.3s ease-in-out;
}

.card-calendario:hover {
	background: #11316f;
}

.card-calendario:hover .contenuto-card-calendario {
	color: white !important;
}

.card-calendario:hover .svg-calendario {
	transform: translatex(10px);
}

.news-card .svg-news-card {
	transition: transform 0.3s ease-in-out;
}

.news-card:hover .svg-news-card {
	transform: translatex(10px);
}

.card-calendario .contenuto-card-progetti {
	transition: color 0.3s ease-in-out;
}

.card-calendario:hover .contenuto-card-progetti {
	color: #fff !important;
}


.open-day-banner {
	position: relative;
	overflow: hidden;
	isolation: isolate;

	min-height: 400px;
	border-radius: 42px;
	padding: 48px 32px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(135deg, #06108f 0%, #1658b8 55%, #86aeca 100%);
}

.open-day-banner__bg {
	position: absolute;
	inset: -15%;
	z-index: 0;
	pointer-events: none;
}

.open-day-banner__content {
	position: relative;
	z-index: 2;

	width: 100%;
	max-width: 900px;
	margin: 0 auto;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;
	color: #fff;
}

/* ORB / SFUMATURE */

.open-day-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(70px);
	opacity: 1;
	will-change: transform;
	transform: translate3d(0, 0, 0);
}

/* blu profondo a sinistra */
.open-day-orb--deep {
	width: 420px;
	height: 420px;
	left: -120px;
	top: -30px;

	background: radial-gradient(circle,
			rgba(0, 24, 145, 1) 0%,
			rgba(0, 24, 145, 0.88) 38%,
			rgba(0, 24, 145, 0) 74%);

	animation: openDayFloat1 1s ease-in-out infinite alternate;
}

/* blu centrale */
.open-day-orb--blue {
	width: 500px;
	height: 500px;
	left: 35%;
	top: -60px;

	background: radial-gradient(circle,
			rgba(22, 86, 200, 0.95) 0%,
			rgba(22, 86, 200, 0.72) 40%,
			rgba(22, 86, 200, 0) 76%);

	animation: openDayFloat2 2s ease-in-out infinite alternate;
}

/* azzurro chiaro in basso a sinistra */
.open-day-orb--sky {
	width: 420px;
	height: 420px;
	left: 10%;
	bottom: -150px;

	background: radial-gradient(circle,
			rgba(145, 191, 214, 0.95) 0%,
			rgba(126, 177, 202, 0.65) 42%,
			rgba(126, 177, 202, 0) 76%);

	animation: openDayFloat3 3s ease-in-out infinite alternate;
}

/* luce chiara in alto a destra */
.open-day-orb--light {
	width: 360px;
	height: 360px;
	right: -80px;
	top: -40px;

	background: radial-gradient(circle,
			rgba(205, 215, 227, 0.92) 0%,
			rgba(175, 195, 214, 0.52) 38%,
			rgba(175, 195, 214, 0) 75%);

	animation: openDayFloat4 4s ease-in-out infinite alternate;
}

/* GRANA / NOISE */
.open-day-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	background-size: 170px 170px;
	background-repeat: repeat;

	opacity: 1;
	mix-blend-mode: soft-light;
}

/* ANIMAZIONI */
@keyframes openDayFloat1 {
	0% {
		transform: translate3d(-20px, 0, 0) scale(1);
	}

	25% {
		transform: translate3d(45px, -20px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(70px, 25px, 0) scale(0.95);
	}

	75% {
		transform: translate3d(25px, 45px, 0) scale(1.12);
	}

	100% {
		transform: translate3d(-10px, 20px, 0) scale(1.02);
	}
}

@keyframes openDayFloat2 {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
	}

	25% {
		transform: translate3d(-40px, -25px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(-70px, 20px, 0) scale(0.94);
	}

	75% {
		transform: translate3d(-25px, 40px, 0) scale(1.13);
	}

	100% {
		transform: translate3d(10px, 15px, 0) scale(1.01);
	}
}

@keyframes openDayFloat3 {
	0% {
		transform: translate3d(0, 15px, 0) scale(1);
	}

	25% {
		transform: translate3d(35px, -20px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(60px, 5px, 0) scale(0.95);
	}

	75% {
		transform: translate3d(20px, 35px, 0) scale(1.1);
	}

	100% {
		transform: translate3d(-10px, 18px, 0) scale(1.02);
	}
}

@keyframes openDayFloat4 {
	0% {
		transform: translate3d(10px, 0, 0) scale(1);
	}

	25% {
		transform: translate3d(-25px, -18px, 0) scale(1.08);
	}

	50% {
		transform: translate3d(-50px, 18px, 0) scale(0.95);
	}

	75% {
		transform: translate3d(10px, 35px, 0) scale(1.1);
	}

	100% {
		transform: translate3d(-8px, 15px, 0) scale(1.01);
	}
}

/* RESPONSIVE */
@media (max-width: 767px) {
	.open-day-banner {
		min-height: 340px;
		padding: 36px 22px;
		border-radius: 28px;
	}

	.open-day-banner__content {
		gap: 20px;
	}

	.open-day-orb--deep {
		width: 320px;
		height: 320px;
		left: -100px;
	}

	.open-day-orb--blue {
		width: 360px;
		height: 360px;
		left: 25%;
	}

	.open-day-orb--sky {
		width: 320px;
		height: 320px;
		bottom: -120px;
		left: 0;
	}

	.open-day-orb--light {
		width: 260px;
		height: 260px;
		right: -70px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.open-day-orb {
		animation: none !important;
	}
}


#accordion .brxe-block.listening svg {
	transition: transform 0.2s ease-in-out;
}

#accordion .brxe-block.listening.brx-open svg {
	transform: rotatez(180deg);
}


.brxe-nav-nested.brx-open li.menu-item a {
	width: auto !important;
}

#brxe-zvdtyg {
	row-gap: 62px !important;
}


/* Stato chiuso */
#menu .brx-nav-nested-items {
	display: flex !important;

	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0);
	right: 0;
	bottom: 0;
	left: 0;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transition:
		opacity 0.3s ease-in-out,
		visibility 0s linear 0.3s;
}


/* Stato aperto */
#menu.brx-open .brx-nav-nested-items {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;

	transition:
		opacity 0.3s ease,
		visibility 0s linear 0s;
}













/* ==================================================
   GRUPPO DELLE TRE CARD
================================================== */

.sv-connected-cards {
	--card-gap: 30px;

	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--card-gap);

	width: 100%;
}


/* ==================================================
   SINGOLA CARD
================================================== */

.sv-connected-card {
	position: relative;
	display: flex;

	min-width: 0;
	min-height: 540px;
	padding: 54px 50px;

	overflow: hidden;
	isolation: isolate;

	border-radius: 34px;

	/* Colore di sicurezza durante il caricamento */
	background-color: #7f1320;
}


/* ==================================================
   CONTENUTO
================================================== */

.sv-connected-content {
	position: relative;
	z-index: 3;

	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;

	width: 100%;
	height: 100%;

	color: #fff;
}


/* Forza il testo bianco */

.sv-connected-content,
.sv-connected-content h1,
.sv-connected-content h2,
.sv-connected-content h3,
.sv-connected-content h4,
.sv-connected-content p,
.sv-connected-content a {
	color: #fff;
}


/* ==================================================
   PANORAMA CONDIVISO
================================================== */

.sv-connected-card::before {
	content: "";

	position: absolute;
	top: -6%;
	bottom: -6%;
	z-index: 0;

	/*
	 * Il panorama è largo quanto:
	 * 3 card + i 2 gap presenti tra le card.
	 */
	width: calc(300% + (var(--card-gap) * 2));

	pointer-events: none;

	background:

		/* ==================================================
		   CARD 1 — VISION
		================================================== */

		/* Azzurro/grigio in alto a sinistra */
		radial-gradient(ellipse 13% 54% at 2% 2%,
			rgba(177, 220, 229, 1) 0%,
			rgba(113, 173, 202, 0.9) 42%,
			rgba(113, 173, 202, 0) 78%),

		/* Viola nella parte superiore */
		radial-gradient(ellipse 16% 60% at 20% 5%,
			rgba(111, 46, 122, 1) 0%,
			rgba(95, 30, 112, 0.9) 43%,
			rgba(95, 30, 112, 0) 78%),

		/* Rosa e magenta centrale */
		radial-gradient(ellipse 19% 65% at 20% 44%,
			rgba(203, 53, 103, 0.96) 0%,
			rgba(183, 24, 83, 0.82) 44%,
			rgba(183, 24, 83, 0) 79%),

		/* Rosso acceso nella parte medio-bassa */
		radial-gradient(ellipse 19% 63% at 25% 77%,
			rgba(255, 22, 12, 1) 0%,
			rgba(239, 0, 13, 0.96) 44%,
			rgba(211, 0, 16, 0) 80%),

		/* Rosa pallido in basso a sinistra */
		radial-gradient(ellipse 17% 48% at 2% 100%,
			rgba(237, 196, 205, 0.98) 0%,
			rgba(222, 164, 181, 0.7) 46%,
			rgba(222, 164, 181, 0) 82%),


		/* ==================================================
		   CARD 2 — MISSION
		================================================== */

		/* Viola e magenta in alto a sinistra */
		radial-gradient(ellipse 16% 59% at 36% 3%,
			rgba(109, 16, 101, 1) 0%,
			rgba(83, 10, 92, 0.92) 44%,
			rgba(83, 10, 92, 0) 79%),

		/* Blu profondo in alto a destra */
		radial-gradient(ellipse 18% 62% at 55% 3%,
			rgba(0, 65, 167, 1) 0%,
			rgba(0, 34, 129, 0.96) 45%,
			rgba(0, 34, 129, 0) 80%),

		/* Viola scuro nella zona centrale */
		radial-gradient(ellipse 18% 62% at 49% 38%,
			rgba(67, 19, 93, 0.94) 0%,
			rgba(53, 11, 77, 0.77) 45%,
			rgba(53, 11, 77, 0) 80%),

		/* Rosso acceso nella parte inferiore */
		radial-gradient(ellipse 24% 64% at 47% 91%,
			rgba(255, 18, 6, 1) 0%,
			rgba(222, 0, 10, 0.96) 45%,
			rgba(168, 0, 11, 0) 80%),

		/* Bordeaux in basso a destra */
		radial-gradient(ellipse 18% 54% at 64% 100%,
			rgba(120, 0, 10, 1) 0%,
			rgba(91, 0, 12, 0.92) 48%,
			rgba(91, 0, 12, 0) 82%),


		/* ==================================================
		   CARD 3 — VALORI
		================================================== */

		/* Azzurro brillante in alto a sinistra */
		radial-gradient(ellipse 17% 58% at 69% 3%,
			rgba(40, 172, 207, 1) 0%,
			rgba(25, 134, 184, 0.9) 44%,
			rgba(25, 134, 184, 0) 79%),

		/* Crema molto luminoso in alto a destra */
		radial-gradient(ellipse 22% 66% at 96% 4%,
			rgba(249, 250, 226, 1) 0%,
			rgba(242, 230, 207, 0.98) 48%,
			rgba(242, 230, 207, 0) 82%),

		/* Rosa cipria centrale */
		radial-gradient(ellipse 20% 62% at 89% 52%,
			rgba(226, 171, 177, 0.9) 0%,
			rgba(207, 128, 145, 0.66) 46%,
			rgba(207, 128, 145, 0) 81%),

		/* Pesca caldo sul lato destro */
		radial-gradient(ellipse 16% 55% at 98% 72%,
			rgba(242, 165, 135, 0.94) 0%,
			rgba(218, 108, 93, 0.64) 47%,
			rgba(218, 108, 93, 0) 82%),

		/* Rosso e bordeaux nella parte inferiore */
		radial-gradient(ellipse 25% 62% at 81% 102%,
			rgba(145, 0, 7, 1) 0%,
			rgba(105, 0, 9, 0.96) 48%,
			rgba(105, 0, 9, 0) 82%),


		/* ==================================================
		   BASE CHE COLLEGA LE TRE CARD
		================================================== */

		linear-gradient(110deg,
			#94c5d5 0%,
			#965076 14%,
			#bd2869 27%,
			#68145c 35%,
			#112077 48%,
			#0061a6 62%,
			#59abc5 70%,
			#e8dfcf 87%,
			#d47466 100%);

	background-repeat: no-repeat;
	background-size: 100% 100%;

	transform-origin: center center;
	will-change: transform;

	animation:
		svConnectedPanorama 2.8s ease-in-out infinite alternate;
		
	filter: blur(12px) saturate(1.08);
}


/* ==================================================
   POSIZIONE DEL PANORAMA NELLE TRE CARD
================================================== */

/* Card Vision: mostra il lato sinistro */

.sv-connected-card--1::before {
	left: 0;
}


/* Card Mission: mostra la parte centrale */

.sv-connected-card--2::before {
	left: calc(-100% - var(--card-gap));
}


/* Card Valori: mostra il lato destro */

.sv-connected-card--3::before {
	left: calc(-200% - (var(--card-gap) * 2));
}


/* ==================================================
   MOVIMENTO DEI COLORI
================================================== */

@keyframes svConnectedPanorama {

	0% {
		transform:
			translate3d(-0.7%, -0.5%, 0) scale(1.035);
	}

	25% {
		transform:
			translate3d(0.8%, -1%, 0) scale(1.055);
	}

	50% {
		transform:
			translate3d(1.2%, 0.7%, 0) scale(1.04);
	}

	75% {
		transform:
			translate3d(-0.9%, 1%, 0) scale(1.06);
	}

	100% {
		transform:
			translate3d(-0.3%, 0.2%, 0) scale(1.045);
	}
}


/* ==================================================
   GRANA / NOISE
================================================== */

.sv-connected-card::after {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 1;

	pointer-events: none;

	background-image:
		url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");

	background-size: 135px 135px;
	background-repeat: repeat;

	opacity: 1;
	mix-blend-mode: soft-light;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1100px) {

	.sv-connected-cards {
		--card-gap: 18px;
	}

	.sv-connected-card {
		min-height: 500px;
		padding: 42px 30px;
		border-radius: 30px;
	}
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

	.sv-connected-cards {
		--card-gap: 18px;

		grid-template-columns: 1fr;
	}

	.sv-connected-card {
		min-height: 480px;
		padding: 38px 28px;
		border-radius: 28px;
	}

	/*
	 * Su mobile ogni card conserva la propria porzione
	 * del panorama originale.
	 */

	.sv-connected-card::before {
		top: -5%;
		bottom: -5%;

		width: 300%;
	}

	.sv-connected-card--1::before {
		left: 0;
	}

	.sv-connected-card--2::before {
		left: -100%;
	}

	.sv-connected-card--3::before {
		left: -200%;
	}
}


/* ==================================================
   RIDUZIONE DEL MOVIMENTO
================================================== */

@media (prefers-reduced-motion: reduce) {

	.sv-connected-card::before {
		animation: none !important;
	}
}



.btn {
	--arrow-size: 45px;
	--arrow-inset: -2px;

	position: relative;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 45px;

	padding-left: calc(var(--arrow-size) + 12px);
	padding-right: calc(var(--arrow-size) + 12px);

	overflow: hidden;
}

.btn .testo-btn {
	transition: transform 0.3s linear;
}

.btn:hover .testo-btn {
	transform: translatex(-35px);
}


.freccia-btn,
.freccia-btn-blu,
.freccia-btn-bianco {
	position: absolute;

	top: 0;
	bottom: 0;
	left: var(--arrow-inset);

	width: var(--arrow-size);
	height: var(--arrow-size);

	margin-block: auto;

	transition: left 0.4s ease-in-out;
	z-index: 999
}


.btn:hover .freccia-btn,
.btn:hover .freccia-btn-blu,
.btn:hover .freccia-btn-bianco {
	left: calc(100% - var(--arrow-size) - var(--arrow-inset));
}

.freccia-btn circle,
.freccia-btn-blu circle,
.freccia-btn-bianco circle {
	transition: fill 0.3s linear;
}

.btn:hover .freccia-btn circle {
	fill: #ff0000;
}

.btn:hover .freccia-btn-blu circle {
	fill: #11316f;
}

.btn:hover .freccia-btn-bianco circle {
	fill: #fff;
}

.freccia-btn path {
	transition: stroke 0.3s ease-in-out;
}

.btn:hover .freccia-btn path {
	stroke: #fff !important;
}


#grid-menu {
	row-gap: 100px !important;
}

#grid-menu .brxe-block .brxe-text-link[aria-current="page"]:after {
	opacity: 1;
}

#grid-menu .brxe-block .brxe-text-link::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: white;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

@media(max-width: 480px) {
	#grid-menu .brxe-block .brxe-text-link::after {
		bottom: -2px;
	}
}

#grid-menu .brxe-block .brxe-text-link:nth-child(1)::after {
	height: 3px !important;
}


#grid-menu .brxe-block .brxe-text-link:hover::after {
	opacity: 1;
}


.card-animazione {
	background: transparent;
	transition: background 0.3s ease-in-out;
}

.card-animazione:hover {
	background: #11316f;
}

.titolo-card-animazione .sottotitolo-card-animazione {
	transition: color 0.3s ease-in-out;
}

.card-animazione:hover .titolo-card-animazione,
.card-animazione:hover .sottotitolo-card-animazione {
	color: #fff !important;
}

.card-animazione svg {
	transition: fill 0.3s ease-in-out;
}

.card-animazione:hover svg {
	fill: #ff0000 !important;
}


/* Contenitore effettivo di testo e immagine */
.corpo-card-animazione {
	--reveal-height: 60px;

	position: relative;
	overflow: hidden;
	isolation: isolate;

	border-radius: 40px;
}


/* Testo che viene rivelato */
.sottotitolo-card-animazione {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;

	display: flex;
	align-items: center;

	height: var(--reveal-height);
	padding: 0 24px !important;
	background-color: transparent;
}


/* Immagine sovrapposta al testo */
.immagine-card-animazione {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2;

	width: 100% !important;
	height: 100% !important;

	border-radius: 40px;

	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;

	-webkit-clip-path: inset(0 0 0 0) !important;
	clip-path: inset(0 0 0 0) !important;

	transition:
		-webkit-clip-path 0.45s ease-in-out,
		clip-path 0.3s ease-in-out !important;

	will-change: clip-path;
}


/* Hover direttamente sul contenitore dell’immagine */
.card-animazione:hover .corpo-card-animazione>.immagine-card-animazione,
.card-animazione:focus-within .corpo-card-animazione>.immagine-card-animazione {
	-webkit-clip-path: inset(var(--reveal-height) 0 0 0 round 40px) !important;
	clip-path: inset(var(--reveal-height) 0 0 0 round 40px) !important;
}


















/* ==================================================
   WRAPPER GENERALE
================================================== */

.news-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-flow: dense;
	gap: 30px;
	width: 100%;
}


/* ==================================================
   ELEMENTO RIPETUTO DAL QUERY LOOP
================================================== */

.news-grid {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
}


/* ==================================================
   CARD BASE
================================================== */

.news-card {
	position: relative;
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;

	width: 100%;
	height: 100%;

	min-width: 0;
	min-height: 0;

	overflow: hidden;

	border: 1px solid #6e94b1;
	border-radius: 40px;

	background: #fff;
	color: #11316f;
}


/* ==================================================
   MEDIA
================================================== */

.news-card__media {
	position: relative;

	width: 100%;
	height: 100%;

	min-width: 0;
	min-height: 0;

	overflow: hidden;
}

.news-card__media .brxe-image,
.news-card__media figure,
.news-card__media picture {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}

.news-card__media img {
	display: block;
	width: 100% !important;
	height: 100% !important;

	object-fit: cover !important;
	object-position: center center;

	transition: transform 0.6s ease;
	border-radius: 40px;
}

.news-card:hover .news-card__media img {
	transform: scale(1.03);
}


/* ==================================================
   BODY
================================================== */

.news-card__body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	min-width: 0;
	padding: 20px 20px 22px;
	background: transparent;
	height: 277px;
}


/* ==================================================
   META (categoria + data)
================================================== */

.news-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	width: 100%;
	margin-top: 20px;
	margin-left: 20px;
}


/* ==================================================
   BADGE CATEGORIA
================================================== */

.news-card__category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: 100%;
	padding: 10px 20px;
	border: 2px solid #6e94b1;
	border-radius: 999px;
	color: #6e94b1;
	background: transparent;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	text-transform: uppercase;
}


/* ==================================================
   BADGE DATA
================================================== */

.news-card__date {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	max-width: 100%;
	padding: 10px 20px;
	border: 2px solid #ff0000;
	border-radius: 999px;
	color: #fff;
	background: #ff0000;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	text-transform: uppercase;
}


/* ==================================================
   TITOLO
================================================== */

.news-card__title {
	width: 100%;
	margin: 0;
	color: #11316f;
	font-size: clamp(21px, 1.7vw, 30px);
	font-weight: 600;
	line-height: 40px;
}


/* ==================================================
   LINK
================================================== */

.news-card__link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: #ff0000;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
}


/* ==================================================
   PATTERN DESKTOP - CICLO DA 6
================================================== */

/* 1 - immagine alta sinistra */
.news-grid-wrapper>.news-grid:nth-child(6n + 1) {
	grid-column: span 1;
	grid-row: span 2;
}

/* 2 - testo alto centro */
.news-grid-wrapper>.news-grid:nth-child(6n + 2) {
	grid-column: span 1;
	grid-row: span 1;
}

/* 3 - immagine alta destra */
.news-grid-wrapper>.news-grid:nth-child(6n + 3) {
	grid-column: span 1;
	grid-row: span 2;
}

/* 4 - immagine alta centro sotto */
.news-grid-wrapper>.news-grid:nth-child(6n + 4) {
	grid-column: span 1;
	grid-row: span 2;
}

/* 5 - testo basso sinistra */
.news-grid-wrapper>.news-grid:nth-child(6n + 5) {
	grid-column: span 1;
	grid-row: span 1;
}

/* 6 - testo basso destra */
.news-grid-wrapper>.news-grid:nth-child(6n + 6) {
	grid-column: span 1;
	grid-row: span 1;
}


/* ==================================================
   CARD CON IMMAGINE
   1 / 3 / 4
================================================== */

.news-grid-wrapper>.news-grid:nth-child(6n + 1) .news-card,
.news-grid-wrapper>.news-grid:nth-child(6n + 3) .news-card,
.news-grid-wrapper>.news-grid:nth-child(6n + 4) .news-card {
	grid-template-rows: minmax(0, 1fr) auto;
}

/* badge overlay sulle card immagine */
.news-grid-wrapper>.news-grid:nth-child(6n + 1) .news-card__meta,
.news-grid-wrapper>.news-grid:nth-child(6n + 3) .news-card__meta,
.news-grid-wrapper>.news-grid:nth-child(6n + 4) .news-card__meta {
	position: absolute;
	top: 14px;
	left: 14px;

	display: flex;
	flex-wrap: wrap;
	gap: 10px;

	width: auto;
	max-width: calc(100% - 28px);
}

/* sulle card immagine, categoria bianca trasparente */
.news-grid-wrapper>.news-grid:nth-child(6n + 1) .news-card__category,
.news-grid-wrapper>.news-grid:nth-child(6n + 3) .news-card__category,
.news-grid-wrapper>.news-grid:nth-child(6n + 4) .news-card__category {
	border-color: #fff;
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

/* se c'è data sulle card immagine, la nascondiamo */
.news-grid-wrapper>.news-grid:nth-child(6n + 1) .news-card__date,
.news-grid-wrapper>.news-grid:nth-child(6n + 3) .news-card__date,
.news-grid-wrapper>.news-grid:nth-child(6n + 4) .news-card__date {
	display: none;
}


/* ==================================================
   CARD TESTUALI
   2 / 5 / 6
================================================== */

.news-grid-wrapper>.news-grid:nth-child(6n + 2) .news-card,
.news-grid-wrapper>.news-grid:nth-child(6n + 5) .news-card,
.news-grid-wrapper>.news-grid:nth-child(6n + 6) .news-card {
	display: block;
}

.news-grid-wrapper>.news-grid:nth-child(6n + 2) .news-card__media,
.news-grid-wrapper>.news-grid:nth-child(6n + 5) .news-card__media,
.news-grid-wrapper>.news-grid:nth-child(6n + 6) .news-card__media {
	display: none;
}

.news-grid-wrapper>.news-grid:nth-child(6n + 2) .news-card__body,
.news-grid-wrapper>.news-grid:nth-child(6n + 5) .news-card__body,
.news-grid-wrapper>.news-grid:nth-child(6n + 6) .news-card__body {
	padding: 28px 28px 24px;
}

.news-grid-wrapper>.news-grid:nth-child(6n + 2) .news-card__title,
.news-grid-wrapper>.news-grid:nth-child(6n + 5) .news-card__title,
.news-grid-wrapper>.news-grid:nth-child(6n + 6) .news-card__title {
	font-size: clamp(21px, 1.7vw, 30px);
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 991px) {

	.news-grid-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.news-card__body {
		padding: 18px;
	}

	.news-grid-wrapper>.news-grid:nth-child(6n + 2) .news-card__body,
	.news-grid-wrapper>.news-grid:nth-child(6n + 5) .news-card__body,
	.news-grid-wrapper>.news-grid:nth-child(6n + 6) .news-card__body {
		padding: 22px;
	}
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 600px) {

	.news-grid-wrapper {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 18px;
	}

	.news-grid-wrapper>.news-grid {
		grid-column: auto !important;
		grid-row: auto !important;
		height: auto;
	}

	.news-card {
		display: grid !important;
		grid-template-rows: 220px auto !important;
		height: auto;
		min-height: 0;
	}

	.news-grid-wrapper>.news-grid .news-card__media {
		display: block !important;
		height: 220px;
	}

	.news-grid-wrapper>.news-grid .news-card__meta {
		position: absolute;
		top: 16px;
		left: 16px;

		display: flex;
		flex-wrap: wrap;
		gap: 10px;

		width: auto;
		max-width: calc(100% - 32px);
	}

	.news-grid-wrapper>.news-grid .news-card__category {
		border-color: #fff;
		color: #fff;
		background: rgba(255, 255, 255, 0.05);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
	}

	.news-grid-wrapper>.news-grid .news-card__date {
		display: none;
	}

	.news-grid-wrapper>.news-grid .news-card__body {
		height: auto;
		padding: 20px;
	}

	.news-grid-wrapper>.news-grid .news-card__title {
		font-size: 21px;
	}
}



.news-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.news-filter .brx-filter-option,
.news-filter .bricks-filter-option,
.news-filter label {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 10px 18px;
	border: 1px solid #7ea0c7;
	border-radius: 999px;

	color: #7ea0c7;
	background: transparent;

	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	transition: all 0.25s ease;
}

.news-filter .brx-filter-option:hover,
.news-filter .bricks-filter-option:hover,
.news-filter label:hover {
	color: #11316f;
	border-color: #11316f;
}

.news-filter input:checked+span,
.news-filter input:checked+label,
.news-filter .is-active {
	background: #11316f;
	border-color: #11316f;
	color: #fff;
}

.social circle {
	transition: fill 0.3s ease-in-out;
}

.social:hover circle {
	fill: #ff0000;
}

.social path {
	transition: fill 0.3s ease-in-out;
}

.social:hover path {
	fill: #fff !important;
}


#form-contatti .privacy-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

#form-contatti .privacy-link:hover {
	opacity: 0.7;
}



.immagine-card-animazione-1 {
	position: absolute !important;
	inset: 0 !important;

	background-image: url("/wp-content/uploads/2026/09/Rectangle-59.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	overflow: hidden;
}

.immagine-card-animazione-1::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("/wp-content/uploads/2026/08/Rectangle-41.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.card-animazione-1:hover .immagine-card-animazione-1::before {
	opacity: 1;
}





.immagine-card-animazione-2 {
	position: absolute !important;
	inset: 0 !important;

	background-image: url("/wp-content/uploads/2026/09/Rectangle-59-1.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	overflow: hidden;
}

.immagine-card-animazione-2::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("/wp-content/uploads/2026/08/Rectangle-41.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.card-animazione-2:hover .immagine-card-animazione-2::before {
	opacity: 1;
}





.immagine-card-animazione-3 {
	position: absolute !important;
	inset: 0 !important;

	background-image: url("/wp-content/uploads/2026/09/Rectangle-59-2.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	overflow: hidden;
}

.immagine-card-animazione-3::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("/wp-content/uploads/2026/08/Rectangle-41.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.card-animazione-3:hover .immagine-card-animazione-3::before {
	opacity: 1;
}

.link-credits:hover{
	color: #ff0000 !important;
}

.grecaptcha-badge{
	visibility: visible !important;
	z-index: 9 !important;
}