﻿@font-face {
  font-family: 'Inter';
  font-weight: normal;
  src: url('Inter_24pt-Regular.ttf');
}

@font-face {
	font-family: 'Inter';
	font-weight: bold;
	src: url('Inter_24pt-Bold.ttf');
  }

  @font-face {
	font-family: 'InterLight';
	font-weight: normal;
	src: url('Inter_24pt-Light.ttf');
  }

  @font-face {
  font-family: 'InterBlack';
  font-weight: normal;
  src: url('Inter_24pt-Black.ttf');
}*


html {
	height:100%;
    background-color:white;
}

body
{
    background-color:white;
	margin: 0px;
    font-family: 'Inter', sans-serif!important;
    line-height:24px;
	height:100%;
	text-align:center;
	font-weight:normal;
}

input:focus,
select:focus,
textarea:focus,

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5a5a5a;
  opacity: 1; /* Firefox */
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #372817; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: black; 
}

option {
	font-size:24px;
}

button:focus, button:active {
    outline: none !important;
}

button {
	font-family: 'Inter'!important;
	cursor:pointer;
	width:147px;
	height:55px;
	border-radius:10px!important;
	border:none;
	color:#eee2d5;
	background-color:#372817;
}

a
{
border:none;
text-decoration:none;
color:inherit;
}

a:hover {
	text-decoration:none;
	color:inherit;
}


img
{
	border:none;
}

sub, sup {
    position: initial!important;
}

hr {
	height:1px;
	border: none;
    height: 1px;
    color: #858483; /* old IE */
    background-color: #858483; /* Modern Browsers */
	margin-bottom:40px;
	margin-top:10px;
}

select {
	width:100%;
	height:62px;
	border:0;
	border-radius:10px;
	font-size:24px;
	font-family:Inter;
}

.mobileOnly {
	display:none;
}


.mainContainer {
	padding-top:120px;
	background-color:white;
}

.footerDesktop {
	text-align:center;
	width:90%;
	margin:0 auto;
}

.footerDesktop img {
	width:100%;
}

.footerMobile {
	display:none;
}
/*
.footer {
	display: flex;
	align-items: center;
	justify-content: space-between; 
	gap: 20px; 
	width: 80%;
	margin: 50px auto 20px auto;
}


.footerBlock img {
	height:50px;
}
*/

.footerSocials {
	display: flex;
	align-items: center;
	justify-content: space-between; 
	gap: 30px; 
	margin:0 auto 50px auto;
	width: fit-content;
}



.menuContainer {
	position:fixed;
	width:100%;
	height:120px;
	background-color:white;
	box-sizing:border-box;
	z-index:100;
}

.menuInner {
	max-width:1900px;
	width:100%;
	margin:0 auto;
	padding-top:17px;
}

.menuInner ul {
	list-style: none;
	padding-left:0;
}

.menuInner li {
	display:inline-block;
	color:#192651;
	font-size:22px;
	font-weight:bold;
	margin:10px 50px 0px 0px;
	cursor:pointer;
}

.menuInner li:hover {
	text-decoration:underline;
}

.menuLogo {
	cursor:auto!important;
}

.menuLogo img {
	width:400px;
}

.menuMobile {
	display:none;
}


/*** HERO ***/

.heroImage {
	width:100%;
	height:calc(100vh - 120px);
	xheight:auto;
	background-image: url('../img/hero1.jpg');
	background-size: cover;
	box-sizing: border-box;
	padding-top:30px;
	color:white;
	background-position-x: center;
}

.heroImage img {
	width:640px;
}

.heroCenter {
	text-align:center;
	width:90%;
	margin:0 auto;
	font-size:50px;
	line-height:55px;
	font-family:InterBlack;
	padding-top:50px;
}

.heroText {
	text-align:left;
	width:90%;
	margin:0 auto;
	font-size:50px;
	line-height:55px;
	font-family:InterBlack;
	padding-top:50px;
}

.heroInfo {
	display:table;
	width:90%;
	margin:0px auto;
	padding:50px 0;
}

.heroLeft {
	display:table-cell;
	width:50%;
	font-size:25px;
	line-height:30px;
	font-weight: bold;
	text-align: left;
}

.heroRight {
	display:table-cell;
	width:50%;
	text-align:right;
	font-size:35px;
	line-height:35px;
	font-weight: bold;
	vertical-align: middle;;
}

.section2 {
	padding:100px 0;
	background-image:url('../img/section2_gnd.jpg');
	background-size:cover;
}

.section2Inner {
	display:table;
	width:80%;
	height:100%;
	margin:0 auto;
}

.section2Image {
	display:table-cell;
	vertical-align:middle;
	height:100%;
	text-align: right;
	padding-bottom:100px;
	position:relative;
}

.section2ImageText {
	position:absolute;
	top:320px;
	width:60%;
	left:20%;
	background-color:#1f2c56;
	color:white;
	padding:20px;
	border-radius:20px;
}

.section2Image video  {
	width:500px;
	border-radius:20px;
}

