/* ==========================================================
   CORREZIONI FINALI V8
   ========================================================== */

@media screen and (max-width: 960px), screen and (orientation: landscape) and (max-height: 500px) {

	/* HEADER E TICKER */

	header,
	header .wrapper {
		position: relative;
		width: 100%;
		height: 150px;
		min-height: 150px;
		overflow: hidden;
	}

	header hgroup,
	header h1 {
		display: block;
		width: 100%;
		height: 86px;
	}

	header h1 a {
		display: block;
		float: none;
		width: min(417px, 92vw);
		height: 86px;
		margin: -3px auto 0;
		background-position: center top;
		background-size: contain;
	}

	header ul#ticker {
		position: absolute;
		right: 8px;
		bottom: 4px;
		left: 8px;
		display: block;
		width: auto;
		height: 58px;
		margin: 0;
		padding: 4px 8px;
		overflow: hidden;
		border-top: 1px solid rgba(255, 201, 84, 0.28);
		background: rgba(0, 0, 0, 0.28);
		text-align: center;
	}

	header ul#ticker > li {
		position: absolute;
		top: 4px;
		right: 8px;
		left: 8px;
		display: block !important;
		width: auto;
		height: 50px;
		margin: 0 !important;
		padding: 0;
		opacity: 0;
	}

	header ul#ticker > li#prossimo-appuntamento {
		-webkit-animation: lasacristia-ticker 14s 0s infinite both !important;
		animation: lasacristia-ticker 14s 0s infinite both !important;
	}

	header ul#ticker > li:not(#prossimo-appuntamento) {
		-webkit-animation: lasacristia-ticker 14s 7s infinite both !important;
		animation: lasacristia-ticker 14s 7s infinite both !important;
	}

	header ul#ticker > li span {
		display: block;
		margin: 0 0 2px;
		color: #ffc954;
		font: 13px/1.25 Verdana, Arial, sans-serif;
		white-space: normal;
	}

	header ul#ticker > li a {
		display: block;
		color: #eee;
		font: 11px/1.3 Verdana, Arial, sans-serif;
		text-decoration: none;
		white-space: normal;
	}

	@-webkit-keyframes lasacristia-ticker {
		0%   { opacity: 0; }
		6%   { opacity: 1; }
		43%  { opacity: 1; }
		49%  { opacity: 0; }
		100% { opacity: 0; }
	}

	@keyframes lasacristia-ticker {
		0%   { opacity: 0; }
		6%   { opacity: 1; }
		43%  { opacity: 1; }
		49%  { opacity: 0; }
		100% { opacity: 0; }
	}

	/* FOTO E CITAZIONE */

	#container {
		min-height: 0;
	}

	#main.home {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		height: 53.645833vw;
		min-height: 0;
		max-height: 515px;
		margin: 0;
		overflow: hidden;
		background: #280000;
	}

	#main.home img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-width: none;
		object-fit: cover;
		object-position: center center;
	}

	section#home {
		position: absolute;
		top: 0;
		right: 0;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 53.645833vw;
		min-height: 0;
		max-height: 515px;
		margin: 0;
		padding: 0;
		background: transparent;
		pointer-events: none;
	}

	section#home h3 {
		position: absolute;
		right: 3%;
		bottom: 3%;
		left: auto;
		width: min(330px, 44vw);
		height: auto;
		aspect-ratio: 495 / 225;
		margin: 0;
		padding: 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		opacity: 0.82;
	}

	/* FOOTER 2 × 2 */

	footer {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		min-height: 0;
		margin: 0;
		padding: 12px 10px 14px;
		border-top: 4px solid #080000;
		background-color: #290000;
		background-image:
			linear-gradient(to bottom, #4b0703 0%, #210000 100%) !important;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}

	footer .wrapper {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	ul#footer {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px;
		width: 100%;
		max-width: 600px;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}

	ul#footer > li {
		position: relative;
		float: none;
		display: block;
		width: 100%;
		min-width: 0;
		height: auto;
		aspect-ratio: 240 / 145;
		margin: 0;
		padding: 0;
		overflow: hidden;
		border: 1px solid rgba(255, 201, 84, 0.58);
		border-radius: 5px;
		background-color: #530905;
		background-repeat: no-repeat;
		background-position: center top !important;
		background-size: 100% auto !important;
	}

	ul#footer > li.footer_company {
		background-image:
			url(../img/footer_box_company1.png) !important;
	}

	ul#footer > li.footer_appuntamenti {
		background-image:
			url(../img/footer_box_app1.png) !important;
	}

	ul#footer > li.footer_gallery {
		background-image:
			url(../img/footer_box_gallery1.png) !important;
	}

	ul#footer > li.footer_contact {
		background-image:
			url(../img/footer_box_mail1.png) !important;
	}

	ul#footer > li:hover,
	ul#footer > li.active {
		background-position: center top !important;
	}

	ul#footer > li h5 {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 36px;
		margin: 0;
		padding: 0;
		background: rgba(32, 0, 0, 0.82);
	}

	ul#footer > li h5 a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 36px;
		min-height: 0;
		margin: 0;
		padding: 4px 6px;
		background: none !important;
		color: #fff;
		font: 14px/1.2 "Trebuchet MS", Arial, sans-serif;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px 2px #000;
	}

	ul#footer > li p {
		display: none !important;
	}

	footer h6 {
		float: none;
		width: 100%;
		margin: 10px 0 0;
		padding: 8px 4px 0;
		text-align: center;
	}
}

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

	header,
	header .wrapper {
		height: 146px;
		min-height: 146px;
	}

	header hgroup,
	header h1,
	header h1 a {
		height: 82px;
	}

	header ul#ticker {
		right: 6px;
		bottom: 4px;
		left: 6px;
		height: 57px;
	}

	section#home {
		padding: 0;
	}

	section#home h3 {
		right: 3%;
		bottom: 3%;
		width: 42vw;
		max-width: 190px;
	}

	ul#footer {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 6px;
		padding: 0;
	}

	ul#footer > li {
		width: 100%;
		height: auto;
	}

	ul#footer > li h5,
	ul#footer > li h5 a {
		height: 32px;
	}

	ul#footer > li h5 a {
		padding: 3px 4px;
		font-size: 12px;
	}
}

