/* ============================
	FONT
   ============================ */

@charset "utf-8";
/* CSS Document */

/* raleway-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v37-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/raleway-v37-latin-100italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v37-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/raleway-v37-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v37-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/raleway-v37-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v37-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v37-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v37-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v37-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v37-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/raleway-v37-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v37-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v37-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v37-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/raleway-v37-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v37-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/raleway-v37-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v37-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v37-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/raleway-v37-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/raleway-v37-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/raleway-v37-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* ============================
	GENERALI 
   ============================ */

body {
  font-family: 'Raleway';
  font-weight: normal;
  font-style: normal; 
  font-size: 14px;
  color: #333333;
  margin: 0;
  padding: 0;
}

/* Creiamo uno strato fisso per lo sfondo */
body::before {
  content: "";
  position: fixed; /* Mantiene lo sfondo fermo */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Lo mette dietro al testo */
  
  /* Applichiamo qui le proprietà dell'immagine */
  background-image: url('../img/bg.jpg');
  background-position: bottom center;
  background-size: cover;
  
  /* Forza il rendering fluido su mobile */
  will-change: transform;
}
/* Regole per schermi sopra i 1920px */
@media (min-width: 1921px) {
  body {
    max-width: 1920px;
    /* Ombreggiatura leggera e diffusa stile Tailwind (shadow-2xl) */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Assicura che il contenuto rimanga centrato */
    margin-left: auto;
    margin-right: auto;
    /* Opzionale: un bordo sottile per definire meglio il distacco dallo sfondo */
    border-left: 1px solid rgba(0,0,0,0.05);
    border-right: 1px solid rgba(0,0,0,0.05);
  }

  /* Nota importante: se hai lo sfondo sul body, l'ombreggiatura non si vedrà 
     perché il body occupa tutto lo spazio visivo "logico". 
     Ti consiglio di mettere lo sfondo sull'elemento 'html' */
  html {
    background-color: #f1f5f9; /* Un grigio neutro per vedere l'ombra */
  }
}
.row {
	margin-left:0px;
	margin-right:0px;
}

h1, h2 {
	font-weight: bold;
}

a {
	text-decoration: none;
}

.text-red {
	color:#d90912;
}

.bg-sand {
	background-image: url('../img/bg_sand.jpg');
	background-size: cover;
	back
}

.bg-blue {
	background-color: #00356b;
}

