/*
Theme Name: ITALCIAMB Corporate V11 Symbol Header Completo
Theme URI: https://italciamb.it
Author: ITALCIAMB
Description: Tema ITALCIAMB pulito, responsive e con Google Maps.
Version: 11.0.0
Text Domain: italciamb-v7
*/
:root{--navy:#062e5a;--red:#d30b1b;--white:#fff;--ink:#0b2947;--light:#f5f7fa}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* HEADER - unico, senza duplicazioni */
.site-header{
  position:sticky;top:0;z-index:100;
  min-height:78px;padding:0 4vw;
  background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  box-shadow:0 3px 16px rgba(0,0,0,.18)
}
.brand{font-size:30px;font-weight:900;white-space:nowrap;letter-spacing:-1px}
.brand .red{color:#ef1b2d}
.main-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:800}
.main-nav a{padding:29px 0 24px;border-bottom:3px solid transparent}
.main-nav a:hover{border-color:var(--red)}
.contact-btn{background:var(--red);padding:14px 18px;border-radius:4px;font-size:12px;font-weight:900;white-space:nowrap}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:29px}

/* HERO */
.hero{
  position:relative;min-height:650px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:
    linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.78) 34%,rgba(255,255,255,.20) 65%,rgba(255,255,255,.02) 100%),
    url('assets/hero-clean.jpg') center/cover no-repeat;
}
.hero-content{
  position:relative;z-index:3;
  width:min(760px,70vw);
  text-align:center;
  margin-left:-12vw;
}
.logo-mark{
  display:block;
  width:min(330px,34vw);
  max-height:290px;
  object-fit:contain;
  margin:0 auto -5px;
}
.wordmark{
  margin:0;
  font-size:76px;
  line-height:1;
  font-weight:900;
  letter-spacing:-5px
}
.wordmark .ital{color:var(--navy)}
.wordmark .ciamb{color:var(--red)}
.tricolor{width:550px;max-width:78%;height:9px;margin:16px auto 13px;display:flex}
.tricolor i{flex:1}.tricolor .g{background:#008c45}.tricolor .w{background:#eee}.tricolor .r{background:#cd212a}
.tagline{font-size:20px;letter-spacing:4px;font-weight:800;color:var(--navy)}
.script{
  position:absolute;z-index:4;right:5vw;top:50px;
  font-family:"Brush Script MT","Segoe Script",cursive;
  font-size:58px;line-height:.9;color:var(--navy);transform:rotate(-5deg);
  text-align:center
}
.script:after{content:"";display:block;width:210px;height:5px;background:var(--red);margin:9px 0 0 80px;transform:rotate(-3deg)}

/* SERVIZI */
.services{display:grid;grid-template-columns:repeat(4,1fr)}
.service{min-height:205px;padding:30px 24px;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.service:nth-child(odd){background:linear-gradient(180deg,#084b8b,#052f59)}
.service:nth-child(even){background:linear-gradient(180deg,#db1727,#aa0715)}
.icon{font-size:41px;margin-bottom:10px}
.service h3{font-size:21px;margin:0 0 7px}
.service p{font-size:14px;line-height:1.45;margin:0}
.more{margin-top:18px;border:1px solid rgba(255,255,255,.75);padding:9px 14px;border-radius:3px;font-size:12px}

/* VALUES */
.values{display:grid;grid-template-columns:repeat(4,1fr);padding:29px 4vw;background:#fff}
.value{text-align:center;border-right:1px solid #d8e0e7;padding:8px 15px}
.value:last-child{border-right:0}
.value strong{display:block;color:var(--navy);font-size:18px}
.value span{font-size:12px}

/* MAPPA */
.map-wrap{display:grid;grid-template-columns:.78fr 1.22fr;min-height:390px;background:var(--light)}
.map-info{padding:45px 6vw;background:#fff;display:flex;flex-direction:column;justify-content:center}
.map-kicker{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--red);margin-bottom:10px}
.map-info h2{margin:0 0 14px;font-size:34px;color:var(--navy)}
.map-info p{font-size:17px;line-height:1.6;margin:0 0 22px}
.map-link{align-self:flex-start;background:var(--navy);color:#fff;padding:13px 18px;border-radius:4px;font-size:13px;font-weight:900}
.map-frame iframe{display:block;width:100%;height:100%;min-height:390px;border:0}

/* FOOTER */
footer{background:var(--navy);color:#fff;padding:27px 4vw 16px}
.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:center}
.footer-center{text-align:center}.footer-right{text-align:right;font-weight:900}
.footer-bottom{text-align:center;color:#ccd8e4;font-size:12px;border-top:1px solid rgba(255,255,255,.14);margin-top:20px;padding-top:14px}

/* TABLET */
@media(max-width:1024px){
 .main-nav{gap:14px;font-size:12px}
 .hero{min-height:580px}
 .hero-content{margin-left:-6vw;width:min(700px,76vw)}
 .wordmark{font-size:62px}
 .script{font-size:44px}
 .services{grid-template-columns:repeat(2,1fr)}
}

/* MOBILE - si adatta alla larghezza del telefono */
@media(max-width:760px){
 .site-header{min-height:64px;padding:0 18px}
 .brand{font-size:22px}
 .menu-toggle{display:block}
 .contact-btn{display:none}
 .main-nav{
   position:absolute;top:64px;left:0;right:0;
   display:none;flex-direction:column;align-items:stretch;gap:0;
   background:var(--navy);padding:8px 18px 18px
 }
 .main-nav.open{display:flex}
 .main-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}
 .hero{
   min-height:560px;
   background:
     linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.48)),
     url('assets/hero-clean.jpg') 72% center/cover no-repeat;
   padding:100px 16px 35px
 }
 .hero-content{width:100%;margin:0}
 .logo-mark{width:min(250px,64vw)}
 .wordmark{font-size:48px;letter-spacing:-3px}
 .tagline{font-size:13px;letter-spacing:2px;line-height:1.5}
 .script{right:14px;top:20px;font-size:31px}
 .script:after{width:125px;height:4px;margin-left:44px}
 .services{grid-template-columns:1fr}
 .service{min-height:165px}
 .values{grid-template-columns:1fr 1fr;padding:12px}
 .value{border-right:0;border-bottom:1px solid #d8e0e7;padding:17px 8px}
 .map-wrap{grid-template-columns:1fr}
 .map-info{padding:34px 22px}
 .map-info h2{font-size:28px}
 .map-frame iframe{min-height:330px}
 .footer-main{grid-template-columns:1fr;text-align:center}
 .footer-center,.footer-right{text-align:center}
}
@media(max-width:430px){
 .wordmark{font-size:41px}
 .logo-mark{width:68vw}
 .tagline{font-size:11px;letter-spacing:1.5px}
 .values{grid-template-columns:1fr}
}

/* V8 - correzione logo: GRUPPO CIAMBRIELLO sempre leggibile */
.group-label{
  margin:8px auto 9px;
  color:var(--navy);
  font-size:18px;
  font-weight:600;
  letter-spacing:8px;
  white-space:nowrap;
}
.logo-mark{max-height:none;height:auto;margin:0 auto 0}
@media(max-width:760px){
 .group-label{font-size:12px;letter-spacing:4px;margin:7px auto 8px}
}
@media(max-width:430px){
 .group-label{font-size:10px;letter-spacing:3px;white-space:normal}
}

/* V10 - logo completo nella barra superiore, senza taglio della B */

/* V11 - solo simbolo IC nell’header */
.brand-logo{display:flex;align-items:center;justify-content:flex-start;width:104px;height:68px;overflow:visible;flex:0 0 104px}
.brand-logo img{display:block;width:auto;height:60px;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:760px){.brand-logo{width:86px;height:54px;flex-basis:86px}.brand-logo img{height:48px}}
@media(max-width:390px){.brand-logo{width:78px;flex-basis:78px}.brand-logo img{height:44px}}