/*
 * Pagina Soluzioni (lancio, 23/10/2026): riproduce docs/riferimenti/anteprima-interattiva/.../soluzioni.html.
 * Usa le basi di home.css (contenitori, liste con spunta, riquadro servizi).
 */

html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* intestazione: briciole, titolo, intro e link alla tabella; logo a destra */
.nc-intestazione--soluzioni .nc-intestazione__testo {
	flex: 1 1 0%;
}

.nc-briciole {
	margin-bottom: 16px;
	font-size: 15px;
	color: var(--nc-ardesia);
}

.nc-briciole a {
	color: var(--nc-blu);
}

.nc-intestazione__intro {
	max-width: 56ch;
	font-size: 20px;
	color: var(--nc-ardesia);
}

.nc-link-incluso {
	font-weight: 700;
	color: var(--nc-blu);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-transform: uppercase;
}

/* formule */
.nc-formula--intero {
	padding: 72px 0 40px;
}

.nc-formula--stanza {
	padding: 32px 0 72px;
}

.nc-formula__titolo {
	margin-bottom: 8px !important;
	font-size: 32px;
	line-height: 1.15;
	font-weight: 700;
	font-stretch: 118%;
	color: var(--nc-blu);
}

.nc-formula__sotto {
	max-width: 64ch;
	margin-bottom: 28px !important;
	color: var(--nc-ardesia);
}

.nc-pacchetti {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 24px;
}

.nc-pacchetto {
	flex: 1 1 200px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px;
	box-sizing: border-box;
	border: 1px solid var(--nc-bordo);
	border-radius: 10px;
	background: #fff;
}

.nc-pacchetti--stanza .nc-pacchetto {
	flex-basis: 250px;
	gap: 12px;
	padding: 26px;
}

.nc-pacchetto__etichetta {
	font-size: 14px;
	font-weight: 600;
	color: var(--nc-verde);
}

.nc-pacchetto__nome {
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	font-stretch: 115%;
	color: var(--nc-notte);
}

.nc-pacchetto__composizione {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
}

.nc-pacchetto__composizione li {
	display: flex;
	gap: 8px;
}

.nc-pacchetto__composizione li::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 4px;
	background: var(--nc-verde);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.nc-pacchetto__descrizione {
	font-size: 16px;
	color: var(--nc-ardesia);
}

.nc-pacchetto__inclusi {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--nc-bordo);
	font-size: 15px;
	font-weight: 600;
	color: var(--nc-verde);
}

.nc-pacchetto__canone {
	font-size: 18px;
	font-weight: 700;
}

.nc-pacchetto__azione {
	margin-top: auto;
	padding: 13px 16px;
	border-radius: 6px;
	background: var(--nc-verde);
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.nc-pacchetti--stanza .nc-pacchetto__azione {
	margin-top: 0;
}

.nc-pacchetto__azione:hover {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* tabella di confronto */
.nc-incluso {
	padding: 0 0 40px;
	scroll-margin-top: 16px;
}

.nc-tabella-incluso {
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--nc-bordo);
	border-radius: 10px;
}

.nc-tabella-incluso table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}

.nc-tabella-incluso :is(th, td) {
	padding: 12px 18px;
	border: 0;
	border-top: 1px solid var(--nc-bordo);
	text-align: left;
	vertical-align: top;
}

.nc-tabella-incluso thead,
.nc-tabella-incluso tfoot {
	border: 0;
}

.nc-tabella-incluso thead th {
	padding-block: 14px;
	border-top: 0;
	background: var(--nc-cielo);
	font-weight: 700;
}

.nc-tabella-incluso tbody td:first-child {
	font-weight: 600;
}

.nc-tabella-incluso td {
	color: var(--nc-ardesia);
}

.nc-tabella-incluso .nc-si {
	color: var(--nc-verde);
}

.nc-tabella-incluso .nc-no {
	color: var(--nc-ardesia);
}

/* in ogni soluzione */
.nc-ogni {
	padding: 0 0 72px;
}

.nc-servizi--celeste {
	background: var(--nc-cielo);
}

.nc-ogni .nc-servizi__titolo {
	color: var(--nc-notte);
}

.nc-pacchetti-vuoto {
	padding: 24px;
	border-radius: 10px;
	background: var(--nc-cielo);
}

@media (max-width: 700px) {
	.nc-tabella-incluso :is(th, td) {
		padding-inline: 10px;
		font-size: 14px;
	}
}