/* assets/css/style.css */
* { box-sizing: border-box; }
body{ margin:0; font-family: Arial, Helvetica, sans-serif; color:#222; background:#fff; }


.header{ display:flex; align-items:center; justify-content:space-between; padding:12px 24px; background:#fff; border-bottom:1px solid #eee; margin-bottom: 60px; }
.header .logo{ height:60px; }

.nav a{ margin:0 12px; text-decoration:none; color:#222; font-weight:600; }

.hero{ background-image:url('assets/img/tetto.jpg'); background-size:cover; background-position:center; padding:80px 20px; color:#fff; text-align:center; position:relative; }

.banner{ background:linear-gradient(90deg, rgba(178,34,34,0.95), rgba(150,20,20,0.9)); display:inline-block; padding:8px 16px; border-radius:6px; margin-bottom:20px; animation:fadeSlide 1s ease; }

.hero h1{ font-size:36px; margin:10px 0; text-shadow:1px 1px 4px rgba(0,0,0,0.5); }

.hero p{ font-size:18px; margin:10px 0 20px; text-shadow:1px 1px 3px rgba(0,0,0,0.4); }

.btn{ background:#b88646; color:#fff; padding:10px 18px; text-decoration:none; border-radius:6px; display:inline-block; }

.container{ max-width:1100px; margin:30px auto; padding:0 16px; color:#fff; }

.wrapper {
    flex: 1; /* Permette al wrapper di espandersi e occupare lo spazio rimanente */
}
.footer{position: fixed; /* Rende il footer fisso rispetto alla viewport */
    bottom: 0;       /* Lo posiziona in fondo */
    width: 100%;     /* Occupa l'intera larghezza */
    height: 60px;    /* Imposta un'altezza fissa */
    background:#222;
 color:#fff; 
padding:18px 24px; 
display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.footer a{ color:#fff; margin-left:10px; text-decoration:none; }
.welcome{ height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; background:linear-gradient(180deg,#ffffff 0%, #f6f6f6 100%); }
.logo-big{ width:220px; }
.enter-btn{ margin-top:20px; padding:12px 26px; border-radius:6px; background:#b88646; color:#fff; border:none; font-size:18px; cursor:pointer; }
.fade-in-up{ opacity:0; transform:translateY(20px); animation:enter 0.9s forwards; }
@keyframes enter { to { opacity:1; transform:translateY(0); } }
@keyframes fadeSlide { from { opacity:0; transform:translateY(10px)} to {opacity:1; transform:translateY(0)} }
.admin-form input, .admin-form textarea, .admin-form select{ width:100%; padding:8px; margin:6px 0; }
.upload-preview img{ max-width:120px; margin:6px; border-radius:4px; border:1px solid #ddd; }