/* © 2025 FilCare Italy all rights reserved */
/* Italianno latin */
@import url('https://fonts.googleapis.com/css?family=Ysabeau Office:400,700&display=swap');
@font-face {
  font-family: 'Italianno';
  font-style: normal;
  font-weight: 0;
  src: url(https://fonts.gstatic.com/s/italianno/v18/dg4n_p3sv6gCJkwzT6RXiJwo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* @import url('https://fonts.googleapis.com/css2?family=Italianno Office:400,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Ysabeau Infant:400,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Playfair:400,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap'); */

:root {
		--color-background: rgba(252, 252, 249, 1);
		/* --color-text: rgba(19, 52, 59, 1); */
		--color-text: rgba(0, 0, 0, 1);
		--color-text-blue: rgba(36, 67, 110, 1); /* dark blue = #2a82da */
		--color-primary: rgba(33, 128, 141, 1);
		--color-primary-hover: rgba(29, 116, 128, 1);
		--color-btn-primary-text: rgba(252, 252, 249, 1);
		--radius-base: 15px;
		--space-8: 8px;
		--space-16: 16px;
		--space-24: 24px;
		--font-family-base: 'Ysabeau Infant', 'Ysabeau Office', 'Nunito', 'Playfair', 'Lato', Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
		--font-size-base: 20px;
		--font-weight-medium: 500;
		--duration-normal: 250ms;
}
html { scroll-behavior: smooth; }
form .honeypot { display: none; }

/* MOSTRA BORDI OVUNQUE PER VERIFICA FUORI SCHERMO */
/* * { outline: 1px solid purple; } */

body {
	margin: 0;
	font-family: 'Ysabeau Infant', 'Ysabeau Office', 'Nunito', 'Playfair', 'Lato', Arial, Helvetica, sans-serif;
	/* font-size: 1.26em; */
  /* color: #24436e; */
	/* background: linear-gradient(120deg, #f0f0f0 50%, #f8f4cc 100%); */
	background-image: url('../images/filcare-bg.png');
	background-attachment: fixed;
	background-color: rgba(255, 230, 0, 0.09); /* 50% transparent white */
	background-blend-mode: multiply; /* Try overlay, screen, soft-light, etc. */
}
/* SERVICE LIST */
.elenco_servizi {
  background-image: url('../images/crystal1.png');
  background-repeat: no-repeat;
  background-position: center;
  /* background-size: 415px 422px; */
  background-size: 100% 100%;
	background-color: rgba(25, 225, 225, 0.10); 
	box-shadow: 3px 3px 12px 3px rgba(125, 255, 205, 0.60); 
	border-radius: var(--radius-base);
	color: var(--color-text);
	font-size: 22px;
	font-weight: 400;
  text-shadow: 2px 2px 2px #fff;
	padding: 20px;
	margin-top: 30px;	
	margin-left: 20%; 
	margin-right: 20%; 
	/* border: 1px double grey;  */
  border:1px outset rgba(255, 255, 255, 0.90);
}
.elenco_servizi ul, .elenco_servizi li::before {
  list-style-type: none;
  content: "·";
  /* margin-right: 0.6em; */
  vertical-align: middle;
}
.elenco_servizi hr { 
  height: 1px;
  background-color: var(--color-text-blue);
  border: none;
}

/* CONTENUTO VISUALIZZATO IN UN RIQUADRO CENTRATO */
.container { 
	position: relative;
	max-width: 800px; margin: 0 auto; 
	text-align: center; 
}
.menu_bar {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
    /* background-color: rgba(255,255,255,0.44); */

}

.menu_sections {
  /* background-color: #f1f1f1; */
  /* padding: 10px; */
  text-align: center;  
  /* font-size: 14px; */
  flex: 80%;

}
.menu_flags img {
    text-align: right;
    padding: 2px 4px 2px 4px;
    border-radius: 7px;
    /* box-shadow: 0 0 4px 1px rgba(36, 67, 110, 0.08); */
    transition: color 0.3s, background 0.3s, box-shadow 0.4s, text-shadow 0.4s, transform 0.2s; 
	/* flex: 0; /* aggiungi flex: 0; * / */
}
.menu_flags img:hover {
    box-shadow: 0 0 2px 1px #e4d475, 0 0 6px 3px #a79639aa;
    /* background-color: rgba(255,255,0,0.44); */
    /* ingrandisce leggermente */
    transform: scale(1.04);
}
.flagtrans {
  box-shadow: 0 0 4px 1px rgba(36, 67, 110, 0.18);
  border-radius: 5px;
}
.member_area {
    opacity:0.40; margin-top:25px;
    transition: opacity 0.5s, filter 0.5s, transform 0.5s;
}
.member_area:hover {
    transition: box-shadow 0.4s, text-shadow 0.4s; 
    transition: opacity 0.5s, filter 0.5s, transform 0.5s;
    opacity:1;
}

/* .menu_links { text-align: left; } */
a#a_home.menu_links, 
a#a_servizi.menu_links, 
a#a_affidabilita.menu_links, 
a#a_competenza.menu_links, 
a#a_contatti.menu_links, 
a#a_chisiamo.menu_links { 
    text-decoration: none;
    font-weight: bold;
    color: #24436e; /* blu scuro per ottimo contrasto */
    padding: 4px 9px;
    border: 1px outset #696;
    border-radius: 8px;
    background: rgba(250,250,250,0.45); /* leggero fondo chiaro */
    box-shadow: 0 0 4px 1px rgba(36, 67, 110, 0.08);
    transition: color 0.3s, background 0.3s, box-shadow 0.4s, text-shadow 0.4s; 
}
/* .menu_links a:visited { text-decoration: none; font-weight: bold; color: #24436e; } */
a#a_home.menu_links:hover, 
a#a_servizi.menu_links:hover, 
a#a_affidabilita.menu_links:hover, 
a#a_competenza.menu_links:hover, 
a#a_contatti.menu_links:hover, 
a#a_chisiamo.menu_links:hover { 
    color: #355684; 
    background: #cfd;
    box-shadow: 0 0 3px 1px #666, 0 0 3px 5px #ddd;

    /* ingrandisce leggermente */
    transform: scale(1.04);
    transform-origin: center center;
    position: relative;
    z-index: 10; /* porta il link in hover sopra gli altri */
}
a#a_home.menu_links_active, 
a#a_servizi.menu_links_active, 
a#a_affidabilita.menu_links_active, 
a#a_competenza.menu_links_active, 
a#a_contatti.menu_links_active, 
a#a_chisiamo.menu_links_active { 
    color: black; /* #2a82da; blue * / /* dorato più saturo: #d4be55 */
    background: #bbffbb; /* micro-ombra soft per risalto anche su giallo */

    box-shadow: 0 0 10px 5px rgba(105, 235, 185, 0.90); /*#8d7900;*/
    /* text-shadow: 0 0 6px #fffbe2, 0 0 18px #d4be55, 0 0 28px #d4be55; */
    /* box-shadow: 0 0 14px 0px #e4d475, 0 0 26px 4px #a79639aa; */
    /* ingrandisce leggermente */
    transform: scale(1.04);
  transform-origin: center center;
  position: relative;
  z-index: 10; /* porta il link in hover sopra gli altri */
}
/* .menu_links a:hover, target, */
/* .menu_links a:active { color: #cccc6e; font-weight: bold; border-left: 3px solid #cccc6e; border-right: 3px solid #cccc6e; } */
/* .menu_flags { width: auto; text-align: right; } */

