:root{
      --brand:#0ea5e9;           /* Cambia qui per adattare al brand Olinko */
      --brand-ink:#0b79a4;
      --ink:#222;
      --muted:#5b6470;
      --bg:#f7f8fb;
      --card:#fff;
      --radius:16px;
      --shadow:0 6px 24px rgba(0,0,0,.06);
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);}
    a{color:inherit}
    .container{width:min(1100px,92%);margin-inline:auto}
    /* Header */
    header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e9eef4;z-index:10}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
    .brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
    .brand svg{width:28px;height:28px;color:var(--brand)}
    .btn{appearance:none;border:0;background:var(--brand);color:#fff;padding:.7rem 1rem;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}
    .btn:hover{filter:brightness(.96)}
    /* Hero */
    .hero{padding:48px 0;background:linear-gradient(180deg,#fff, #f3f7fb)}
    .hero h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px}
    .hero p{margin:0;color:var(--muted);font-size:1.05rem}
    /* Map */
    .map{height:340px;background:repeating-linear-gradient(45deg,#e7edf3,#e7edf3 12px,#f2f6fb 12px,#f2f6fb 24px);border-radius:var(--radius);display:grid;place-items:center;color:#556;box-shadow:var(--shadow)}
    /* Toolbar */
    .toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0}
    .search{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e8ee;border-radius:999px;padding:.6rem .9rem;box-shadow:var(--shadow)}
    .search input{border:0;outline:0;flex:1;font-size:1rem;background:transparent}
    /* Grid */
    .grid{display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}
    .logow{max-width:280px !important;}
    @media (min-width:700px){
    	.grid{grid-template-columns:repeat(2,1fr)}

    }
@media all and (min-width:1px) and (max-width:480px){
    	.logow{max-width:185px !important;}
}
    @media (min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
    .card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
    .thumb{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(80% 120% at 30% 20%, #e9f6ff, #dfe9f3 60%, #cfd9e3 100%)}
    .thumb svg{width:44px;height:44px;color:#5b6b79;opacity:.8}
    .body{padding:14px}
    .title{display:flex;align-items:center;gap:.5rem;font-weight:700;margin:2px 0 8px}
    .title svg{width:18px;height:18px;color:#6b7480}
    .meta{color:var(--muted);font-size:.95rem;margin-bottom:12px}
    .actions{padding:14px;display:flex;gap:10px}
    .btn-outline{background:#fff;color:var(--brand-ink);border:1px solid #d7e3ee}
    .btn-full{flex:1}
    a {text-decoration: none !important;}
/* Footer */
.site-footer{background:#1f2937;color:#cbd5e1;padding:40px 0;margin-top:40px}
.site-footer a{color:#cbd5e1;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-grid{display:grid;gap:24px;grid-template-columns:1fr;align-items:start}
@media (min-width:800px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}
.footer-brand img{display:block;max-width:140px;margin-bottom:12px;filter:brightness(0) invert(1);opacity:.9}
.footer-brand p{margin:0;color:#9fb1c7}
.footer-col h4{margin:0 0 8px;font-size:1rem;color:#e5e7eb}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
/* Reduced motion */
@media (prefers-reduced-motion:no-preference){
.fade-in{opacity:0;transform:translateY(12px);animation:in .5s ease .05s forwards}
@keyframes in{to{opacity:1;transform:none}}
}