/* Slider di fondo pagina "Hai già un account? / Non hai un account? / Vuoi parlare
   con un consulente?" — versione server-rendered (pagine non React).
   Stesso aspetto dello slider React delle pagine servizi (ArchivioSlider). */
.mdcs{background:#F1F3F5;padding:64px 0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.mdcs-wrap{max-width:1088px;margin:0 auto;padding:0 24px}
.mdcs-card{position:relative;max-width:1040px;margin:0 auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;
  box-shadow:0 16px 40px rgba(31,42,55,.14);background-color:#FAFAF8;background-size:cover;background-position:center;background-repeat:no-repeat;
  display:flex;align-items:center;padding:clamp(28px,5vw,60px);box-sizing:border-box}
.mdcs-card.mdcs-bg0{background-image:url(/assets/slider-mv-1.jpg)}
.mdcs-card.mdcs-bg1{background-image:url(/assets/slider-mv-2.jpg)}
.mdcs-card.mdcs-bg2{background-image:url(/assets/slider-mv-3.jpg)}
.mdcs-slide{max-width:52%}
.mdcs-slide[hidden]{display:none}
.mdcs-slide h2{font-family:inherit;font-weight:900;font-size:clamp(26px,3.3vw,42px);line-height:1.1;text-transform:uppercase;
  color:#00244D;margin:0;text-wrap:balance;letter-spacing:normal}
.mdcs-slide p{font-size:16.5px;font-weight:600;line-height:1.6;color:#4B5563;margin:22px 0 0}
.mdcs-cta{display:inline-flex;align-items:center;gap:9px;margin-top:28px;font-family:inherit;font-weight:700;font-size:24px;
  padding:22px 52px;border-radius:999px;background:#D96A2B;color:#fff !important;text-decoration:none !important;
  box-shadow:0 8px 20px rgba(217,106,43,.28);white-space:nowrap;transition:background .14s,transform .14s}
.mdcs-cta:hover{background:#B85722;transform:translateY(-1px)}
.mdcs-anim{animation:mdcsUp .55s cubic-bezier(.22,1,.36,1) both}
.mdcs-anim p{animation:mdcsUp .55s cubic-bezier(.22,1,.36,1) .10s both}
.mdcs-anim .mdcs-cta{animation:mdcsUp .55s cubic-bezier(.22,1,.36,1) .18s both}
@keyframes mdcsUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.mdcs-next{position:absolute;right:clamp(16px,4%,44px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:10px;
  max-width:300px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  border:1px solid #D9DEE3;border-radius:999px;padding:13px 20px;cursor:pointer;font-family:inherit;font-weight:800;font-size:14px;
  color:#1F2A37;box-shadow:0 6px 16px rgba(31,42,55,.10);transition:background .14s,box-shadow .14s}
.mdcs-next:hover{background:#fff;box-shadow:0 16px 40px rgba(31,42,55,.14)}
.mdcs-next span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdcs-next svg{flex:none;color:#D96A2B;animation:mdcsArrow 1.1s ease-in-out infinite}
@keyframes mdcsArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.mdcs-dots{position:absolute;left:clamp(28px,5vw,60px);bottom:22px;display:flex;gap:11px}
.mdcs-dot{width:10px;height:10px;border-radius:999px;border:0;padding:0;cursor:pointer;background:rgba(0,36,77,.22);
  transition:background .2s,transform .2s}
.mdcs-dot:hover{background:rgba(0,36,77,.4)}
.mdcs-dot.on{background:#00244D;transform:scale(1.15)}
@media (max-width:768px){
  .mdcs{padding:32px 0}
  .mdcs-wrap{padding:0 16px}
  /* su smartphone niente immagine: titolo, testo e CTA centrati (come lo slider React) */
  .mdcs-card,.mdcs-card.mdcs-bg0,.mdcs-card.mdcs-bg1,.mdcs-card.mdcs-bg2{aspect-ratio:auto;background-image:none;border:1px solid #D9DEE3;
    padding:26px 22px;flex-direction:column;align-items:center;text-align:center;gap:4px}
  .mdcs-slide{max-width:100%}
  .mdcs-cta{font-size:18px;padding:16px 34px}
  .mdcs-next{position:static;transform:none;margin-top:18px;max-width:100%}
  .mdcs-dots{position:static;justify-content:center;margin-top:12px}
}
@media (prefers-reduced-motion:reduce){.mdcs-anim,.mdcs-anim p,.mdcs-anim .mdcs-cta,.mdcs-next svg{animation:none}}
[data-theme="dark"] .mdcs{background:#14181E}