section {
	overflow: visible;
	min-height: calc(100vh - 101px);
	margin-bottom: calc(100vh - 92vh);
	background: rgba(255,255,255,0.84);
	border-radius: var(--radius-base); 
	box-shadow: 0 0 18px 2px #c7cc84; /* #c7bc84; */
	transform: scale(0.96);
	/* transition: opacity 0.5s, filter 0.5s, transform 0.5s; */
	padding-left: 16px; padding-right: 16px; 
	padding-top: 16px; padding-bottom: 16px; 
	scroll-margin-top: 40px;
	z-index: 1;
	font-size: 20px;	
  text-align: left;
	font-size: 1.26em; 
}
section#home {
	position: relative;
	background-image: url('../images/women ita-phil standing fade out.png'); background-size: 100%; background-repeat: no-repeat; 
	display: flex;
	align-items: center;          /* Centra orizzontalmente */
	justify-content: flex-end;    /* Allinea il contenuto in basso */
	text-align: center;
}
section#home h1 {
  position: absolute;
  bottom: -5px;
  left: 5%;
  width: 90%;

  color: #24436e;
  z-index: 2;
}
section#affidabilita, 
section#competenza, 
section#servizi 
{
	display: grid;
	position: relative;
	background: rgba(128,255,128,0.1);
	text-align: center;
}
section#competenza { background: rgba(0,255,255,0.1); }
section#servizi { background: rgba(0,128,255,0.1); }
section#contatti { background: rgba(255,0,0,0.1); }
section#chisiamo { background: rgba(255,255,0,0.1); }