/* ==========================================================
   CORREZIONE V9
   ========================================================== */

@media screen and (max-width: 960px), screen and (orientation: landscape) and (max-height: 500px) {

	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html,
	body {
		width: 100%;
		height: auto;
		min-height: 100%;
		overflow-x: hidden;
	}

	/* Elimina lo spazio rosso sotto la fotografia */

	#container {
		height: auto !important;
		min-height: 0 !important;
	}

	#main.home {
		height: 53.645833vw !important;
		min-height: 0 !important;
		max-height: 515px !important;
	}

	/* Usa l'alternanza già gestita da lasacristia.js */

	header ul#ticker > li {
		display: none !important;
		opacity: 0 !important;
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transition: opacity 0.7s ease;
		transition: opacity 0.7s ease;
	}

	header ul#ticker > li.ticker-active {
		display: block !important;
	}

	header ul#ticker > li.ticker-active.ticker-visible {
		opacity: 1 !important;
	}

	/* Impedisce al footer di uscire dallo schermo */

	footer,
	footer .wrapper,
	ul#footer {
		max-width: 100%;
		box-sizing: border-box;
	}
}

/* CITAZIONE IN BASSO A SINISTRA DELLA FOTO */

@media screen and (max-width: 960px), screen and (orientation: landscape) and (max-height: 500px) {

	section#home h3 {
		position: absolute !important;
		top: auto !important;
		right: auto !important;
		bottom: 12px !important;
		left: 12px !important;
		margin: 0 !important;
		z-index: 10;
	}
}

/* ==========================================================
   CORREZIONE V11
   Sipario, citazione e fade mobile
   ========================================================== */

@media screen and (max-width: 960px), screen and (orientation: landscape) and (max-height: 500px) {

	/*
	 * Nasconde il vecchio overlay separato.
	 * Verrà ricreato direttamente sopra la fotografia.
	 */

	#cuestiones {
		display: none !important;
	}

	/*
	 * Sfumatura rossa a sinistra e sipario a destra.
	 * background-size 100% 100% garantisce che il sipario
	 * rimanga sempre visibile anche sugli schermi stretti.
	 */

	#main.home::before {
		content: "";
		position: absolute;
		z-index: 1000;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: url(../img/main_cuestiones11.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		pointer-events: none;
	}

	/*
	 * Citazione fissata direttamente dentro la fotografia,
	 * nell'angolo inferiore sinistro.
	 */

	#main.home::after {
		content: "";
		position: absolute;
		z-index: 1001;
		bottom: 12px;
		left: 12px;
		width: min(330px, 42vw);
		aspect-ratio: 495 / 225;
		background-image: url(../img/section_home_text1.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;
		opacity: 0.82;
		pointer-events: none;
	}

	/* Nasconde la vecchia copia della citazione. */

	section#home h3 {
		display: none !important;
	}

	/*
	 * Disabilita definitivamente le animazioni V8:
	 * il ticker viene controllato da lasacristia.js.
	 */

	header ul#ticker > li#prossimo-appuntamento,
	header ul#ticker > li:not(#prossimo-appuntamento) {
		-webkit-animation: none !important;
		animation: none !important;
	}

	/*
	 * Entrambi i ticker restano sovrapposti.
	 * Cambia soltanto opacity, rendendo possibile il fade.
	 */

	header ul#ticker > li,
	header ul#ticker > li.ticker-active {
		display: block !important;
		opacity: 0 !important;
		-webkit-transition: opacity 1s ease-in-out !important;
		transition: opacity 1s ease-in-out !important;
	}

	header ul#ticker > li.ticker-visible,
	header ul#ticker > li.ticker-active.ticker-visible {
		opacity: 1 !important;
	}
}

/* ==========================================================
   CORREZIONE V13: logo e ticker su due righe centrate
   ========================================================== */

