:root{--primary:#A92525;--accent:#F7AA47;--ink:#1f2328;--muted:#6b7280;--bg:#fff;--bg-alt:#fff7f1;--card:#ffffff;--ring:rgba(169,37,37,.25);--shadow:0 10px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.container{width:min(1100px,90%);margin-inline:auto}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.8);border-bottom:1px solid #eee;backdrop-filter:saturate(180%) blur(10px);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}
.logo{width:44px;height:auto}.brand-text{font-weight:800;letter-spacing:.2px}
.nav{display:flex;gap:1rem;align-items:center}.nav a{color:var(--ink);text-decoration:none;font-weight:600}.nav a:hover{color:var(--primary)}
.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:0}.hamburger span{width:24px;height:2px;background:var(--ink)}
.btn{display:inline-block;padding:.85rem 1.1rem;border-radius:.9rem;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s;box-shadow:var(--shadow)}
.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{transform:translateY(-1px);filter:brightness(.98)}
.btn-accent{background:var(--accent);color:#111}.btn-accent:hover{transform:translateY(-1px);filter:brightness(.98)}
.btn-outline{border-color:var(--primary);color:var(--primary);background:transparent;box-shadow:none}.btn-outline:hover{background:var(--primary);color:#fff}
.w-100{width:100%}
.hero{position:relative;background:linear-gradient(180deg,#fff,var(--bg-alt));padding:3.5rem 0 2.5rem}
.hero.pattern{--p1:rgba(169,37,37,.06);--p2:rgba(247,170,71,.08);background-image:radial-gradient(var(--p1) 1px, transparent 1px), radial-gradient(var(--p2) 1px, transparent 1px);background-position:0 0,25px 25px;background-size:50px 50px}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start}
.hero-copy h1{font-size:clamp(1.9rem,3.5vw,2.8rem);line-height:1.12;margin:.4rem 0}
.lead{font-size:1.1rem;color:var(--muted);max-width:60ch}
.cta-row{display:flex;gap:1rem;margin-top:1.1rem;flex-wrap:wrap}
.badges{display:flex;gap:.5rem;list-style:none;padding:0;margin:1rem 0 0}
.badges li{background:#fff;border:1px solid #eee;border-radius:999px;padding:.35rem .7rem;font-weight:700}
.float-card{transform:translateY(0);animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.decor{position:absolute;left:0;bottom:-1px;width:100%;height:120px}
.card{background:var(--card);border:1px solid #eee;border-radius:1.1rem;padding:1.2rem;box-shadow:var(--shadow)}
.card.big{padding:1.4rem}.card.gradient{background:linear-gradient(180deg, rgba(247,170,71,.25), #fff)}
.ticker{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;font-weight:700}
.ticker .dot{width:10px;height:10px;border-radius:50%;background:var(--primary);display:inline-block;box-shadow:0 0 0 6px rgba(169,37,37,.15)}
.hours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:.8rem 0 1rem}
.hours-title{grid-column:1/-1;font-weight:800}
.section{padding:3rem 0}.section.alt{background:var(--bg-alt)}
.section-header{text-align:center;margin-bottom:1.6rem}
.section-header h2{margin:.3rem 0}
.underline{position:relative;display:inline-block}
.underline:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:8px;background:linear-gradient(90deg,var(--accent),var(--primary));opacity:.5;border-radius:10px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.icon-left{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start}
.icon-circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(247,170,71,.2);font-size:22px}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.mt-lg{margin-top:2rem}
.pill-list{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.pill{background:#fff;border:1px solid #eee;border-radius:999px;padding:.4rem .8rem;font-weight:700}
.branches{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.map-wrap{margin-top:1rem;border-radius:1rem;overflow:hidden;border:1px solid #eee}
.map{width:100%;height:350px;border:0}
.site-footer{background:#111;color:#eee;padding:2rem 0;margin-top:2rem}
.footer-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.legal{text-align:center;color:#bbb}
.narrow{width:min(800px,90%)}
.form{display:grid;gap:1rem}
.form-control{display:grid;gap:.35rem}
.form-control label{font-weight:800}
.form-control input,.form-control textarea{width:100%;padding:.9rem;border:1px solid #ddd;border-radius:.8rem;font:inherit;background:#fff}
.form-control input:focus,.form-control textarea:focus{outline:none;box-shadow:0 0 0 4px var(--ring);border-color:var(--primary)}
.form-control.checkbox{grid-auto-flow:column;grid-auto-columns:auto;align-items:start;gap:.6rem}
.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.form-note{color:var(--muted)}
.form-alert{padding:.9rem;border-radius:.8rem;background:#fff1f0;border:1px solid #ffd2ce;color:#8a1f1f}
.hp{position:absolute;left:-9999px;visibility:hidden;height:0;width:0;overflow:hidden}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .4s ease, transform .4s ease}
.reveal.in{opacity:1;transform:none}
@media (max-width:980px){.hero-inner{grid-template-columns:1fr}.hours-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.grid-3{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.nav{display:none}.hamburger{display:flex}.nav.open{display:flex;position:absolute;top:64px;right:5%;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:.8rem;padding:.6rem;box-shadow:var(--shadow)}}
@media (max-width:560px){.grid-3,.grid-2,.cards-2,.branches{grid-template-columns:1fr}}

.btn i{margin-right:8px;font-size:1rem;line-height:0}


/* Floating WhatsApp */
.whatsapp-float{
  position:fixed;right:18px;bottom:18px;z-index:60;
  display:flex;align-items:center;gap:.6rem;
  background:#25D366;color:#111;text-decoration:none;
  padding:.7rem .9rem;border-radius:999px;box-shadow:0 10px 25px rgba(0,0,0,.15);
  font-weight:800;border:1px solid rgba(0,0,0,.06)
}
.whatsapp-float i{font-size:1.1rem;margin-right:.35rem}
.whatsapp-float:hover{filter:brightness(.98);transform:translateY(-1px);transition:.2s}
@media (max-width:560px){.whatsapp-float span{display:none}}



/* Logo principale più visibile */
.navbar-logo img {
  height: 70px;
  max-height: 80px;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Hover moderno */
.navbar-logo img:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.3));
}

/* Mobile responsive */
@media (max-width: 768px) {
  .navbar-logo img {
    height: 55px;
    max-height: 60px;
  }
}