.drop-shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* ============================
	MENU
   ============================ */

   .skip-to-main-content-link {
   	position: absolute;
   	left: -9999px;
   	z-index: 999;
   	padding: 1em;
   	background-color: black;
   	color: white;
   	opacity: 0;
   }
   .skip-to-main-content-link:focus {
   	left: 50%;
   	transform: translateX(-50%);
   	opacity: 1;
   }

   #attiva_menu {
   	max-width: 30px; 
   	margin:10px 25px;
   	cursor: pointer;
   }

   #logo {
   	max-width: 250px;
   }

   #logo_bar {
	background-color: transparent;
	max-height: 50px;
   }

   #menu {
   	background: linear-gradient(to bottom, #ffffff 45%, transparent 100%);
	border-top:10px solid #A78053;
   }

   #menu_list li {
   	list-style-type: none;
   	float: left;
   }

   #menu_list li a {
   	display: block;
   	text-align: center;
   	text-decoration: none;
   	color: #00356b;   
   	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
   }

  

   .testo-maldive {
  /* Font suggerito per uno stile simile: Arial Black, Montserrat ExtraBold o simili */
  font-family: 'Arial Black', sans-serif;
  font-size: 60px;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  
  /* L'effetto si costruisce a strati:
     1. Ombre arancioni nette spostate verso il basso per creare profondità
     2. Ombre blu sottili tutto intorno per creare il bordo esterno
  */
  text-shadow: 
    /* Strato Arancione (Effetto 3D) */
    0px 2px 0px #F39200,
    0px 4px 0px #F39200,
    
    /* Bordo Blu esterno (Contorno) */
    -2px -2px 0px #00305D,  
     2px -2px 0px #00305D,
    -2px  6px 0px #00305D, /* Allungato verso il basso per coprire l'arancio */
     2px  6px 0px #00305D,
    -3px  2px 0px #00305D,
     3px  2px 0px #00305D,
     0px  7px 0px #00305D;

  /* Opzionale: leggera inclinazione tipica dei loghi promozionali */
  transform: skewX(-5deg);
  letter-spacing: -1px;
}

 .testo-maldive-small {
  /* Font suggerito per uno stile simile: Arial Black, Montserrat ExtraBold o simili */
  font-family: 'Arial Black', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  
  /* L'effetto si costruisce a strati:
     1. Ombre arancioni nette spostate verso il basso per creare profondità
     2. Ombre blu sottili tutto intorno per creare il bordo esterno
  */
  text-shadow: 
    /* Strato Arancione (Effetto 3D) */
    0px 2px 0px #F39200,
    0px 4px 0px #F39200,
    
    /* Bordo Blu esterno (Contorno) */
    -2px -2px 0px #00305D,  
     2px -2px 0px #00305D,
    -2px  6px 0px #00305D, /* Allungato verso il basso per coprire l'arancio */
     2px  6px 0px #00305D,
    -3px  2px 0px #00305D,
     3px  2px 0px #00305D,
     0px  7px 0px #00305D;

  /* Opzionale: leggera inclinazione tipica dei loghi promozionali */
  transform: skewX(-5deg);
  letter-spacing: -1px;
}

 @media (max-width: 768px) {
    #menu_list {
      padding-inline-start: 0px;
    }
   	#menu_list li {
   		width: 100%;
   	}
    .testo-maldive{
      font-size: 36px!important;
    }
   }

/* ============================
	HOME
   ============================ */
img.margin-top-neg {
    margin-top:-280px;
  }

  /* Stile base del pulsante */
.btn-cta {
  /* Colori e Sfondo */
  background-color: #00356b; /* Blu principale */
  color: #f29104;            /* Testo bianco per massima leggibilità */
  border: 2px solid #f29104;
  /* Forma e Spaziatura */
  padding: 15px 35px;        /* Spazio interno (sopra/sotto e lati) */
  display: inline-block;
  text-decoration: none;     /* Rimuove la sottolineatura del link */
  font-family: sans-serif;   /* Usa il font del tuo sito */
  font-weight: bold;
  font-size: 18px;
  border-radius: 50px;       /* Bordi molto arrotondati per richiamare le curve del sito */
  
  transition: all 0.3s ease; /* Rende il cambio colore fluido e morbido */
  box-shadow: 0 4px 15px rgba(0, 53, 107, 0.3); /* Un'ombra leggera per dare profondità */
  cursor: pointer;
}

 /* Stile base del pulsante grande */
.btn-cta-big {
  /* Colori e Sfondo */
  background-color: #00356b; /* Blu principale */
  color: #f29104;            /* Testo bianco per massima leggibilità */
  border: 2px solid #f29104;
  /* Forma e Spaziatura */
  padding: 15px 35px;        /* Spazio interno (sopra/sotto e lati) */
  display: inline-block;
  text-decoration: none;     /* Rimuove la sottolineatura del link */
  font-family: sans-serif;   /* Usa il font del tuo sito */
  font-weight: bold;
  font-size: 80px;
  border-radius: 1000px;       /* Bordi molto arrotondati per richiamare le curve del sito */
  
  transition: all 0.3s ease; /* Rende il cambio colore fluido e morbido */
  box-shadow: 0 4px 15px rgba(0, 53, 107, 0.3); /* Un'ombra leggera per dare profondità */
  cursor: pointer;
}

@media (max-width: 768px) {
  .btn-cta-big {
    font-size: 24px;
  }
}