@media screen and (max-width: 960px), screen and (orientation: landscape) and (max-height: 500px) {

	header,
	header .wrapper {
		height: 154px !important;
		min-height: 154px !important;
	}

	header .wrapper {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 0 8px;
	}

	/* PRIMA RIGA: LOGO */

	header hgroup {
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex: 0 0 88px;
		width: 100%;
		height: 88px !important;
		margin: 0;
		padding: 0;
	}

	header h1 {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 88px !important;
		margin: 0;
		padding: 0;
	}

	header h1 a {
		display: block;
		float: none;
		width: min(417px, 92vw);
		height: 88px !important;
		margin: 0 auto;
		background-position: center center !important;
		background-repeat: no-repeat;
		background-size: contain;
	}

	/* SECONDA RIGA: TICKER */

	header ul#ticker {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		flex: 0 0 60px;
		width: 100%;
		height: 60px;
		margin: 0 auto;
		padding: 4px 8px;
		overflow: hidden;
		border-top: 1px solid rgba(255, 201, 84, 0.32);
		border-left: 0;
		background: rgba(0, 0, 0, 0.22);
		text-align: center;
	}

	header ul#ticker > li {
		position: absolute;
		top: 50% !important;
		right: 8px;
		left: 8px;
		width: auto;
		height: auto;
		margin: 0 !important;
		transform: translateY(-50%);
	}
}

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

	header,
	header .wrapper {
		height: 148px !important;
		min-height: 148px !important;
	}

	header hgroup,
	header h1,
	header h1 a {
		height: 84px !important;
	}

	header hgroup {
		flex-basis: 84px;
	}

	header ul#ticker {
		flex-basis: 58px;
		width: 100%;
		height: 58px;
		padding-right: 5px;
		padding-left: 5px;
	}

	header ul#ticker > li {
		right: 5px;
		left: 5px;
	}
}

/* ==========================================================
   CORREZIONE V15
   Foto senza sfumatura rossa, sipario a destra e citazione
   leggermente più grande
   ========================================================== */

@media screen and (max-width: 960px), screen and (orientation: landscape) and (max-height: 500px) {

	/*
	 * Usa il sipario come immagine trasparente separata.
	 * Non viene più caricata main_cuestiones11.png e quindi
	 * sulla sinistra non compare alcuna sfumatura rossa.
	 */

	#main.home::before {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		background-image: url(../img/sipario-mobile.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 100%;
	}

	/*
	 * Dimensione della citazione.
	 * Aumentare o diminuire 48vw per modificarne la grandezza.
	 */

	#main.home::after {
		bottom: 12px;
		left: 12px;
		width: min(370px, 48vw);
	}
}

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

	#main.home::before {
		right: 0;
		left: auto;
		width: 21%;
		background-position: right center;
		background-size: 100% 100%;
	}

	#main.home::after {
		bottom: 8px;
		left: 8px;
		width: min(230px, 50vw);
	}
}

/* ==========================================================
   CORREZIONE V16
   Sipario più stretto, rimozione bordo rosso e link ticker
   ========================================================== */

/*
 * I ticker sono sovrapposti per ottenere il fade.
 * Quelli invisibili non devono intercettare il clic.
 * La regola è volutamente fuori dalla media query:
 * vale sia su mobile sia su desktop.
 */

header ul#ticker > li {
	pointer-events: none !important;
}

header ul#ticker > li.ticker-active.ticker-visible {
	pointer-events: auto !important;
}

@media screen and (max-width: 960px), screen and (orientation: landscape) and (max-height: 500px) {

	/*
	 * La sfumatura rossa è incorporata nei JPG originali.
	 * Ingrandendo orizzontalmente la foto e spostandola verso
	 * sinistra, la fascia rossa resta fuori dal contenitore.
	 */

	#main.home img {
		left: -6.5% !important;
		width: 106.5% !important;
	}

	/*
	 * Il sipario occupa soltanto la fascia destra della foto.
	 */

	#main.home::before {
		right: -45px;
        	top: -12px;
        	left: auto;
        	transform: rotate(-10deg);
        	width: 19%;
        	background-position: right center;
        	background-size: 100% 110%;
    }
}

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

	#main.home::before {
		width: 21%;
	}
}