section#affidabilita .affidabilita_title h1 {
	font-size: 1.95em; 
	/* border: 1px solid red; */
}
section#affidabilita .affidabilita_image img,
section#competenza .competenza_image img,
section#servizi .servizi_image img, 
section#contatti .contatti_image img, 
section#chisiamo .chisiamo_image img 
{
	width: 100%;
	border-radius: var(--radius-base); 
}
section#home img 
{
	width: 100%;
	left: 1%;
	right:1%;
}

section#affidabilita .affidabilita_text, 
section#competenza .competenza_text, 
section#servizi .servizi_text, 
section#contatti .contatti_text, 
section#chisiamo .chisiamo_text 
{
	border: 1px solid #00285f;
	border-radius: var(--radius-base);
	text-align: justify;
	padding: 25px;
	margin: 0 1% 0 1%; /* 0 auto; */
}
h1 {
  color: #24436e;
}
/* SEZIONE P */
p.boxed {
	width: 60%;
	height: 60%;
	font-size: 1.2em;
	text-align: justify;
	border: 1px solid pink;
}
.writeus { text-align: right; margin-left: 10%; margin-right: 10%; }
.writeus input { border-radius: 5px; padding: 3px; margin: 3px; font-size: 15px; }
.writeus textarea { width:70%; height: 100px; padding: 3px; border-radius: 5px; font-size: 14px; }
.writeus input[type="text"] { width: 48%; transition: width 0.5s ease; }

.writeus input[name="oggetto"], 
.writeus input[name="email"] { width: 70%; box-sizing: border-box; }

