/* ===== QUICK ACCESS ===== */
.csc-qa{ background:#fff; padding:16px 0; padding-top:96px; }
@media(min-width:768px){ .csc-qa{ padding:20px 0; padding-top:106px; } }
@media(min-width:1024px){ .csc-qa{ padding:24px 0; padding-top:116px; } }
.csc-qa__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:768px){ .csc-qa__grid{ gap:16px; } }
@media(min-width:1024px){ .csc-qa__grid{ grid-template-columns:repeat(4,1fr); } }
.csc-qa__card{ display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; text-align:left; border:none; cursor:pointer; border-radius:5px; padding:16px; min-height:100px; background:#ececec; color:#3183ba; transition:background .2s,transform .2s; }
@media(min-width:768px){ .csc-qa__card{ padding:20px; min-height:120px; } }
@media(min-width:1024px){ .csc-qa__card{ padding:24px; } }
.csc-qa__card:hover{ background:#e0e0e0; transform:scale(1.02); }
.csc-qa__card span{ font-size:11px; font-weight:700; line-height:1.2; }
@media(min-width:768px){ .csc-qa__card span{ font-size:13px; } }
@media(min-width:1024px){ .csc-qa__card span{ font-size:15px; } }
.csc-qa__card svg{ width:6px; height:12px; margin-top:12px; color:#282828; }
@media(min-width:768px){ .csc-qa__card svg{ width:7px; height:14px; } }
.csc-qa__card--primary{ background:#3183ba; color:#fff; }
.csc-qa__card--primary:hover{ background:rgba(49,131,186,.9); }
.csc-qa__card--primary svg{ color:#fff; }

/* ===== HERO CONTATTI ===== */
.csc-ch{ background:#fff; padding:24px 0; }
@media(min-width:768px){ .csc-ch{ padding:32px 0; } }
@media(min-width:1024px){ .csc-ch{ padding:40px 0; } }
.csc-ch__title{ font-size:48px; font-weight:700; color:#3183ba; line-height:.9; margin:0 0 16px; }
@media(min-width:768px){ .csc-ch__title{ font-size:80px; margin-bottom:24px; } }
@media(min-width:1024px){ .csc-ch__title{ font-size:120px; } }
.csc-ch__row{ display:flex; flex-direction:column; gap:16px; justify-content:space-between; margin-bottom:24px; }
@media(min-width:768px){ .csc-ch__row{ flex-direction:row; align-items:flex-start; } }
.csc-ch__info{ font-size:12px; color:#282828; line-height:1.6; }
@media(min-width:768px){ .csc-ch__info{ font-size:13px; } }
@media(min-width:1024px){ .csc-ch__info{ font-size:15px; } }
.csc-ch__info p{ margin:0; }
.csc-ch__company{ font-weight:700; margin-bottom:4px !important; }
.csc-ch__info a{ color:inherit; text-decoration:none; }
.csc-ch__info a:hover{ color:#3183ba; }
.csc-ch__social{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.csc-ch__social a{ width:28px; height:28px; border:1px solid #3183ba; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#3183ba; transition:all .2s; }
@media(min-width:768px){ .csc-ch__social a{ width:32px; height:32px; } }
.csc-ch__social a:hover{ background:#3183ba; color:#fff; }
.csc-ch__social svg{ width:14px; height:14px; }
@media(min-width:768px){ .csc-ch__social svg{ width:16px; height:16px; } }
.csc-ch__tabs{ display:flex; align-items:center; gap:16px; }
@media(min-width:768px){ .csc-ch__tabs{ gap:24px; } }
@media(min-width:1024px){ .csc-ch__tabs{ gap:32px; } }
.csc-ch__tab{ border:none; background:none; cursor:pointer; font-size:13px; font-weight:500; color:rgba(40,40,40,.5); transition:color .2s; padding:0; }
@media(min-width:768px){ .csc-ch__tab{ font-size:15px; } }
@media(min-width:1024px){ .csc-ch__tab{ font-size:17px; } }
.csc-ch__tab.active{ color:#3183ba; }
.csc-ch__tab:hover{ color:#282828; }

/* ===== SEDI (mappe) ===== */
.csc-cs{ background:#f5f5f5; padding:40px 0; }
@media(min-width:768px){ .csc-cs{ padding:48px 0; } }
@media(min-width:1024px){ .csc-cs{ padding:64px 0; } }
.csc-cs__grid{ display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:768px){ .csc-cs__grid{ grid-template-columns:repeat(3,1fr); gap:24px; } }
@media(min-width:1024px){ .csc-cs__grid{ gap:32px; } }
.csc-cs__card{ border-radius:8px; transition:box-shadow .2s; }
.csc-cs__card.active{ box-shadow:0 0 0 2px #f5f5f5, 0 0 0 4px #3183ba; }
.csc-cs__head{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:8px; padding:0 4px; cursor:pointer; transition:opacity .2s; }
.csc-cs__head:hover{ opacity:.8; }
.csc-cs__city{ font-size:14px; font-weight:700; color:#3183ba; }
@media(min-width:768px){ .csc-cs__city{ font-size:16px; } }
@media(min-width:1024px){ .csc-cs__city{ font-size:18px; } }
.csc-cs__addr{ font-size:12px; color:#282828; text-align:right; }
@media(min-width:768px){ .csc-cs__addr{ font-size:13px; } }
@media(min-width:1024px){ .csc-cs__addr{ font-size:15px; } }
.csc-cs__mapwrap{ position:relative; background:#fff; border-radius:8px; overflow:hidden; }
.csc-cs__map{ height:200px; width:100%; }
@media(min-width:768px){ .csc-cs__map{ height:220px; } }
@media(min-width:1024px){ .csc-cs__map{ height:250px; } }
.csc-cs__dir{ position:absolute; bottom:12px; right:12px; z-index:1000; display:inline-flex; align-items:center; gap:4px; background:#3183ba; color:#fff; padding:6px 12px; border-radius:9999px; font-size:11px; font-weight:500; text-decoration:none; }
@media(min-width:768px){ .csc-cs__dir{ font-size:12px; } }
.csc-cs__dir:hover{ background:rgba(49,131,186,.9); }

/* ===== FORM ===== */
.csc-cf{ background:#fff; padding:40px 0; }
@media(min-width:768px){ .csc-cf{ padding:48px 0; } }
@media(min-width:1024px){ .csc-cf{ padding:64px 0; } }
.csc-cf__head{ text-align:center; margin-bottom:16px; }
@media(min-width:768px){ .csc-cf__head{ margin-bottom:24px; } }
@media(min-width:1024px){ .csc-cf__head{ margin-bottom:32px; } }
.csc-cf__eyebrow{ font-size:10px; color:rgba(40,40,40,.6); margin:0 0 8px; }
@media(min-width:1024px){ .csc-cf__eyebrow{ font-size:12px; } }
.csc-cf__title{ font-size:20px; font-weight:700; color:#3183ba; line-height:1.1; margin:0 0 16px; }
@media(min-width:768px){ .csc-cf__title{ font-size:28px; } }
@media(min-width:1024px){ .csc-cf__title{ font-size:36px; } }
.csc-cf__desc{ font-size:13px; color:rgba(40,40,40,.8); max-width:900px; margin:0 auto; line-height:1.5; }
@media(min-width:768px){ .csc-cf__desc{ font-size:15px; } }
@media(min-width:1024px){ .csc-cf__desc{ font-size:17px; } }
.csc-cf__desc-blue{ font-size:12px; color:#3183ba; margin:8px auto 0; }
@media(min-width:768px){ .csc-cf__desc-blue{ font-size:13px; } }
@media(min-width:1024px){ .csc-cf__desc-blue{ font-size:15px; } }
.csc-cf__form{ max-width:1100px; margin:0 auto; }
.csc-cf__grid{ display:grid; grid-template-columns:1fr; gap:20px 32px; margin-bottom:24px; }
@media(min-width:768px){ .csc-cf__grid{ grid-template-columns:repeat(3,1fr); } }
.csc-cf__field{ display:flex; flex-direction:column; }
.csc-cf__field--full{ margin-bottom:24px; }
.csc-cf__field label{ font-size:11px; color:rgba(40,40,40,.5); margin-bottom:4px; }
@media(min-width:768px){ .csc-cf__field label{ font-size:12px; } }
.csc-cf__field input, .csc-cf__field select, .csc-cf__field textarea{ width:100%; border:none; border-bottom:1px solid rgba(40,40,40,.2); padding:8px 0; font-size:13px; background:transparent; transition:border-color .2s; }
@media(min-width:768px){ .csc-cf__field input, .csc-cf__field select, .csc-cf__field textarea{ font-size:14px; } }
.csc-cf__field input:focus, .csc-cf__field select:focus, .csc-cf__field textarea:focus{ border-bottom-color:#3183ba; outline:none; }
.csc-cf__field textarea{ resize:none; }
.csc-cf__privacy{ display:flex; align-items:flex-start; gap:8px; margin-bottom:24px; }
.csc-cf__privacy input{ margin-top:2px; width:16px; height:16px; flex-shrink:0; accent-color:#3183ba; }
.csc-cf__privacy span{ font-size:10px; color:rgba(40,40,40,.6); line-height:1.5; }
@media(min-width:768px){ .csc-cf__privacy span{ font-size:11px; } }
.csc-cf__submit-wrap{ text-align:center; }
.csc-cf__submit{ display:inline-flex; align-items:center; gap:8px; background:#3183ba; color:#fff; padding:8px 16px; border:none; border-radius:18px; font-size:13px; font-weight:500; cursor:pointer; transition:background .2s; }
@media(min-width:768px){ .csc-cf__submit{ padding:10px 20px; font-size:14px; } }
@media(min-width:1024px){ .csc-cf__submit{ font-size:15px; } }
.csc-cf__submit:hover{ background:rgba(49,131,186,.9); }
.csc-cf__submit:disabled{ opacity:.5; }
.csc-cf__submit svg{ width:7px; height:14px; }
.csc-cf__success{ color:#16a34a; font-size:12px; margin-top:16px; }

/* ===== CTA ===== */
.csc-cc{ position:relative; margin-top:70px; }
@media(min-width:768px){ .csc-cc{ margin-top:90px; } }
@media(min-width:1024px){ .csc-cc{ margin-top:110px; } }
.csc-cc__bg{ width:100%; height:300px; object-fit:cover; object-position:center 60%; display:block; }
@media(min-width:768px){ .csc-cc__bg{ height:400px; } }
@media(min-width:1024px){ .csc-cc__bg{ height:500px; } }
.csc-cc__card{ position:absolute; right:16px; top:0; transform:translateY(-60px); background:#3183ba; border-radius:20px; padding:20px 16px; text-align:center; width:200px; }
@media(min-width:768px){ .csc-cc__card{ right:32px; transform:translateY(-80px); border-radius:25px; padding:32px; width:320px; } }
@media(min-width:1024px){ .csc-cc__card{ right:64px; transform:translateY(-100px); padding:40px; width:400px; } }
.csc-cc__card h3{ color:#fff; font-weight:700; line-height:1.1; font-size:16px; margin:0 0 8px; }
@media(min-width:768px){ .csc-cc__card h3{ font-size:28px; margin-bottom:16px; } }
@media(min-width:1024px){ .csc-cc__card h3{ font-size:36px; margin-bottom:24px; } }
.csc-cc__card p{ color:#fff; line-height:1.4; font-size:10px; margin:0 0 12px; }
@media(min-width:768px){ .csc-cc__card p{ font-size:14px; margin-bottom:24px; } }
@media(min-width:1024px){ .csc-cc__card p{ font-size:18px; margin-bottom:32px; } }
.csc-cc__btn{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:#3183ba; padding:6px 16px; border-radius:9999px; font-size:10px; font-weight:500; text-decoration:none; transition:background .2s; }
@media(min-width:768px){ .csc-cc__btn{ padding:10px 24px; font-size:13px; } }
@media(min-width:1024px){ .csc-cc__btn{ padding:12px 32px; font-size:15px; } }
.csc-cc__btn:hover{ background:rgba(255,255,255,.9); }
.csc-cc__btn svg{ width:6px; height:12px; }