/* ==========================================================
   CORREZIONE V20
   Descrizioni visibili nei pulsanti del footer
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	ul#footer > li {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		aspect-ratio: 240 / 160;
		padding: 27% 6px 5px !important;
	}

	ul#footer > li h5 {
		position: relative !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		-webkit-flex: 0 0 30px;
		-ms-flex: 0 0 30px;
		flex: 0 0 30px;
		width: 100%;
		height: 30px !important;
		min-height: 30px;
		background: rgba(32, 0, 0, 0.84);
	}

	ul#footer > li h5 a {
		height: 30px !important;
		min-height: 30px;
		padding: 3px 5px;
	}

	ul#footer > li p {
		position: relative;
		z-index: 2;
		display: block !important;
		width: 100%;
		min-height: 15px;
		margin: 0;
		padding: 1px 5px;
		background: rgba(32, 0, 0, 0.84);
		color: #d2d3c9;
		font: 12px/1.25 "Trebuchet MS", Arial, sans-serif;
		text-align: left;
		text-indent: 0;
	}

	ul#footer > li p:last-child {
		padding-bottom: 4px;
	}
}

/* ==========================================================
   CORREZIONE V21
   Design originale di titolo e descrizione nei pulsanti
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	ul#footer > li {
		display: block !important;
		aspect-ratio: 240 / 145;
		padding: 27.083% 6% 3% !important;
	}

	ul#footer > li h5 {
		position: relative !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		display: block;
		width: 100%;
		height: 21% !important;
		min-height: 0;
		margin: 0;
		padding: 0;
		background: transparent !important;
	}

	ul#footer > li h5 a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 100%;
		height: 100% !important;
		min-height: 0;
		margin: 0;
		padding: 0 3%;
		background-color: transparent !important;
		background-image: url(../img/footer_box_line.png) !important;
		background-repeat: no-repeat !important;
		background-position: left bottom !important;
		background-size: 100% 100% !important;
		color: #ebece6;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: clamp(12px, 2.8vw, 18px);
		font-weight: normal;
		line-height: 1.1;
		text-align: left;
		text-shadow: 0 1px 2px #000;
	}

	ul#footer > li p {
		position: relative;
		z-index: 2;
		display: block !important;
		width: 100%;
		min-height: 0;
		margin: 0;
		padding: 3% 5% 0;
		background: transparent !important;
		color: #b4b6a6;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: clamp(9px, 1.9vw, 13px);
		font-weight: normal;
		line-height: 1.25;
		text-align: left;
		text-indent: 0;
		text-shadow: 0 1px 1px #210000;
	}

	ul#footer > li p + p {
		padding-top: 0;
	}
}

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

	ul#footer > li {
		padding-right: 4% !important;
		padding-left: 4% !important;
	}

	ul#footer > li h5 a {
		font-size: 11px;
	}

	ul#footer > li p {
		padding-right: 3%;
		padding-left: 3%;
		font-size: 8.5px;
		line-height: 1.15;
	}
}

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

	ul#footer > li {
		padding: 27% 4px 4px !important;
	}

	ul#footer > li h5,
	ul#footer > li h5 a {
		height: 28px !important;
		min-height: 28px;
	}

	ul#footer > li h5 {
		-webkit-flex-basis: 28px;
		-ms-flex-preferred-size: 28px;
		flex-basis: 28px;
	}

	ul#footer > li p {
		padding-right: 3px;
		padding-left: 3px;
		font-size: 10px;
		line-height: 1.2;
	}
}

/* ==========================================================
   CORREZIONE V17
   Sipario ancorato alla foto anche in landscape
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	/*
	 * Il contenitore conserva sempre le proporzioni 960 × 515
	 * delle fotografie originali.
	 */

	#main.home,
	section#home {
		height: 53.645833vw !important;
		max-height: 515px !important;
	}

	/*
	 * Riproduce proporzionalmente la posizione ottenuta con
	 * right:-45px e top:-12px, senza dipendere dal dispositivo.
	 */

	#main.home::before {
		top: -3.3% !important;
		right: -9% !important;
		bottom: 0 !important;
		left: auto !important;
		width: 19% !important;
		height: auto !important;
		transform: rotate(-10deg) !important;
		transform-origin: center center !important;
		background-position: right center !important;
		background-size: 100% 110% !important;
		background-color: transparent !important;
	}
}

/* ==========================================================
   CORREZIONE V22
   Pulsanti mobile con il design originale completo
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	ul#footer > li {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 240 / 145 !important;
		padding: 27.083% 6% 3% !important;
	}

	ul#footer > li h5 {
		position: relative !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		display: block !important;
		width: 100% !important;
		height: 21% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}

	ul#footer > li h5 a {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		// padding: 0 3% !important;
        padding-bottom: 15px;
		background-color: transparent !important;
		background-image: url(../img/footer_box_line.png) !important;
		background-repeat: no-repeat !important;
		background-position: left bottom !important;
		background-size: 100% 100% !important;
		color: #ebece6 !important;
		font: normal clamp(13px, 3.2vw, 20px)/1.1 "Trebuchet MS", Arial, sans-serif !important;
		text-align: left !important;
		text-shadow: 0 1px 2px #000;
	}

	ul#footer > li p {
		position: relative !important;
		z-index: 2;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 3% 5% 0 !important;
		background: transparent !important;
		color: #b4b6a6 !important;
		font: normal clamp(9px, 2.1vw, 14px)/1.25 "Trebuchet MS", Arial, sans-serif !important;
		text-align: left !important;
		text-indent: 0 !important;
		text-shadow: 0 1px 1px #210000;
	}

	ul#footer > li p + p {
		padding-top: 0 !important;
	}
}

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

	ul#footer > li {
		padding-right: 4% !important;
		padding-left: 4% !important;
	}

	ul#footer > li h5 a {
		font-size: 11px !important;
	}

	ul#footer > li p {
		padding-right: 3% !important;
		padding-left: 3% !important;
		font-size: 8.5px !important;
		line-height: 1.15 !important;
	}
}

/* ==========================================================
   CORREZIONE V24
   Pagina La Compagnia: contenuto prima del footer
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	/*
	 * Nella pagina company.php gli elementi interni erano tutti
	 * assoluti: il contenitore risultava alto zero e il footer
	 * saliva davanti al contenuto.
	 */

	body.company-page #container {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	body.company-page #main.about {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		background-position: center top !important;
		background-size: auto 100% !important;
	}

	body.company-page section#about {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 45001;
		width: 100% !important;
		height: auto !important;
		min-height: 515px;
		margin: 0 !important;
		padding: 24px clamp(16px, 5vw, 42px) 30px !important;
		box-sizing: border-box;
	}

	body.company-page section#about h3 {
		width: min(100%, 380px) !important;
		height: 37px !important;
		margin: 0 0 10px !important;
		padding: 0 0 0 15px !important;
		box-sizing: border-box;
		font-size: clamp(20px, 4vw, 28px) !important;
		line-height: 32px !important;
		background-position: 8px 6px !important;
		background-size: min(360px, 90vw) auto !important;
	}

	body.company-page section#about p,
	body.company-page section#about p.company {
		width: min(100%, 560px) !important;
		margin: 10px 0 0 !important;
		padding: 10px 12px !important;
		box-sizing: border-box;
		background: rgba(35, 0, 0, 0.55) !important;
		color: #f0f1e6 !important;
		font-size: clamp(14px, 2.5vw, 17px) !important;
		line-height: 1.5 !important;
		text-align: left !important;
		//text-indent: 0 !important;
		text-shadow: 0 1px 2px #000;
	}
}

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

	body.company-page section#about {
		min-height: 0;
		padding: 18px 14px 24px !important;
	}

	body.company-page section#about p,
	body.company-page section#about p.company {
		width: 100% !important;
		font-size: 14px !important;
		line-height: 1.45 !important;
	}
}

