/* ASSOCIAZIONE ATC — R10 WARM AGGREGATION 2026
   Base definitiva: caldo istituzionale, alveare identitario, GAE centrale,
   navigazione leggibile, CTA solide e non pill-shaped. */
:root{
  --r10-cream:#fff9ed;
  --r10-cream-2:#f6ecd8;
  --r10-honey:#efb625;
  --r10-honey-2:#f5c849;
  --r10-ink:#2d271d;
  --r10-brown:#6b5737;
  --r10-line:rgba(77,58,28,.19);
}

/* Header: priorità assoluta alla leggibilità */
.nav-shell{background:rgba(255,249,237,.975);border-bottom:1px solid var(--r10-line);padding:12px 30px}
.nav{gap:28px}
.brand img{width:48px}
.brand strong{font-size:13px;font-weight:800;color:var(--r10-ink)}
.brand small{font-size:9px;color:#75654f}
.nav-links{gap:26px}
.nav-links a{font-size:12px;font-weight:700;letter-spacing:.055em;color:#3d3428;padding:10px 0}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#7f5700}
.nav-links a:after{height:2px;background:#c98e00}
.nav-contact,.btn,.btn--amber{border-radius:5px!important}
.nav-contact{background:#e8aa13;color:#251d10;padding:11px 18px;font-size:11px;font-weight:800;letter-spacing:.055em}

/* HOME HERO — usa la grammatica visiva del blocco GAE approvato */
.civic-hero,.civic-hero.civic-hero--hive{
  min-height:100svh;
  padding:96px 0 0;
  display:grid;
  align-items:stretch;
  background:linear-gradient(112deg,#f7c63c 0%,#efb51f 62%,#e8a90d 100%);
  color:var(--r10-ink);
}
.civic-hero:before{display:none}
.civic-hero__content{
  width:min(1220px,calc(100% - 64px));
  margin:auto;
  padding:clamp(42px,7vh,78px) 0 clamp(48px,7vh,78px);
  display:grid;
  grid-template-columns:minmax(340px,.82fr) minmax(420px,1.18fr);
  grid-template-areas:"visual eyebrow" "visual title" "visual copy";
  column-gap:clamp(48px,7vw,110px);
  row-gap:12px;
  align-items:center;
}
.civic-eyebrow{grid-area:eyebrow;color:#6a4a08;font-size:10px;font-weight:800;letter-spacing:.16em;margin:0 0 4px;max-width:60ch}
.civic-hero h1,.civic-hero--hive h1{grid-area:title;font-size:clamp(3.6rem,6.2vw,6.5rem);line-height:.92;max-width:10.6ch;color:#282219;font-weight:700;letter-spacing:-.06em}
.civic-hero__bottom,.civic-hero--hive .civic-hero__bottom{grid-area:copy;margin:12px 0 0;width:auto;max-width:58ch;background:transparent;border-left:1px solid rgba(45,39,29,.34);padding:8px 0 8px 20px}
.civic-hero__bottom>p{color:#3d3428;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.56}
.civic-links{gap:20px;margin-top:16px}.civic-links a{color:#312719;border-bottom:2px solid rgba(49,39,25,.46);font-weight:750;font-size:11px}.civic-links a:first-child{color:#312719}

/* Alveare: vero blocco visivo a sinistra, non sovrapposto */
.hive-stage{
  position:absolute;z-index:2;left:max(34px,calc((100vw - 1220px)/2));right:auto;top:50%;transform:translateY(-42%);
  width:min(37vw,500px);height:min(62vh,500px);opacity:1;
}
.hive span{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.4px rgba(58,42,18,.35)}
.hive span:nth-child(5){background:#2d271d;box-shadow:none}
.hive-core{left:16%;top:27%;width:68%;mix-blend-mode:multiply}
.hive-core img{content:url('../img/logo-atc.png');opacity:.98}

/* Sezioni: più calde e coerenti con la home */
.recognition{background:#fff9ef}
.gae-flagship{background:linear-gradient(118deg,#f6cd56 0%,#efb31d 72%,#e8a80a 100%)}
.civic-method{background:#f5ecdd}.history-cut{background:#efe2cc}.energy-signature{background:#fffaf0}.civic-close{background:#f2e5cf}

/* CTA: solide, istituzionali, non rotonde */
.btn,.btn--amber,.nav-contact,.form button,.appnav .primary{border-radius:5px!important}
.btn{padding:12px 18px}.btn--line{border-radius:5px!important}

/* Pagine interne: stessa atmosfera, niente pill e contrasto alto */
.page-hero,.page-hero--quiet{background:linear-gradient(130deg,#fff9ee 0%,#f4e5cb 100%)}
.page-hero h1{color:var(--r10-ink)}

/* Split screen reale */
@media (min-width:760px) and (max-width:1100px){
  .nav-shell{padding:9px 18px}.brand img{width:40px}.brand small{display:none}
  .nav-links{gap:16px}.nav-links a{font-size:10px}.nav-contact{font-size:10px;padding:9px 13px}
  .civic-hero{padding-top:68px;min-height:100svh}
  .civic-hero__content{width:calc(100% - 42px);grid-template-columns:minmax(270px,.78fr) minmax(390px,1.22fr);column-gap:28px;padding:34px 0 30px}
  .civic-hero h1,.civic-hero--hive h1{font-size:clamp(3rem,5.5vw,4.25rem);max-width:10.4ch}
  .civic-hero__bottom>p{font-size:.9rem;line-height:1.48}
  .hive-stage{left:20px;width:min(34vw,320px);height:min(56vh,320px);top:52%}
}
@media (min-width:760px) and (max-width:1100px) and (max-height:650px){
  .civic-hero__content{padding:24px 0 20px;row-gap:8px}
  .civic-eyebrow{font-size:8px}
  .civic-hero h1,.civic-hero--hive h1{font-size:clamp(2.75rem,5vw,3.65rem);line-height:.93}
  .civic-hero__bottom,.civic-hero--hive .civic-hero__bottom{margin-top:4px;padding:5px 0 5px 14px}
  .civic-hero__bottom>p{font-size:.82rem;line-height:1.4;margin-bottom:.45em}
  .civic-links{margin-top:7px}.civic-links a{font-size:9px}
  .hive-stage{width:min(31vw,280px);height:min(52vh,280px);top:53%}
}

@media (max-width:759px){
  .nav-shell{padding:10px 16px;background:rgba(255,249,237,.985)}
  .civic-hero,.civic-hero.civic-hero--hive{min-height:auto;padding:82px 0 0;background:linear-gradient(150deg,#f7cd59,#ebb11a)}
  .civic-hero__content{display:block;width:calc(100% - 36px);padding:280px 0 46px}
  .civic-eyebrow{font-size:9px;margin-bottom:12px}
  .civic-hero h1,.civic-hero--hive h1{font-size:clamp(3rem,13vw,4.6rem);max-width:9.8ch}
  .civic-hero__bottom,.civic-hero--hive .civic-hero__bottom{margin-top:24px;max-width:34ch}
  .hive-stage{left:50%;right:auto;top:105px;transform:translateX(-50%);width:280px;height:250px;opacity:.92}
}