* {
	font-family:Consolas;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;/*padding and border*/
	-webkit-tap-highlight-color:transparent;
}
/* scrollbar */
* {scrollbar-width:none;/* Firefox */,-ms-overflow-style:none;/* IE e Edge Legacy */}
*::-webkit-scrollbar {display:none;}/* Chrome, Safari ed Edge */
body {margin:0; padding:0; background:#000;}
a {color:initial; text-decoration:none; cursor:pointer;}
h1 {margin:0; padding:0; font-weight:normal;}
textarea {resize:none;}
ul {margin:0; padding:0; list-style-position:inside;}
figcaption {aline-height:2.5dvh; afont-size:1.25dvh; background:#000; color:rgba(255,255,255,.5); text-align:center;}
figcaption a {color:#fff;}
figcaption a:hover {text-decoration:underline;}

@media (orientation:landscape)/*Orizzontale*/
{
	figcaption {line-height:2.5dvh; font-size:1.25dvh;}
	.slide:nth-child(odd of .slide) div {left:5svw;}
	.slide:nth-child(even of .slide) div {right:5svw;}
	.slide div {width:30svw; height:30svh; line-height:5svh; font-size:2.5svh;}
	#freccia {bottom:0;}
	.box {height:90svh; line-height:5svh; font-size:3svh;}
	.box div {margin:0 5svh; padding:2.5svh; width:calc(50% - 10svh);}
	#contattami input,#contattami textarea {margin:1svh; padding:1svh; width:25svw;}
}
@media (orientation:portrait)/*Verticale*/
{
	figcaption {line-height:2dvh; font-size:1dvh;}
	.slide:nth-child(odd of .slide) div {left:0;}
	.slide:nth-child(even of .slide) div {right:0;}
	.slide div {width:40svw; height:15svh; line-height:2.5svh; font-size:1.25svh;}
	#freccia {bottom:50%;}
	.box {height:45svh; line-height:2.5svh; font-size:1.5svh;}
	.box div {margin:0; padding:1.25svh; width:50%;}
	#contattami input,#contattami textarea {margin:.5svh; padding:.5svh; width:50svw;}
}

.a {color:#00f;}
.center {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.centerx {position:absolute; left:50%; transform:translateX(-50%);}
.centery {position:absolute; top:50%; transform:translateY(-50%);}
.cursore {animation:lampeggio 1s steps(1, end) infinite;}
@keyframes lampeggio {0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;}}

.slide {position:absolute; width:100%; display:block; opacity:0; visibility:hidden; transition:opacity .5s linear,visibility .5s linear;}/*ease-in-out*/
.slide.active {opacity:1; visibility:visible;}
.slide img,.slide video {width:100%; display:block; object-fit:cover; object-position:bottom;}
.slide div {position:absolute; padding:0 1svw; top:50%; background:linear-gradient(in oklch to bottom,rgba(0,0,0,.5),#000); color:rgba(255,255,255,.9);}
.slide div:hover {background:#000; abackground:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,1));}
.loading {width:0;}
.loading.active {width:100%;}
.round {margin:1.25svh 2.5svh; width:2.5svh; height:2.5svh; border-radius:2.5svh; border:1px solid #fff;}
.round.active {background:#fff; abox-shadow:10px 10px 10px rgba(255,255,255,.5);}
#freccia {position:absolute; left:0; width:100%; height:5svh; display:flex; justify-content:center; align-items:center; animation:rimbalzo 5s infinite;}
/* La freccia a 90° (Versione SVG, più pulita per il posizionamento) */
#freccia::after {content:""; width:2.5svh; height:2.5svh; background:#fff;
  /* Maschera SVG per creare la forma a V perfetta a 90° */
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14"><path d="M2 2L12 12L22 2" fill="none" stroke="black" stroke-width="3" stroke-linecap="butt" stroke-linejoin="miter"/></svg>') no-repeat center;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14"><path d="M2 2L12 12L22 2" fill="none" stroke="black" stroke-width="3" stroke-linecap="butt" stroke-linejoin="miter"/></svg>') no-repeat center;
}
@keyframes rimbalzo {
	/* PAUSA INIZIALE: Dallo 0% all'80% (i primi 4 secondi) non succede nulla */
	0%, 80% { transform: translateY(0); }
	/* MOVIMENTO: Avviene tutto tra l'80% e il 100% (l'ultimo secondo) */
	88%  { transform: translateY(-20px); } /* Salto */
	92%  { transform: translateY(0); }      /* Ritorno */
	96%  { transform: translateY(-10px); } /* Rimbalzino */
	100% { transform: translateY(0); }      /* Fine ciclo e ricomincia */
}

.box {position:relative; overflow:hidden;}
.box div {position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.9); color:rgba(255,255,255,.9);}
.box img {width:100%; height:100%; display:block; object-fit:cover; object-position:center;}

.separatore {position:absolute; margin-top:-2.5svh; width:100svw; height:5svh; background:#000; border:solid #fff; border-width:.5dvh 0; z-index:1;}
.separatore:nth-child(odd of .separatore) {transform:rotate(1deg);}
.separatore:nth-child(even of .separatore) {transform:rotate(-1deg);}

#contattami input,#contattami textarea {display:block; outline:0; border:0;}
.captcha-wrapper {margin:0 auto; apadding:2.5svh; apadding:1svh; width:fit-content; display:flex; align-items:center; cursor:pointer; user-select:none;}
.captcha-wrapper:not(.verified):hover {color:#1e90ff;}
.checkbox-area {awidth:5svh; aheight:5svh; width:1.5svh; height:1.5svh; border:1px solid #fff; display:flex; align-items:center; justify-content:center; atransition:all 0.2s;}
.verified .checkbox-area {aborder-color:#04b104; border-color:#32CD32;}
.verified .checkbox-area::after {content:"✔"; acolor:#04b104; color:#32CD32;}
input[type="submit"]:disabled {
	pointer-events:none;/* Il click "passa oltre" e colpisce il wrapper */
	cursor:not-allowed;
	opacity:.5;
}
input[type="submit"] {cursor:pointer; opacity:1;}