/* ==========================================================
   CORREZIONE V25
   Pagina Contatti: modulo responsive prima del footer
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	body.contact-page #container {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	body.contact-page #main.contact {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		background-position: center top !important;
		background-size: auto 100% !important;
	}

	body.contact-page section#contact {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 45001;
		width: 100% !important;
		height: auto !important;
		min-height: 515px;
		margin: 0 !important;
		padding: 24px clamp(16px, 5vw, 42px) 30px !important;
		box-sizing: border-box;
	}

	body.contact-page section#contact h3 {
		width: min(100%, 380px) !important;
		height: 37px !important;
		margin: 0 0 12px !important;
		padding: 0 0 0 15px !important;
		box-sizing: border-box;
		font-size: clamp(20px, 4vw, 28px) !important;
		line-height: 32px !important;
		background-position: 8px 6px !important;
		background-size: min(360px, 90vw) auto !important;
	}

	body.contact-page form#formulario {
		width: min(100%, 345px) !important;
		height: auto !important;
		margin: 0 0 20px !important;
		padding: 0 !important;
	}

	body.contact-page form#formulario fieldset {
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.contact-page form#formulario label span {
		display: block;
		margin: 5px 0 3px;
		color: #f0f1e6;
		font: 13px/1.25 "Trebuchet MS", Arial, sans-serif;
		text-shadow: 0 1px 2px #000;
	}

	body.contact-page textarea#messaggio {
		display: block;
		width: 100% !important;
		max-width: 335px;
		height: 144px !important;
		margin: 0 0 10px !important;
		padding: 6px 15px !important;
		box-sizing: border-box;
		background-size: 100% 300px;
	}

	body.contact-page #form_line {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 8px;
		width: 100% !important;
		height: 45px !important;
	}

	body.contact-page input#nome,
	body.contact-page input#email {
		float: none !important;
		height: 35px !important;
		padding-left: 15px !important;
		box-sizing: border-box;
		background-size: 100% 90px;
	}

	body.contact-page input#nome {
		width: calc(100% - 123px) !important;
	}

	body.contact-page input#email {
		display: block;
		width: min(215px, 64%) !important;
	}

	body.contact-page input#boton {
		float: none !important;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 115px;
		-ms-flex: 0 0 115px;
		flex: 0 0 115px;
		width: 115px !important;
		height: 45px !important;
	}

	body.contact-page #form_ok,
	body.contact-page #form_error {
		max-width: 100%;
	}
}

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

	body.contact-page section#contact {
		min-height: 0;
		padding: 18px 14px 24px !important;
	}

	body.contact-page form#formulario {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	body.contact-page form#formulario label span {
		font-size: 12px;
	}
}

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

	body.contact-page input#nome {
		width: calc(100% - 103px) !important;
	}

	body.contact-page input#boton {
		-webkit-flex-basis: 95px;
		-ms-flex-preferred-size: 95px;
		flex-basis: 95px;
		width: 95px !important;
		background-size: 95px auto;
	}
}

/* ==========================================================
   CORREZIONE V26
   Pagina Appuntamenti: eventi responsive prima del footer
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	body.appointments-page #container {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	body.appointments-page #main.appuntamenti {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		background-position: center top !important;
		background-size: auto 100% !important;
	}

	body.appointments-page section#appuntamenti {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 45001;
		width: 100% !important;
		height: auto !important;
		min-height: 515px;
		margin: 0 !important;
		padding: 24px clamp(16px, 5vw, 42px) 30px !important;
		box-sizing: border-box;
	}

	body.appointments-page section#appuntamenti > h3 {
		width: min(100%, 425px) !important;
		height: 37px !important;
		margin: 0 0 12px !important;
		padding: 0 0 0 15px !important;
		box-sizing: border-box;
		font-size: clamp(20px, 4vw, 28px) !important;
		line-height: 32px !important;
		background-position: 8px 6px !important;
		background-size: min(360px, 90vw) auto !important;
	}

	body.appointments-page section#overapp {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		max-width: 560px;
		height: auto !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		background: transparent !important;
	}

	body.appointments-page section#overapp > section.appunt,
	body.appointments-page section#overapp > section.appunt_prox {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 125px;
		margin: 0 0 10px !important;
		padding: 10px 12px 12px !important;
		box-sizing: border-box;
		border: 1px solid #ffe4ae;
		border-radius: 5px;
		background: rgba(60, 0, 0, 0.72);
	}

	body.appointments-page section#overapp > section.appunt:last-child,
	body.appointments-page section#overapp > section.appunt_prox:last-child {
		margin-bottom: 0 !important;
	}

	body.appointments-page section#overapp h3.name {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 30px;
		margin: 0 0 7px !important;
		padding: 3px 8px 5px 15px !important;
		box-sizing: border-box;
		font-size: clamp(16px, 3.5vw, 20px) !important;
		line-height: 1.25 !important;
		background-position: 15px bottom !important;
		background-size: min(360px, 95%) auto !important;
	}

	body.appointments-page section#overapp p,
	body.appointments-page section#overapp p.data {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		margin: 4px 0 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
		color: #f0f1e6;
		font-size: clamp(13px, 2.6vw, 15px) !important;
		line-height: 1.4 !important;
		text-align: left !important;
		text-indent: 0 !important;
		text-shadow: 0 1px 2px #000;
	}

	body.appointments-page section#overapp p.data {
		margin: 0 0 7px !important;
		color: #ffc954;
		font-weight: bold;
	}
}

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

	body.appointments-page section#appuntamenti {
		min-height: 0;
		padding: 18px 14px 24px !important;
	}

	body.appointments-page section#overapp > section.appunt,
	body.appointments-page section#overapp > section.appunt_prox {
		min-height: 0;
		padding: 9px 10px 11px !important;
	}
}

/* ==========================================================
   GALLERY DINAMICA V27
   ========================================================== */

