/* Pagina Security (templates/security.php). La testata usa gli stili di .about-template .intro. */

/* Card che scavalcano la testata, come quelle di About Us */
.security-template .security-highlights {
	padding-bottom: 20px;
}

.security-template .security-card {
	position: relative;
	margin-top: 15px;
	padding: 40px 25px 35px;
	background: #fff;
	border: 2px solid rgba(74, 142, 210, .1);
	border-radius: 3px;
	box-shadow: 0 12px 30px rgba(45, 64, 120, .06);
}

@media (min-width: 768px) {
	.security-template .security-card {
		margin-top: -40px;
	}
}

.security-template .security-card__icon {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background-color: rgba(74, 142, 210, .1);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 28px 28px;
}

.security-template .security-card__label {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #33333d;
}

.security-template .security-card__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
}

/* Disegni delle icone (tratto blu del tema) */
.security-template .security-card__icon--cloud { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a8ed2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18h10.5a4 4 0 0 0 .6-7.96A6 6 0 0 0 6.2 9.2 4.5 4.5 0 0 0 7 18z'/%3E%3C/svg%3E"); }
.security-template .security-card__icon--key { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a8ed2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M10.8 12.2 20 3M17 6l2.5 2.5M14.5 8.5l2 2'/%3E%3C/svg%3E"); }
.security-template .security-card__icon--browser { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a8ed2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18M6.5 6.5h.01M9 6.5h.01'/%3E%3C/svg%3E"); }
.security-template .security-card__icon--users { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a8ed2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14a6.5 6.5 0 0 1 3.5 6'/%3E%3C/svg%3E"); }
.security-template .security-card__icon--document { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a8ed2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
.security-template .security-card__icon--shield { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a8ed2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.4 8.2 8 9 4.6-.8 8-4 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }

.security-template .security-lead {
	margin-top: 50px;
}

/* Sezioni immagine/testo */
.security-template .security-sections {
	padding: 30px 0 20px;
}

.security-template .security-section {
	padding: 40px 0;
}

@media (min-width: 992px) {
	.security-template .security-section {
		padding: 60px 0;
	}
}

.security-template .security-section__image {
	margin-bottom: 25px;
	text-align: center;
}

.security-template .security-section__image img {
	max-width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.security-template .security-section__image {
		margin-bottom: 0;
	}

	.security-template .security-section__body {
		padding: 0 15px;
	}
}

.security-template .security-section__title {
	margin-bottom: 20px;
}

.security-template .security-section__text ul {
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}

.security-template .security-section__text li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 32px;
}

.security-template .security-section__text li::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(47, 205, 143, .15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232fcd8f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") no-repeat center / 12px 12px;
}

/* Riepilogo a griglia */
.security-template .security-glance {
	padding: 70px 0 90px;
	background: #f6f9fd;
}

.security-template .security-glance__text {
	margin-top: 15px;
}

.security-template .security-glance__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin: 40px 0 0;
}

@media (min-width: 576px) {
	.security-template .security-glance__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 992px) {
	.security-template .security-glance__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.security-template .security-glance__item {
	padding: 22px 24px;
	background: #fff;
	border: 1px solid rgba(74, 142, 210, .15);
	border-left: 3px solid #4a8ed2;
	border-radius: 3px;
}

.security-template .security-glance__item dt {
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #4a8ed2;
}

.security-template .security-glance__item dd {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
}