/* =========================================================
   VIVERE PONDERANO v3
   DESIGN SYSTEM PORTALE — PAGINE INTERNE
   ========================================================= */

:root{
  --vp-u-blue:#12355b;
  --vp-u-blue2:#174a7c;
  --vp-u-navy:#10283f;
  --vp-u-soft:#edf4fa;
  --vp-u-bg:#f5f7f9;
  --vp-u-white:#fff;
  --vp-u-ink:#18212b;
  --vp-u-muted:#5d6873;
  --vp-u-line:#d8e0e7;
  --vp-u-green:#166534;
  --vp-u-radius:14px;
  --vp-u-shadow:0 7px 24px rgba(20,42,63,.07);
}

/* ---------------------------------------------------------
   BASE
   --------------------------------------------------------- */

body.vp-v3-legacy{
  background:var(--vp-u-bg) !important;
  color:var(--vp-u-ink) !important;

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;

  line-height:1.55;
}

body.vp-v3-legacy *,
body.vp-v3-legacy *::before,
body.vp-v3-legacy *::after{
  box-sizing:border-box;
}

body.vp-v3-legacy img{
  max-width:100%;
}

body.vp-v3-legacy button,
body.vp-v3-legacy input,
body.vp-v3-legacy select,
body.vp-v3-legacy textarea{
  font:inherit;
}

/* ---------------------------------------------------------
   CONTENUTO
   --------------------------------------------------------- */

body.vp-v3-legacy main{
  color:var(--vp-u-ink);
}

body.vp-v3-legacy h1,
body.vp-v3-legacy h2,
body.vp-v3-legacy h3{
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;

  color:var(--vp-u-ink);
}

body.vp-v3-legacy h1{
  letter-spacing:-.04em;
}

body.vp-v3-legacy h2{
  letter-spacing:-.025em;
}

body.vp-v3-legacy p{
  line-height:1.6;
}

/* ---------------------------------------------------------
   CARDS
   --------------------------------------------------------- */

body.vp-v3-legacy .card,
body.vp-v3-legacy .box,
body.vp-v3-legacy .panel,
body.vp-v3-legacy .tile{
  border-radius:var(--vp-u-radius) !important;
}

body.vp-v3-legacy .card{
  box-shadow:
    0 2px 10px rgba(15,35,55,.035);
}

/* ---------------------------------------------------------
   LINK E PULSANTI
   --------------------------------------------------------- */

body.vp-v3-legacy a{
  text-underline-offset:3px;
}

body.vp-v3-legacy a.btn,
body.vp-v3-legacy a.button,
body.vp-v3-legacy button{
  border-radius:9px !important;
}

/* ---------------------------------------------------------
   FORM
   --------------------------------------------------------- */

body.vp-v3-legacy input,
body.vp-v3-legacy select,
body.vp-v3-legacy textarea{
  border-radius:9px;
}

/* ---------------------------------------------------------
   NASCONDI VECCHI FOOTER
   --------------------------------------------------------- */

body.vp-v3-legacy footer:not(.vp-global-footer){
  display:none !important;
}

/* ---------------------------------------------------------
   FOOTER UNICO
   --------------------------------------------------------- */

.vp-global-footer{
  width:100%;

  margin:52px 0 0 !important;
  padding:48px 0 25px !important;

  background:var(--vp-u-navy) !important;

  border:0 !important;
  border-radius:0 !important;

  color:#dbe7f1 !important;

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
}

.vp-global-footer-inner{
  width:min(calc(100% - 32px),1180px);
  margin:auto;
}

.vp-global-footer-main{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:44px;
}

.vp-global-footer section{
  margin:0 !important;
  padding:0 !important;

  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.vp-global-footer strong{
  display:block;
  margin-bottom:8px;

  color:#fff !important;
}

.vp-global-footer-brand{
  font-size:1.3rem;
}

.vp-global-footer p{
  margin:.35em 0;
  color:#dbe7f1 !important;
}

.vp-global-footer-note{
  max-width:620px;
  font-size:.9rem;
}

.vp-global-footer nav{
  display:grid;
  gap:7px;
}

.vp-global-footer a{
  color:#fff !important;
  text-decoration:none !important;
}

.vp-global-footer a:hover,
.vp-global-footer a:focus{
  text-decoration:underline !important;
}

.vp-global-footer-bottom{
  margin-top:34px;
  padding-top:18px;

  border-top:1px solid rgba(255,255,255,.18);

  color:#b8c9d8;
  font-size:.85rem;
}

/* ---------------------------------------------------------
   VECCHI MICRO-HEADER PIÙ COMUNI
   --------------------------------------------------------- */

body.vp-v3-legacy main > .brand,
body.vp-v3-legacy main > .back,
body.vp-v3-legacy .page > .brand,
body.vp-v3-legacy .page > .back{
  display:none !important;
}

/* ---------------------------------------------------------
   ACCESSIBILITA
   --------------------------------------------------------- */

body.vp-v3-legacy :focus-visible{
  outline:3px solid #f5a623 !important;
  outline-offset:3px;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

  .vp-global-footer{
    margin-top:36px !important;
    padding-top:34px !important;
  }

  .vp-global-footer-inner{
    width:min(calc(100% - 24px),1180px);
  }

  .vp-global-footer-main{
    grid-template-columns:1fr;
    gap:30px;
  }

}

@media(prefers-reduced-motion:reduce){

  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }

}