body.gallery-page section#gallery {
	height: 130px;
}

body.gallery-page #Q3.gallery-help {
	position: absolute;
	top: 140px;
	left: 88px;
	display: block;
	width: 150px;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: 1px solid #ffe4ae;
	border-radius: 5px;
	color: #fff;
	font: 13.3px/1.35 "Trebuchet MS", Arial, sans-serif;
	text-align: center;
	text-decoration: none;
}

body.gallery-page section#faq-ans h3.gallery-panel-title {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 135px;
	background-image: none;
}

body.gallery-page .new-icon {
	float: right;
	width: 30px;
	height: 30px;
	margin: -26px 26px 0 0;
}

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	body.gallery-page #container {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 22px clamp(14px, 4vw, 34px) 28px !important;
		box-sizing: border-box;
		overflow: hidden !important;
	}

	body.gallery-page #main.gallery {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		background-position: center top !important;
		background-size: auto 100% !important;
	}

	body.gallery-page section#gallery {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 45001;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.gallery-page #gallery_img {
		position: relative;
		width: min(100%, 520px) !important;
		height: auto !important;
		margin: 0 auto !important;
		padding-top: 38px;
		box-sizing: border-box;
	}

	body.gallery-page #Q3.gallery-help {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		display: block;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		color: #f0f1e6;
		font: 14px/1.4 "Trebuchet MS", Arial, sans-serif;
		text-align: center;
		text-shadow: 0 1px 2px #000;
	}

	body.gallery-page .gallery_img_column,
	body.gallery-page .gallery_img_row {
		float: none !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}

	body.gallery-page .gallery_img_one {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 150 / 130;
	}

	body.gallery-page .gallery_img_one a {
		position: relative;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		box-sizing: border-box;
		border: 1px solid rgba(255, 228, 174, 0.9);
		border-radius: 7px;
		background-color: rgba(72, 4, 2, 0.78);
		background-position: center top !important;
		background-size: 100% 200% !important;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
		overflow: hidden;
		text-decoration: none;
	}

	body.gallery-page .gallery_img_one a:hover,
	body.gallery-page .gallery_img_one a:focus,
	body.gallery-page .gallery_img_one a:active {
		background-position: center bottom !important;
		outline: 2px solid #ffc954;
		outline-offset: 2px;
	}

	body.gallery-page .gallery_img_one a::after {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 34px;
		background: rgba(35, 0, 0, 0.82);
		color: #fff;
		font: 16px/1.2 "Trebuchet MS", Arial, sans-serif;
		text-shadow: 0 1px 2px #000;
	}

	body.gallery-page .gallery_img_one.left a::after {
		content: "Video";
	}

	body.gallery-page .gallery_img_one.right a::after {
		content: "Foto";
	}

	body.gallery-page section#faq-ans {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 45001;
		width: min(100%, 560px) !important;
		height: auto !important;
		margin: 14px auto 0 !important;
		padding: 0 !important;
	}

	body.gallery-page #gallery-content {
		position: absolute;
		top: -10px;
	}

	body.gallery-page .faq-ans {
		width: 100% !important;
		height: auto !important;
		max-height: min(52vh, 430px);
		margin: 0 !important;
		padding: 12px 12px 14px !important;
		box-sizing: border-box;
		border: 1px solid #ffe4ae;
		border-radius: 7px;
		background: rgba(45, 0, 0, 0.78);
		overflow-x: hidden !important;
		overflow-y: auto !important;
		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
	}

	body.gallery-page section#faq-ans h3 {
		width: 100% !important;
		height: auto !important;
		min-height: 30px;
		margin: 0 0 7px !important;
		padding: 4px 8px 7px 15px !important;
		box-sizing: border-box;
		font-size: clamp(15px, 3.2vw, 18px) !important;
		line-height: 1.3 !important;
		background-position: 8px bottom !important;
		background-size: min(360px, 96%) auto !important;
	}

	body.gallery-page section#faq-ans h3:first-child {
		margin-top: 0 !important;
		padding-left: 15px !important;
		color: #ffc954;
		font-size: clamp(20px, 4vw, 25px) !important;
		background-image: url(../img/section_h3_line.png) !important;
	}

	body.gallery-page section#faq-ans h3 a {
		display: block;
		width: 100%;
		color: #f7f3e9;
		white-space: normal;
	}

	body.gallery-page section#faq-ans h3 a:hover,
	body.gallery-page section#faq-ans h3 a:focus {
		color: #ffc954;
	}

	body.gallery-page section#faq-ans h3 em {
		display: inline;
		font-size: 12px !important;
	}

	body.gallery-page section#faq-ans img[alt="Nuovo"] {
		max-width: 24px;
		height: auto !important;
		margin: 0 4px 0 8px !important;
	}
}

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

	body.gallery-page #container {
		padding: 18px 12px 24px !important;
	}

	body.gallery-page #gallery_img {
		padding-top: 34px;
	}

	body.gallery-page .gallery_img_column,
	body.gallery-page .gallery_img_row {
		gap: 7px;
	}

	body.gallery-page .gallery_img_one a::after {
		height: 30px;
		font-size: 14px;
	}

	body.gallery-page .faq-ans {
		max-height: 400px;
		padding: 10px 9px 12px !important;
	}

	body.gallery-page section#faq-ans h3 {
		font-size: 14px !important;
	}
}