/* Bottone overlay “Attiva audio” */
    .unmute-btn {
      position: absolute;
      top:5px;
      right:5px;
      display: inline-flex;
      align-items: center;      
      border: 0;
      border-radius: 5px;
      cursor: pointer;
      color: #fff;
	  width:auto;
	  height:auto;
	  background-color:#1f2c5680;

    }
    .unmute-btn svg { width: 18px; height: 18px; }
    .unmute-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

    /* Nascondi il bottone quando già smutato (classe aggiunta via JS) */
    .unmute-btn.is-hidden { display: none; }

    /* Facoltativo: una piccola etichetta “Audio attivo” per feedback */
    .badge-audio-on {
      position: absolute;
      left: 1rem;
      bottom: 1rem;
      padding: .35rem .6rem;
      border-radius: .4rem;
      font: 600 12px system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
      color: #fff;
      background: rgba(0,0,0,.45);
      z-index: 2;
      display: none;
    }
    .badge-audio-on.is-visible { display: inline-block; }


.section3 {
	background-color:#192651;
	color:#9eb2d3;
	padding:100px 0;
}

.section3Inner {
	width:80%;
	margin:0 auto;
	text-align:left;
}

.section3Inner h1 {
	font-family: 'InterBlack';
	font-size:45px;
	line-height:50px;
}

.section3Image {
	display:table;
	width:100%;
}

.section3ImageColumn {
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

.section3ImageColumn img {
	width:500px;
	padding:0 30px;
}

.section4 {
	background-color:#9eb2d3;
	color:#192651;
	padding:100px 0;
}

.section4Inner {
	width:80%;
	margin:0 auto;
	text-align:left;
}

.section4Image {
	display:table;
	width:100%;
}

.section4ImageTitle {
	width:400px;
	padding-bottom:30px;
}

.section4ImageColumn {
	display:table-cell;
	vertical-align:top;
	text-align:right;
}

.section4ImagePhoto {
	width:500px;
	padding:0 60px;
}

/*** PARTNER ***/

.sectionPartner {
	background-image:linear-gradient(to bottom, #192651, #0c1328);
	color:#ffffff;
	padding:100px 0 50px 0;
}

.sectionPartnerInner {
	width:80%;
	margin:0 auto;
	text-align:left;
}
.sectionPartnerContent {
	display:table;
	width:100%;
}

.sectionPartnerContent h1 {
	font-family:inter;
	font-size:45px;
	line-height:50px;
	font-weight:bold;
}

.sectionPartnerList {
	display: flex;
	align-items: center;
	justify-content: space-between; /* oppure center o space-around */
	max-width:800px;
	flex-wrap: wrap;
	width: 100%;
	margin: 50px auto 50px auto;
}

.sectionPartnerList img {
	width:250px;
}

.sectionPartnerOthers {
	text-align:center;
}

.sectionPartnerOthers img {
	width:550px;
}

.partnerBlock {
	display:table;
	width:100%;
	margin: 30px 0;
}

.partnerBlockLeft {
	display:table-cell;
	vertical-align: top;
}

.partnerBlockLeft img {
	width:250px;
}

.partnerBlockRight {
	padding-top:10px;
	padding-left:40px;
	display:table-cell;
	vertical-align: top;
}

/*** GALLERY ***/

.sectionGallery {
	background-image:linear-gradient(to bottom, #192651, #0c1328);
	color:#ffffff;
	padding:100px 0 50px 0;
}

.sectionGalleryInner {
	width:80%;
	margin:0 auto;
	text-align:left;
}
.sectionGalleryContent {
	display:table;
	width:100%;
}

.sectionGalleryContent h1 {
	font-family:inter;
	font-size:45px;
	line-height:50px;
	font-weight:bold;
}

.galleryImage {
	width:150px;
	height:150px;
	margin:10px;
	object-fit:cover;
	border-radius:10px;
}


/*** EVENTS ***/

.sectionEvents {
	background-image:linear-gradient(to bottom, #192651, #0c1328);
	color:#ffffff;
	padding:100px 0 50px 0;
}

.sectionEventsInner {
	width:80%;
	margin:0 auto;
	text-align:left;
}
.sectionEventsContent {
	display:table;
	width:100%;
}

.sectionEventsContent h1 {
	font-family:inter;
	font-size:45px;
	line-height:50px;
	font-weight:bold;
}

.pdfIcon {
	width:40px;
}

.pdfViewer {
	width:100%;
	height:800px;
	border: 1px solid #ccc;
}

/** CONTACTS */

.sectionContacts {
	background-color:#ffffff;
	color:#192651;
	padding:100px 0 50px 0;
}

.sectionContactsInner {
	width:80%;
	margin:0 auto;
	text-align:left;
}
.sectionContactsContent {
	display:table;
	width:100%;
}

.sectionContactsContent h1 {
	font-family:inter;
	font-size:45px;
	line-height:50px;
	font-weight:bold;
}

.sectionContactsList {
	display: flex;
	align-items: flex-start;
	justify-content: space-between; /* oppure center o space-around */
	flex-wrap: wrap;
	width: 350px;
	margin: 50px auto 50px auto;
}

.sectionContactsList div {
	display:inline-block;
	text-align: center;
	font-size:12px;
	line-height:20px;
	width:110px;
}

.sectionContactsList div img {
	width:80px;
}

.menuLanguage {
	font-size:12px!important;
}