/* BASE */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{font-family:'Open Sans',Arial,sans-serif;color:#333;line-height:1.6;font-size:15px}

a{text-decoration:none;color:inherit}

img{display:block;max-width:100%;height:auto}



:root{

  --blue:#c96a1a;

  --blue2:#b35c14;

  --red:#c96a1a;

  --red2:#b35c14;

  --gray-bg:#f4f4f4;

  --font-head:'Montserrat',sans-serif;

}



/* LAYOUT */

.container{max-width:1200px;margin:0 auto}



/* HEADER */

.masthead{position:fixed;top:0;left:0;right:0;z-index:999;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);height:100px;display:flex;align-items:center;padding:0 40px;justify-content:space-between}

.branding a img{max-width:200px;height:auto}

.main-nav{list-style:none;display:flex;gap:0}

.main-nav li a{display:block;padding:0 16px;font-family:var(--font-head);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#444;line-height:100px;transition:color .2s;border-bottom:3px solid transparent}

.main-nav li a:hover,.main-nav li.act a{color:var(--red);border-bottom-color:var(--red)}

.mobile-toggle{display:none;cursor:pointer;font-size:1.5rem;color:#444;background:none;border:none}



/* PAGE HERO (pagine interne) */

.page-hero{margin-top:100px;background:url(../img/sfondo.jpg) center/cover no-repeat;min-height:200px;display:flex;align-items:center;padding:40px}

.page-hero h1{font-family:var(--font-head);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#fff}



/* FOOTER */

footer{background:#2b2b2b;color:#aaa;padding:50px 40px 0}

.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}

.footer-col .widget-title{font-family:var(--font-head);font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:10px}

.footer-col img{max-width:160px;margin-bottom:15px;display:block}

.footer-col p,.footer-col li{font-size:.85rem;line-height:1.8;color:#aaa}

.footer-col ul{list-style:none}

.footer-col .contact-info li{margin-bottom:10px}

.footer-col .contact-info span{color:var(--red);font-weight:600}

.footer-col iframe{width:100%;height:200px;border:none;border-radius:4px}

.soc-ico a{color:#aaa;font-size:1.2rem;margin-right:10px;transition:color .2s}

.soc-ico a:hover{color:#fff}

.btn-footer{display:inline-block;background:var(--red);color:#fff;font-family:var(--font-head);font-size:.8rem;font-weight:700;padding:10px 20px;text-transform:uppercase;letter-spacing:.5px;margin-top:15px;transition:background .2s}

.btn-footer:hover{background:#c0392b}

.bottom-bar{background:#222;padding:15px 40px;margin-top:40px;display:flex;justify-content:space-between;align-items:center}

.bottom-bar p{font-size:.8rem;color:#777}

.scroll-top{position:fixed;bottom:30px;right:30px;z-index:999;background:var(--red);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;transition:opacity .3s;box-shadow:0 2px 8px rgba(0,0,0,.3)}

.scroll-top.visible{opacity:1}



/* RESPONSIVE */

@media(max-width:990px){

  .masthead{height:70px;padding:0 20px}

  .main-nav li a{line-height:70px;padding:0 10px;font-size:11px}

  .page-hero{margin-top:70px}

  .footer-inner{grid-template-columns:1fr}

}

@media(max-width:700px){

  .main-nav{display:none}

  .main-nav.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:10px 0}

  .main-nav.open li a{line-height:46px;border-bottom:1px solid #f0f0f0}

  .mobile-toggle{display:block}

  .bottom-bar{flex-direction:column;gap:6px;text-align:center}

}