/* Correzione autori e icona New nella Gallery */

body.gallery-page #Q2 h3.gallery-album {
	position: relative;
}

body.gallery-page #Q2 h3.gallery-album em {
	display: inline-block;
	white-space: nowrap;
}

body.gallery-page #Q2 h3.gallery-album .new-icon {
	position: absolute !important;
	top: -8px;
	right: 2px;
	z-index: 5;
	float: none !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
}

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	body.gallery-page #Q2 h3.gallery-album .new-icon {
		top: 2px;
		right: 4px;
		width: 24px !important;
		height: auto !important;
	}
}

/* ==========================================================
   GALLERY DESKTOP — autore su una riga e icona New visibile
   ========================================================== */

@media screen and (min-width: 961px) and (min-height: 501px) {

	body.gallery-page #Q2.faq-ans {
		position: relative;
		width: 370px;
	}

	body.gallery-page #Q2 h3.gallery-panel-title {
		width: 100%;
		padding-left: 0 !important;
		text-align: center;
	}

	body.gallery-page #Q2 h3.gallery-album {
		position: static !important;
		width: 390px;
		box-sizing: border-box;
	}

	body.gallery-page #Q2 h3.gallery-album > a:first-child {
		white-space: nowrap !important;
	}

	body.gallery-page #Q2 h3.gallery-album em {
		display: inline !important;
		white-space: nowrap !important;
	}

	body.gallery-page #Q2 .new-icon {
		position: absolute !important;
		top: 7px !important;
		right: 8px !important;
		z-index: 10;
		display: block !important;
		float: none !important;
		width: 30px !important;
		height: 30px !important;
		margin: 0 !important;
	}
}

/* ==========================================================
   GALLERY V28
   Collezioni su una sola riga e album nuovo evidenziato
   ========================================================== */

body.gallery-page #Q1 h3:not(.gallery-panel-title),
body.gallery-page #Q2 h3.gallery-album {
    position: relative;
    height: auto;
    min-height: 34px;
    margin-bottom: 8px !important;
    padding: 0 !important;
    background-image: none !important;
}

body.gallery-page #Q1 h3:not(.gallery-panel-title) > a,
body.gallery-page #Q2 h3.gallery-album > a:first-child {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 6px 9px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 228, 174, 0.28);
    border-radius: 5px;
    background: rgba(52, 0, 0, 0.42);
    color: #f7f3e9;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease,
        box-shadow 0.2s ease, color 0.2s ease;
}

