body{

margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f7f8fb;

}



/* HEADER */

.topbar{

display:flex;
justify-content:space-between;
align-items:center;

max-width:900px;
margin:auto;

padding:10px 0;

}



/* LOGO */

.logo img{

height:70px;
border-radius:10px;

}



/* BANDIERE */

.lang{

display:flex;
gap:12px;
margin-right:20px;

}

.lang img{

width:32px;
cursor:pointer;
transition:0.2s;

}

.lang img:hover{

transform:scale(1.1);

}



/* LANDING */

.landing{

max-width:900px;
margin:10px auto;

border-radius:10px;
box-shadow:0 8px 30px rgba(0,0,0,0.08);

overflow:hidden;
position:relative;

}

.landing img{

width:100%;
display:block;

}



/* AREA TELEGRAM */

.telegram-area{

position:absolute;

top:300px;
left:50%;

transform:translateX(-50%);

width:420px;
height:70px;

display:flex;
align-items:center;
justify-content:center;

}



/* MENU TELEGRAM */

.telegram-menu{

display:none;

background:white;

padding:12px 18px;

border-radius:10px;

box-shadow:0 10px 30px rgba(0,0,0,0.15);

gap:16px;

}



/* LINK MENU */

.telegram-menu a{

text-decoration:none;

color:#2c4b8c;

font-weight:bold;

display:flex;
align-items:center;

gap:6px;

font-size:15px;

}



/* ICONE MENU TELEGRAM */

.telegram-menu i{

font-size:18px;

}



/* HOVER MENU */

.telegram-area:hover .telegram-menu{

display:flex;

}



/* FOOTER CONTATTI */

.footer-contatti{

max-width:900px;
margin:10px auto 40px auto;

padding:30px 20px;

text-align:center;

background:linear-gradient(180deg,#eef2f9,#e3e8f3);

border-radius:10px;

box-shadow:0 8px 30px rgba(0,0,0,0.08);

}



/* TITOLO FOOTER */

.footer-contatti h2{

margin-bottom:25px;
color:#1d2c4d;

}



/* GRID CONTATTI */

.contatti-grid{

display:flex;
justify-content:space-around;
align-items:center;
flex-wrap:wrap;

gap:25px;

}



/* BLOCCO CONTATTO */

.contatto{

display:flex;
align-items:center;

gap:10px;

font-size:18px;
color:#1d2c4d;

}



/* ICONE CONTATTI FONT AWESOME */

.contatto i{

font-size:22px;

}



/* ICONA WHATSAPP SVG */

.icon-whatsapp{

display:flex;
align-items:center;
justify-content:center;

width:22px;
height:22px;

}



/* LINK CONTATTI */

.contatto a{

text-decoration:none;
color:#1d2c4d;

}



/* MOBILE */

@media (max-width:768px){

.topbar{
padding:10px 20px;
}

.landing{
max-width:100%;
margin:10px auto;
}

.logo img{
height:55px;
}

/* TELEGRAM */

.telegram-area{
top:100px;
width:280px;
}

.telegram-menu{
flex-direction:column;
}

/* FOOTER MOBILE */

.footer-contatti{

max-width:100%;
margin:20px auto;

padding:25px 20px;

}

.footer-contatti h2{
font-size:24px;
}

.contatti-grid{

flex-direction:column;
align-items:center;

gap:18px;

}

.contatto{

font-size:17px;

}

.contatto i{

font-size:20px;

}

.icon-whatsapp{

width:20px;
height:20px;

}

}