*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Open Sans',-apple-system,system-ui,Helvetica,Arial,sans-serif;
  color:#333;background:#fff;line-height:1.6}
img{max-width:100%;height:auto}
a{color:#2d5a27}
main{padding:0 16px}
.bh-testa{border-bottom:1px solid #e6e2d8;background:#fff;position:sticky;top:0;z-index:50}
.bh-testa-in{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;
  gap:18px;flex-wrap:wrap}
.bh-testa img{height:46px;width:auto}
.bh-testa nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.bh-testa nav a{color:#333;text-decoration:none;font-size:14px;font-weight:600;
  letter-spacing:.02em;padding:6px 0;border-bottom:2px solid transparent}
.bh-testa nav a:hover,.bh-testa nav a[aria-current]{color:#2d5a27;border-bottom-color:#2d5a27}
@media(max-width:700px){.bh-testa nav{margin-left:0;width:100%;gap:12px}
  .bh-testa nav a{font-size:13px}}
/* Il tema di Weebly azzerava gli elenchi per tutto il sito. Senza, il menu della home
   torna un elenco puntato: si rimette qui, mirato. */
.nav-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  gap:22px;align-items:center}
.nav-menu li{margin:0}
.nav-menu a{text-decoration:none}
.nav-inner{display:flex;align-items:center;gap:20px}
.nav-cta{margin-left:auto}
.bh-prof{margin:.2rem 0 .6rem}
.bh-prof>summary{cursor:pointer;display:inline-block;font-size:13.5px;font-weight:600;
  color:#2d5a27;border-bottom:1px solid currentColor;list-style:none;padding:2px 0}
.bh-prof>summary::-webkit-details-marker{display:none}
.bh-prof>summary::marker{content:""}
.bh-prof[open]>summary{margin-bottom:.4rem}

/* --- moduli (scrivono sull'Hub) --- */
.bh-modulo{max-width:680px;margin:24px auto 40px;font-size:15px}
.bh-modulo fieldset{border:1px solid #e0ddd4;border-radius:4px;padding:14px 16px 18px;margin:0 0 18px}
.bh-modulo legend{font-weight:700;color:#2d5a27;padding:0 6px;font-size:14px;
  text-transform:uppercase;letter-spacing:.04em}
.bh-campo{margin:0 0 14px}
.bh-campo>label{display:block;font-weight:600;margin-bottom:4px}
.bh-modulo input[type=text],.bh-modulo input[type=email],.bh-modulo input[type=tel],
.bh-modulo input[type=date],.bh-modulo input[type=number],.bh-modulo select,
.bh-modulo textarea{width:100%;padding:9px 10px;border:1px solid #c9c4b6;border-radius:3px;
  font:inherit;color:inherit;background:#fff}
.bh-modulo textarea{min-height:130px;resize:vertical}
.bh-modulo input:focus,.bh-modulo select:focus,.bh-modulo textarea:focus{outline:2px solid #2d5a27;
  outline-offset:1px;border-color:#2d5a27}
.bh-duo{display:flex;gap:14px;flex-wrap:wrap}
.bh-duo>.bh-campo{flex:1 1 220px;margin-bottom:14px}
.bh-aiuto{font-weight:400;font-size:13px;color:#6d6a61;display:block;margin-top:2px}
.bh-obbl{color:#a33}
.bh-misure{width:100%;border-collapse:collapse;margin-top:6px}
.bh-misure th{text-align:left;font-size:13px;font-weight:600;color:#6d6a61;padding:0 8px 4px 0}
.bh-misure td{padding:0 8px 8px 0;vertical-align:top}
.bh-misure td:first-child{white-space:nowrap;padding-top:10px;font-weight:600}
.bh-privacy{display:flex;gap:9px;align-items:flex-start;font-size:14px}
.bh-privacy input{margin-top:4px;flex:0 0 auto;width:auto}
.bh-invia{background:#2d5a27;color:#fff;border:0;border-radius:3px;padding:12px 26px;
  font:inherit;font-weight:700;cursor:pointer}
.bh-invia:hover{background:#24471f}
.bh-invia[disabled]{opacity:.55;cursor:default}
.bh-esca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bh-esito{margin-top:14px;padding:12px 14px;border-radius:3px;font-weight:600;display:none}
.bh-esito.ok{display:block;background:#eaf5e6;border:1px solid #b9dcae;color:#2d5a27}
.bh-esito.ko{display:block;background:#fdecea;border:1px solid #f2c3bd;color:#a33}
.bh-senza-js{margin:18px 0;padding:12px 14px;border:1px solid #e0ddd4;border-radius:3px;
  background:#faf9f6}

.bh-cookie{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#1f3d1c;
  color:#f2f2ef;font-size:14px;line-height:1.55;padding:18px 20px;
  box-shadow:0 -2px 18px rgba(0,0,0,.25)}
.bh-cookie-in{max-width:1100px;margin:0 auto;display:flex;gap:20px;align-items:center;
  flex-wrap:wrap;justify-content:space-between}
.bh-cookie p{margin:0;flex:1 1 380px;min-width:260px;color:#f2f2ef}
.bh-cookie a{color:#e6cf8a;text-decoration:underline}
.bh-cookie-btns{display:flex;gap:10px;flex-wrap:wrap}
.bh-cookie button{font:inherit;font-weight:600;cursor:pointer;border-radius:50px;
  padding:11px 22px;border:1px solid transparent;white-space:nowrap}
.bh-cookie-si{background:#c9a84c;color:#1f3d1c}
.bh-cookie-si:hover{background:#e6cf8a}
/* Il rifiuto deve avere lo stesso peso dell'accettazione: un "no" che sembra testo
   accanto a un "si'" grande e colorato e' un modo scorretto di chiedere il consenso. */
.bh-cookie-no{background:rgba(255,255,255,.10);color:#fff;border:2px solid #fff}
.bh-cookie-no:hover{background:rgba(255,255,255,.22)}
.bh-cookie-si{border:2px solid #c9a84c}
@media(max-width:600px){.bh-cookie-in{gap:14px}.bh-cookie-btns{width:100%}
  .bh-cookie button{flex:1 1 auto}}
.bh-prefs{text-align:center;font-size:13px;padding:10px 16px 18px;background:#12110f}
.bh-prefs a{color:#b9b4a8}


/* ============ INTESTAZIONE: logo, claim, navigazione, pulsante ============ */

/* 1. logo nuovo al posto del vecchio */
.cento-header .wsite-logo img{width:0 !important;height:0 !important;padding:0 !important;
  margin:0 !important;opacity:0 !important;}
.cento-header .wsite-logo a{display:inline-block !important;width:210px;height:70px;
  background:url("/uploads/1/5/5/6/15565348/published/apuliabike-marchio-variante2.png") no-repeat center;
  background-size:contain;text-decoration:none !important;}
.cento-header .abt-claim{display:block;font-family:'Open Sans',Helvetica,Arial,sans-serif;
  font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#777;
  margin-top:2px;line-height:1.3;}
@media(max-width:900px){
  .cento-header .wsite-logo a{width:150px;height:44px;}
  /* su mobile l'intestazione fissa e' alta 50px: il claim non ci sta e
     si accavallerebbe alla barra sotto. Il logo basta. */
  .cento-header .abt-claim{display:none;}
}

/* 2. il vecchio menu di Weebly resta nel codice ma non si mostra */
.cento-header .nav-wrap{display:none !important;}

/* 3. la barra nuova, fuori dall'intestazione: nessun rischio di sovrapposizioni */
.abt-nav{background:#fff;border-top:1px solid #e6e2d8;border-bottom:1px solid #e6e2d8;
  font-family:'Open Sans',Helvetica,Arial,sans-serif;}
.abt-nav-in{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;
  align-items:center;justify-content:center;gap:30px;}
.abt-nav-voci{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:center;}
.abt-nav a{display:inline-block;padding:15px 0;color:#444;text-decoration:none;
  font-size:14px;font-weight:600;letter-spacing:.03em;border-bottom:2px solid transparent;}
.abt-nav a:hover{color:#2d5a27;border-bottom-color:#2d5a27;}
.abt-nav a.attiva{color:#2d5a27;border-bottom-color:#2d5a27;}
.abt-nav a.abt-nav-blog{color:#c9a84c;}
.abt-nav a.abt-nav-blog:hover{color:#a8842f;border-bottom-color:#a8842f;}

/* 4. pulsante di prenotazione, dentro la barra */
.abt-nav a.abt-header-cta{background:#2d5a27;color:#fff !important;font-size:12.5px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:11px 24px;
  border-radius:100px;white-space:nowrap;border-bottom:0 !important;transition:background .2s;}
.abt-nav a.abt-header-cta:hover{background:#4a7c3f;color:#fff !important;}

@media(max-width:900px){
  /* su mobile l'intestazione di Weebly e' fissa (50px): la barra va sotto,
     altrimenti ci finisce dietro e non si vede */
  .abt-nav{margin-top:50px;}
  .abt-nav-in{gap:16px;justify-content:flex-start;overflow-x:auto;
    -webkit-overflow-scrolling:touch;}
  .abt-nav-voci{flex-wrap:nowrap;gap:16px;}
  .abt-nav a{padding:12px 0;font-size:13.5px;white-space:nowrap;}
  .abt-nav a.abt-header-cta{padding:9px 18px;font-size:11.5px;margin:6px 0;}
}


#abt-cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#1f3d1c;color:#f2f2ef;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55;padding:18px 20px;box-shadow:0 -2px 18px rgba(0,0,0,.25)}#abt-cookie-banner .abt-in{max-width:1100px;margin:0 auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between}#abt-cookie-banner p{margin:0;flex:1 1 380px;min-width:260px}#abt-cookie-banner a{color:#e6cf8a;text-decoration:underline}#abt-cookie-banner .abt-btns{display:flex;gap:10px;flex-wrap:wrap}#abt-cookie-banner button{font:inherit;font-weight:600;cursor:pointer;border-radius:50px;padding:11px 22px;border:1px solid transparent;white-space:nowrap}#abt-accept{background:#c9a84c;color:#1f3d1c}#abt-accept:hover{background:#e6cf8a}#abt-reject{background:transparent;color:#f2f2ef;border-color:rgba(255,255,255,.55)}#abt-reject:hover{border-color:#fff}@media(max-width:600px){#abt-cookie-banner .abt-in{gap:14px}#abt-cookie-banner .abt-btns{width:100%}#abt-cookie-banner button{flex:1 1 auto}}

.abt-info{max-width:900px;margin:0 auto;padding:.4rem 0 2rem} .abt-info .sbt-bread{font-size:13px;color:#777;margin:.2rem 0 .4rem}.abt-info .sbt-bread a{color:#4a7c3f} .abt-info h1{font-family:"Playfair Display",Georgia,serif;color:#2d5a27;font-size:2.3rem;line-height:1.2;margin:.4rem 0 .8rem;font-weight:700;text-align:left} .abt-info h2{font-family:"Playfair Display",Georgia,serif;color:#2d5a27;font-size:1.55rem;line-height:1.25;margin:2rem 0 .5rem;font-weight:700;text-align:left} .abt-info .ai-hero{margin:0 0 1.1rem;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.12)} .abt-info .ai-hero img{width:100%;height:380px;object-fit:cover;display:block;margin:0} .abt-info .ai-lead{font-size:1.12rem;color:#333;line-height:1.7} .abt-info p,.abt-info li{font-size:16px;line-height:1.75;color:#444} .abt-info ul.ai-punti{padding-left:1.2rem;margin:.4rem 0 1rem} .abt-info ul.ai-punti li{margin:.25rem 0} .abt-info .ai-foto{float:right;width:280px;margin:.3rem 0 .8rem 20px} .abt-info .ai-foto img{width:100%;height:190px;object-fit:cover;border-radius:12px;display:block;margin:0} .abt-info .ai-sez:after{content:'';display:block;clear:both} .abt-info table{width:100%;border-collapse:collapse;margin:.6rem 0 1.2rem;font-size:15px} .abt-info th,.abt-info td{border-bottom:1px solid #eee;padding:9px 8px;text-align:left;vertical-align:top} .abt-info th{color:#777;font-size:12px;text-transform:uppercase;letter-spacing:.06em} .abt-info .ai-scroll{overflow-x:auto} .abt-info details{border:1px solid #e6e2d8;border-radius:12px;padding:12px 16px;margin:0 0 10px;background:#fff} .abt-info summary{font-weight:600;color:#2d5a27;cursor:pointer} .abt-info .ai-corr{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:.6rem 0 1.4rem;padding:0;list-style:none} .abt-info .ai-corr a{display:block;background:#e8f5e0;border-radius:12px;padding:12px 14px;color:#2d5a27;font-weight:600;text-decoration:none} .abt-info .ai-corr small{display:block;color:#666;font-weight:400;margin-top:3px} .abt-info .ai-cta{display:inline-block;background:#2d5a27;color:#fff!important;font-weight:700;letter-spacing:.05em;font-size:14px;padding:13px 28px;border-radius:50px;text-decoration:none!important;margin:.8rem 0} @media(max-width:620px){.abt-info h1{font-size:1.75rem}.abt-info h2{font-size:1.3rem}.abt-info .ai-hero img{height:220px}.abt-info .ai-foto{float:none;width:100%;margin:.6rem 0}}


.abt-foot{background:#111;color:rgba(255,255,255,.75);padding:3.5rem 2rem 1.5rem;
  font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6;margin-top:0}
.abt-foot a{color:rgba(255,255,255,.65);text-decoration:none}
.abt-foot a:hover{color:#fff;text-decoration:underline}
.abt-foot-grid{max-width:1200px;margin:0 auto;display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.1fr;gap:2.6rem;margin-bottom:2.4rem}
.abt-foot-brand img{height:40px;margin-bottom:1rem;filter:brightness(0) invert(1)}
.abt-foot-brand p{font-size:.85rem;line-height:1.7;margin:0 0 1rem;color:rgba(255,255,255,.7)}
.abt-foot h4{font-family:'Open Sans',sans-serif;font-size:.78rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#7ab648;margin:0 0 .9rem}
.abt-foot ul{list-style:none;margin:0;padding:0}
.abt-foot li{margin-bottom:.55rem;font-size:.85rem}
.abt-foot-contact div{display:flex;gap:8px;margin-bottom:.6rem;font-size:.85rem;align-items:flex-start}
.abt-foot-contact span:first-child{color:#7ab648}
.abt-foot-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.12);
  padding-top:1.4rem;font-size:.78rem;color:rgba(255,255,255,.55);text-align:center}
.abt-foot-bottom p{margin:.3rem 0}
.abt-foot-bottom .abt-foot-links{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center;margin-top:.7rem}
@media(max-width:900px){.abt-foot-grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:560px){.abt-foot-grid{grid-template-columns:1fr;gap:1.6rem}}