body.gallery-page #Q1 h3:not(.gallery-panel-title) > a:hover,
body.gallery-page #Q1 h3:not(.gallery-panel-title) > a:focus,
body.gallery-page #Q2 h3.gallery-album > a:first-child:hover,
body.gallery-page #Q2 h3.gallery-album > a:first-child:focus {
    border-color: #ffc954;
    background: rgba(101, 18, 5, 0.72);
    color: #ffc954;
    box-shadow: 0 0 8px rgba(255, 201, 84, 0.28);
}

body.gallery-page .gallery-arrow {
    flex: 0 0 auto;
    margin-right: 7px;
    color: #ffc954;
    font-weight: bold;
}

body.gallery-page .gallery-title {
    flex: 0 0 auto;
    min-width: 0;
}

body.gallery-page .gallery-author,
body.gallery-page #Q1 h3 em {
    flex: 0 0 auto;
    display: inline !important;
    margin-left: 5px;
    font-size: 0.72em !important;
    white-space: nowrap !important;
}

/* L'album nuovo viene riconosciuto dal pulsante intero, senza badge. */
body.gallery-page #Q2 h3.gallery-album.is-new > a:first-child {
    border-color: #ffd36a;
    background:
        linear-gradient(90deg,
            rgba(255, 201, 84, 0.22) 0%,
            rgba(110, 22, 5, 0.88) 18%,
            rgba(66, 4, 2, 0.74) 100%);
    color: #fff4ca;
    box-shadow:
        inset 4px 0 0 #ffc954,
        0 0 12px rgba(255, 201, 84, 0.38);
    font-weight: bold;
}

body.gallery-page #Q2 h3.gallery-album.is-new > a:first-child:hover,
body.gallery-page #Q2 h3.gallery-album.is-new > a:first-child:focus {
    background:
        linear-gradient(90deg,
            rgba(255, 201, 84, 0.32) 0%,
            rgba(126, 30, 7, 0.94) 20%,
            rgba(77, 6, 2, 0.86) 100%);
    color: #fff;
    box-shadow:
        inset 4px 0 0 #ffe39b,
        0 0 15px rgba(255, 201, 84, 0.55);
}

/* Elimina qualsiasi residuo della vecchia icona New. */
body.gallery-page .new-icon,
body.gallery-page img[alt="Nuovo"] {
    display: none !important;
}

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

    body.gallery-page #container {
        overflow: visible !important;
    }

    body.gallery-page section#faq-ans {
        width: min(100%, 620px) !important;
    }

    body.gallery-page .faq-ans {
        max-height: none !important;
        overflow-y: visible !important;
    }

    body.gallery-page section#faq-ans h3:not(.gallery-panel-title) {
        min-height: 36px;
        margin: 0 0 8px !important;
        padding: 0 !important;
    }

    body.gallery-page #Q1 h3:not(.gallery-panel-title) > a,
    body.gallery-page #Q2 h3.gallery-album > a:first-child {
        min-height: 36px;
        padding: 7px 8px;
        font-size: clamp(12px, 3.15vw, 17px);
    }
}

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

    body.gallery-page #Q1 h3:not(.gallery-panel-title) > a,
    body.gallery-page #Q2 h3.gallery-album > a:first-child {
        min-height: 34px;
        padding: 6px 6px;
        font-size: 13px;
    }

    body.gallery-page .gallery-arrow {
        margin-right: 5px;
    }

    body.gallery-page .gallery-author,
    body.gallery-page #Q1 h3 em {
        margin-left: 4px;
    }
}

/* ==========================================================
   CORREZIONE V38
   Pirobox centrata e adattata sui dispositivi mobili
   ========================================================== */

@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	/*
	 * Pirobox imposta top e left direttamente via JavaScript.
	 * Su mobile la finestra viene invece ancorata al centro
	 * reale del viewport, senza dipendere dallo scorrimento
	 * o dalla larghezza del contenuto della pagina.
	 */

	.piro_html {
		position: fixed !important;
		top: 50% !important;
		right: auto !important;
		bottom: auto !important;
		left: 50% !important;
		margin: 0 !important;
		-webkit-transform:
			translate(-50%, -50%)
			scale(var(--pirobox-mobile-scale, 1)) !important;
		transform:
			translate(-50%, -50%)
			scale(var(--pirobox-mobile-scale, 1)) !important;
		-webkit-transform-origin: center center !important;
		transform-origin: center center !important;
		z-index: 2147483001 !important;
	}

	/*
	 * L'overlay copre sempre tutto lo schermo, anche quando
	 * la pagina sottostante è più larga o più alta del viewport.
	 */

	.piro_overlay {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		margin: 0 !important;
		z-index: 2147483000 !important;
	}

	.piro_html table {
		margin: 0 !important;
	}

	.piro_html .immagine {
		display: block !important;
	}
}

/* Logo ad alta risoluzione su mobile */
@media screen and (max-width: 960px),
screen and (orientation: landscape) and (max-height: 500px) {

	header h1 a {
		background-image:
			url("/img/header_logo_v2.png") !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
	}
}