/* ===== HERO MERCATO ===== */
.csc-mh{ background:#fff; padding-top:120px; }
@media(min-width:768px){ .csc-mh{ padding-top:130px; } }
@media(min-width:1024px){ .csc-mh{ padding-top:140px; } }
.csc-mh__title{ font-size:32px; font-weight:700; color:#3183ba; line-height:1.05; margin:0 0 24px; }
@media(min-width:768px){ .csc-mh__title{ font-size:56px; margin-bottom:32px; } }
@media(min-width:1024px){ .csc-mh__title{ font-size:80px; margin-bottom:40px; } }
.csc-mh__imgwrap{ position:relative; width:100%; height:250px; border-radius:10px; overflow:hidden; }
@media(min-width:768px){ .csc-mh__imgwrap{ height:400px; } }
@media(min-width:1024px){ .csc-mh__imgwrap{ height:500px; } }
.csc-mh__img{ width:100%; height:100%; object-fit:cover; opacity:.9; }
.csc-mh__icon{ position:absolute; top:16px; right:16px; width:60px; height:40px; }
@media(min-width:768px){ .csc-mh__icon{ top:24px; right:24px; width:100px; height:60px; } }
@media(min-width:1024px){ .csc-mh__icon{ top:32px; right:32px; width:140px; height:80px; } }
.csc-mh__icon img{ width:auto; height:100%; max-width:100%; object-fit:contain; filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.3)); }

/* ===== INTRO MERCATO ===== */
.csc-mi{ background:#fff; padding:40px 0; }
@media(min-width:768px){ .csc-mi{ padding:48px 0; } }
@media(min-width:1024px){ .csc-mi{ padding:64px 0; } }
.csc-mi__grid{ display:grid; grid-template-columns:1fr; gap:24px; }
@media(min-width:1024px){ .csc-mi__grid{ grid-template-columns:4fr 8fr; gap:40px; } }
.csc-mi__nav{ display:flex; flex-direction:column; gap:8px; }
@media(min-width:768px){ .csc-mi__nav{ gap:12px; } }
.csc-mi__navitem{ text-align:left; padding:12px 16px; border-radius:5px; font-weight:700; font-size:13px; background:rgba(49,131,186,.1); color:#3183ba; }
@media(min-width:768px){ .csc-mi__navitem{ font-size:15px; } }
@media(min-width:1024px){ .csc-mi__navitem{ font-size:17px; } }
.csc-mi__title{ font-size:20px; font-weight:700; color:#3183ba; line-height:1.1; margin:0 0 16px; }
@media(min-width:768px){ .csc-mi__title{ font-size:28px; margin-bottom:20px; } }
@media(min-width:1024px){ .csc-mi__title{ font-size:36px; margin-bottom:24px; } }
.csc-mi__text{ font-size:13px; color:#000; line-height:1.6; margin:0; }
@media(min-width:768px){ .csc-mi__text{ font-size:15px; } }
@media(min-width:1024px){ .csc-mi__text{ font-size:17px; } }

/* ===== BENEFITS ===== */
.csc-bf{ position:relative; padding:40px 0; overflow:hidden; }
@media(min-width:768px){ .csc-bf{ padding:48px 0; } }
@media(min-width:1024px){ .csc-bf{ padding:64px 0; } }
.csc-bf__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.csc-bf__inner{ position:relative; }
.csc-bf__head{ display:flex; align-items:center; gap:12px; margin-bottom:24px; }
@media(min-width:768px){ .csc-bf__head{ margin-bottom:32px; } }
@media(min-width:1024px){ .csc-bf__head{ margin-bottom:40px; } }
.csc-bf__head h2{ font-size:24px; font-weight:700; color:#fff; line-height:1.1; margin:0; }
@media(min-width:768px){ .csc-bf__head h2{ font-size:36px; } }
@media(min-width:1024px){ .csc-bf__head h2{ font-size:48px; } }
.csc-bf__head svg{ width:32px; height:32px; color:#fff; }
@media(min-width:1024px){ .csc-bf__head svg{ width:48px; height:48px; } }
.csc-bf__grid{ display:grid; grid-template-columns:1fr; gap:0 32px; }
@media(min-width:1024px){ .csc-bf__grid{ grid-template-columns:1fr 1fr; gap:0 64px; } }
.csc-bf__item{ padding:12px 0; border-bottom:1px solid rgba(255,255,255,.3); }
@media(min-width:768px){ .csc-bf__item{ padding:16px 0; } }
@media(min-width:1024px){ .csc-bf__item{ padding:20px 0; } }
.csc-bf__item p{ font-size:15px; color:#fff; line-height:1.4; margin:0; }
@media(min-width:768px){ .csc-bf__item p{ font-size:20px; } }
@media(min-width:1024px){ .csc-bf__item p{ font-size:26px; } }

/* ===== CTA MERCATO ===== */
.csc-mc{ position:relative; height:400px; overflow:hidden; }
@media(min-width:768px){ .csc-mc{ height:500px; } }
@media(min-width:1024px){ .csc-mc{ height:600px; } }
.csc-mc__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.9; }
.csc-mc__overlay{ position:absolute; inset:0; background:rgba(0,0,0,.2); }
.csc-mc__content{ position:relative; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.csc-mc__title{ font-size:22px; font-weight:700; color:#fff; line-height:1.1; margin:0 0 16px; }
@media(min-width:768px){ .csc-mc__title{ font-size:36px; margin-bottom:24px; } }
@media(min-width:1024px){ .csc-mc__title{ font-size:52px; } }
.csc-mc__sub{ font-size:13px; font-weight:500; color:#fff; line-height:1.5; max-width:600px; margin:0; }
@media(min-width:768px){ .csc-mc__sub{ font-size:16px; } }
@media(min-width:1024px){ .csc-mc__sub{ font-size:20px; } }