/* Effetto al passaggio del mouse (Hover) */
.btn-cta:hover {
  background-color: #f29104; /* Cambia nel tuo arancione secondario */
  color: #00356b;
  transform: translateY(-3px); /* Il pulsante si alza leggermente (effetto "premibile") */
  box-shadow: 0 6px 20px rgba(242, 145, 4, 0.4); /* L'ombra diventa arancione e più intensa */
  border: 2px solid #00356b;
}

/* Effetto al clic */
.btn-cta:active {
  transform: translateY(-1px); /* Torna quasi alla posizione originale quando cliccato */
  border: 2px solid #00356b;
}

/* Effetto al passaggio del mouse (Hover) */
.btn-cta-big:hover {
  background-color: #f29104; /* Cambia nel tuo arancione secondario */
  color: #00356b;
  transform: translateY(-3px); /* Il pulsante si alza leggermente (effetto "premibile") */
  box-shadow: 0 6px 20px rgba(242, 145, 4, 0.4); /* L'ombra diventa arancione e più intensa */
  border: 2px solid #00356b;
}

/* Effetto al clic */
.btn-cta-big:active {
  transform: translateY(-1px); /* Torna quasi alla posizione originale quando cliccato */
  border: 2px solid #00356b;
}

/* Stile personalizzato ispirato a Tailwind CSS */
.custom-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 1rem !important; /* Arrotondamento pronunciato tipico di Tailwind */
    overflow: hidden;
    background: #ffffff;
}

.custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}

.main-product .card-img-container {
    background-color: #f8fafc; /* Grigio chiarissimo Tailwind */
    border-radius: 0.75rem;
    margin: 1rem;
}

.card-img {
    object-fit: contain;
    aspect-ratio: 1 / 1;
}

/* ============================
	FORM
   ============================ */

   .sfondo {
   	background-color: rgba(255,255,255,.8);
   	border-radius: 20px;
   	box-shadow: 0px 6px 8px rgba(0, 0, 0, .4);
   }
#errore {
	color: #d90912;
	font-weight: bold;
	font-size: 24px;
}
#errore_ocr {
  color: #ac182d;
 font-weight: var(--wBold);
  text-align: center;
  font-size: 24px;
}
   .form-control, .form-select {
   	border-radius: 5px;
   	border: 1px solid #00356b;
   	color: #000000;
   }

   .form-group {
   	margin-bottom: 15px;
   }

label[for=reg], label[for=tratt_dati]  {
	display: block;
}

   label a {
   	color: #00356b;
   	text-decoration: underline;
   }

   small.small {
   	font-size: 10px;
   	line-height: 9px;
   }

.modal-body {
	background-color: #4D7BBC;
}


/* ============================
	FOOTER
   ============================ */
   footer {
   	font-family: 'Raleway';
   	font-size: 16px;
   	background-color: transparent;
   }

   footer p {
   	color:#fff;
   	font-family: 'Raleway';
   	font-weight: normal;
   	font-style: normal;
   	font-size: 16px;
   	text-align: center;	
   }

   footer p a {
   	color:#fff;
   	text-decoration:underline;
   	font-weight: 700;
   }

   
   #tortina-cursor {
   	position: fixed;
   	top: 50%;
   	left: 0;
	transform: translate(-50%,-50%);
   	z-index: 1000;
   	cursor: pointer;
   }

  
   #tortina-cursor img {
   	width: 180px;
   	height: auto;
   	transition: transform 0.2s ease-out;
	filter: drop-shadow(0 0 0.75rem rgba(0,0,0,.5));
   }

/* =========================
	COOKIE BAR
	======================= */

	.cc-window {
		font-size: .85rem !important;
		line-height: 1.2em !important;
	}

	@media (max-width:767px) {
		.cc-window {
			font-size: .75rem !important;
			line-height: 1.1em !important;
		}
	}



/* =========================
	 OCR LOADING
	======================= */

#ocr_loading, #ocr_loading > .modal-dialog, #ocr_loading > .modal-dialog > .modal-content, #ocr_loading > .modal-dialog > .modal-content > .modal-body {
	background-color: transparent !important;
}