.writeus textarea:focus, 
.writeus input[type="text"]:focus, 
.writeus input[name="email"]:focus { background-color: #ffffcf; }

.translate:hover { cursor: pointer; }
/* END SEZIONE P */
.heart{
  /* border: 1px solid pink; */
	display: flex;
	align-items: center;
	cursor: pointer;
}
img.img80p {
	width: 100%;
}
.flag_trans {
	width: 32px; /* originale 32x28 */
	width: 21px; 
	vertical-align: middle;
	padding: 5px;
}

/* look into the other css for image transform: scale(x.xx);  */
.img2N1H_round,
.img2N1H_heart,
.img2N1H_filcare, 
.img2N1H_stars1, 
.img2N1H_stars2, 
.img2N1H_stars3, 
.img2N1H_2n1hheart, 
.img2N1H_text {
  position: absolute;
  top: 5%;
  left: 10%;
	transform: scale(0.70);
  object-fit: contain;
  transition: opacity 1.2s ease;
  z-index: 1;
}
.img2N1H_round { opacity: 50%; 	transform: scale(0.60); }

/* ATTACCA FOOTER AL BOTTOM SCHERMO */
.footer { position: sticky; margin-bottom:0px; z-index: 1000; bottom:0px; display: flex; justify-content: space-between; align-items: baseline; }
.footer { margin-left: 2%; margin-right: 2%; padding: 2px 2px 2px 10px; font-size: 0.7em; background-color: rgba(255,255,255,0.44); border-radius: 3px; }
.torna_su {
  /* background: #2a82da; blue */
  background: #c7cc84; color: #fff; border: 0px solid blue; border-radius: 50px; 
  width: 40px; height: 40px;
  opacity: 0.5; 
}
.torna_su:hover { background: #999;   box-shadow: 0 0 9px 4px rgba(105, 235, 185, 1); opacity: 1; }

.bgred { background-color:red; }
.border { border:1px solid red; }
.w100p { width:100%; }
.pointer { cursor: pointer; }

.button {
  background-color: #4CAF50; /* Verde */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.button:hover {
  background-color: #45a049; /* Colore più scuro al passaggio del mouse */
}

.button:active {
  transform: scale(0.98); /* Effetto "clic" */
}

.button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn_style {
	background-color: #FFFFF0; /* colore avorio */
	border: 2px solid #ccc; /* bordo grigio chiaro */
	color: #333; /* colore testo */
	padding: 10px 20px; /* spaziatura interna */
	font-size: 16px; /* dimensione testo */
	font-family: "Arial", sans-serif;
	border-radius: 6px; /* angoli arrotondati */
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn_style:hover {
	background-color: #f5f5dc; /* avorio più scuro al passaggio */
	border-color: #aaa;
}
.btn_style2 {
	cursor: pointer;
	background-color: #949;
	color: #ddd;
	border: none;
	border-radius: 5px;
	box-shadow: 
		0 1px 0 #4a7c7b,
		0 5px 0 rgba(0,0,0,.15);
}
.btn_style2:active {
  background-color: #4e8381;
  box-shadow:
    0 2px 0 #355655;
  position: relative;
  top: 2px;
}

@media (max-width: 800px) {
.menu_bar { display: fixed; transform: scale(0.92); justify-content: left; }
.menu_links { transform: scale(0.80); }
}
@media (max-width: 768px) {
	/* .lang { display: grid; align-items: right; } */
	/* .menu_links { width: 100%; } */
	section#home h1 {
		/* border:1px solid green; */
		bottom: calc(100vh - 75vh);
		font-size: 1.09em;
	}
	section#home img {
		height: 51%;
	}
  section#contatti .writeus { margin-left: 2%; margin-right: 2%; }
  section#contatti .writeus input[type="text"], 
  section#contatti .writeus input[name="oggetto"], 
  section#contatti .writeus input[name="email"] { width: 95%; box-sizing: border-box; transition: width 0.5s ease; }
  section#contatti .writeus textarea { width:95%; height: 100px; padding: 3px; border-radius: var(--radius-base); font-size: 14px; }
	.footer { margin-left: 2%; margin-right: 2%; padding: 2px 2px 2px 10px; font-size: 0.7em; background-color: rgba(220,220,220,0.44); }
}
@media (max-width: 600px) {
  .elenco_servizi {
    margin-left: 2%;
    margin-right: 2%;
    padding: 10px;
    background-size: 100% 100%;
  }

  .menu_bar {
    flex-direction: column;
    align-items: stretch;
  }
  
  .menu_sections {
    width: 100%;
    flex: 1 1 50%;
  }
  
  .menu_links {
    display: inline-grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 3px;
    width: 40%;
  }
  .menu_links a {
    width: 100%;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}
@media (max-width: 300px) {
	.img2N1H_round,
	.img2N1H_heart,
	.img2N1H_filcare, 
	.img2N1H_stars1, 
	.img2N1H_stars2, 
	.img2N1H_stars3, 
	.img2N1H_2n1hheart, 
	.img2N1H_text { top:0px; } /* border:1px solid red;} */
	
	section { 
		overflow: visible; 
		transform: scale(0.96);
	}
	
	section#home h1, 
	section#affidabilita .affidabilita_title h1,
	section#competenza .competenza_title h1,
	section#servizi .servizi_title h1,
	section#contatti .contatti_title h1,
	section#chisiamo .chisiamo_title h1  
	{ 
		/* border:1px solid green; */
		font-size: 100%; 
		text-align: center;
	}
	section#competenza img.competenza_image img { width: 100vw; }
	section#affidabilita img.affidabilita_image img {
		width: 100%;
	}
	section#servizi .servizi_text {
		text-align: left;
		font-size: 0.80em;
		border-radius: var(--radius-base);
		padding: 25px;
	}
	section#affidabilita .affidabilita_text {
		border: 1px solid #00285f;
		border-radius: var(--radius-base);
		text-align: justify;
		padding: 25px;
	}
  section#contatti .writeus { margin-left: 2%; margin-right: 2%; }
  section#contatti .writeus input[type="text"], 
  section#contatti .writeus input[name="oggetto"], 
  section#contatti .writeus input[name="email"] { width: 95%; box-sizing: border-box; transition: width 0.5s ease; }
  section#contatti .writeus textarea { width:95%; height: 100px; padding: 3px; border-radius: 5px; font-size: 14px; }

	.footer { margin-left: 2%; margin-right: 2%; padding: 2px 2px 2px 10px; font-size: 0.7em; background-color: rgba(225,225,225,0.84); }


.elenco_servizi {
  background-image: url('../images/crystal1.png');
  background-repeat: no-repeat;
  background-position: center;
	background-color: rgba(25, 225, 225, 0.10); 
	box-shadow: 3px 3px 12px 3px rgba(125, 255, 205, 0.60); 
	border-radius: var(--radius-base);

	color: var(--color-text);
	font-size: 1em;
	font-weight: 400;
  text-shadow: 2px 2px 2px #fff;
	padding: 2px;
	margin-top: 30px;	
  margin-left: 2%;
  margin-right: 2%;
  background-size: 100% 100%;
  border: 2px inset lightblue;
}
.elenco_servizi ul, .elenco_servizi li {
  padding: 5px;
  font-size: 0.86em;
}
.elenco_servizi li { 
  list-style-type: none;
}

} /* end @media */

.align_right{text-align: right;}