/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* File: /templates/rt_isotope/custom/scss/sistemivmc.scss */
/* line 3, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi {
  /* ================= REGOLE VISIBILITÀ ================= */
  /* ================= STILI COMUNI ================= */
  /* ================= DESKTOP ================= */
  /* TENDINA APPROFONDIMENTI */
  /* SLIDER IMMAGINI */
  /* ================= MOBILE ================= */
}
@media (min-width: 769px) {
  /* line 6, templates/rt_isotope/custom/scss/sistemivmc.scss */
  .vmc-sistemi .layout-mobile {
    display: none !important;
  }
  /* line 7, templates/rt_isotope/custom/scss/sistemivmc.scss */
  .vmc-sistemi .layout-desktop {
    display: block !important;
  }
}
@media (max-width: 768px) {
  /* line 11, templates/rt_isotope/custom/scss/sistemivmc.scss */
  .vmc-sistemi .layout-desktop {
    display: none !important;
  }
  /* line 12, templates/rt_isotope/custom/scss/sistemivmc.scss */
  .vmc-sistemi .layout-mobile {
    display: flex !important;
  }
}
/* line 16, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .layout-desktop, .vmc-sistemi .layout-mobile, .vmc-sistemi .layout-desktop h1, .vmc-sistemi .layout-desktop h2, .vmc-sistemi .layout-desktop h3, .vmc-sistemi .layout-desktop h4, .vmc-sistemi .layout-mobile h1, .vmc-sistemi .layout-mobile h2, .vmc-sistemi .layout-mobile h3, .vmc-sistemi .layout-mobile h4 {
  font-family: sans-serif !important;
}
/* line 23, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .layout-desktop {
  position: relative !important;
  width: 100vw !important;
  left: 50% !important;
  margin-left: -50vw !important;
  color: #036 !important;
  overflow: hidden !important;
}
/* line 32, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .involucro-centrale {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 80px 30px !important;
  box-sizing: border-box !important;
}
/* line 39, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .titolo-principale {
  text-align: center !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -1.8px !important;
  text-transform: uppercase !important;
  margin: 0 0 26px 0 !important;
  color: #036 !important;
}
/* line 50, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .sottotitolo-principale {
  max-width: 760px !important;
  margin: 0 auto 90px auto !important;
  text-align: center !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  color: #468 !important;
}
/* line 59, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .sezione-layout {
  min-height: 78vh !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 70px !important;
  align-items: center !important;
  padding: 80px 0 !important;
  border-bottom: 1px solid rgba(0, 51, 102, 0.08) !important;
}
/* line 69, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .sezione-layout:last-child {
  border-bottom: none !important;
}
/* line 73, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .sezione-layout.invertita .testo-sezione {
  order: 2 !important;
}
/* line 74, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .sezione-layout.invertita .media-sezione {
  order: 1 !important;
}
/* line 76, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .occhiello {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
  color: #0071e3 !important;
  margin-bottom: 18px !important;
}
/* line 86, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .testo-sezione {
  transform: translateY(35px) !important;
  opacity: 0 !important;
  transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* line 92, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .testo-sezione h3 {
  font-size: clamp(34px, 3.4vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -1.4px !important;
  color: #036 !important;
  margin: 0 0 26px 0 !important;
  text-transform: none !important;
}
/* line 102, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .testo-sezione p {
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: #468 !important;
  margin: 0 0 18px 0 !important;
}
/* line 109, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .media-sezione {
  position: relative !important;
  border-radius: 34px !important;
  overflow: visible !important;
  transform: translateY(40px) scale(0.96) !important;
  opacity: 0 !important;
  transition: all 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
/* line 118, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .media-sezione img {
  width: 100% !important;
  height: 520px !important;
  object-fit: contain !important;
  padding: 35px !important;
  box-sizing: border-box !important;
  display: block !important;
}
/* line 127, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .media-sezione.immagine-piccola img {
  padding: 75px !important;
}
/* line 131, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .sezione-layout.visibile .testo-sezione, .vmc-sistemi .sezione-layout.visibile .media-sezione {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
}
/* line 137, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .sezione-layout.visibile .media-sezione {
  transition-delay: 0.12s !important;
}
/* line 142, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .fisarmonica {
  margin-top: 32px !important;
  background: #fff !important;
  border: 1px solid rgba(0, 51, 102, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 51, 102, 0.04) !important;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease !important;
}
/* line 152, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .fisarmonica:hover {
  box-shadow: 0 12px 32px rgba(0, 51, 102, 0.08) !important;
}
/* line 156, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .bottone-fisarmonica {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 16px 24px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  color: #036 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  outline: none !important;
}
/* line 172, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .icona-fisarmonica {
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #0071e3 !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* line 180, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .contenuto-fisarmonica {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 0 24px !important;
  color: #468 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
/* line 191, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .fisarmonica.aperta .contenuto-fisarmonica {
  max-height: 400px;
  opacity: 1;
  padding: 0 24px 24px 24px !important;
}
/* line 197, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .fisarmonica.aperta .icona-fisarmonica {
  transform: rotate(45deg) !important;
  color: #036 !important;
}
/* line 203, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .media-slider-trasparente {
  background: transparent !important;
  box-shadow: none !important;
}
/* line 208, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .slider-immagini {
  position: relative !important;
  width: 100% !important;
  height: 520px !important;
}
/* line 214, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .slider-immagini img {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.6s ease, visibility 0.6s ease !important;
}
/* line 223, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .slider-immagini img.attiva {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
/* line 229, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .tab-slider {
  position: absolute !important;
  top: -12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
  display: flex !important;
  gap: 4px !important;
  padding: 5px !important;
}
/* line 240, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .bottone-tab {
  border: none !important;
  background: transparent;
  color: #036 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.7px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
}
/* line 253, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .bottone-tab.attiva {
  background: #036 !important;
  color: #fff !important;
}
/* line 259, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .layout-mobile {
  position: relative !important;
  width: 100vw !important;
  left: 50% !important;
  margin-left: -50vw !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 15px 60px 15px !important;
  box-sizing: border-box !important;
  z-index: 10;
}
/* line 271, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .titolo-mobile {
  color: #036 !important;
  font-weight: 800 !important;
  font-size: clamp(24px, 5vw, 40px) !important;
  text-transform: uppercase !important;
  margin: 0 0 30px 0 !important;
  text-align: center !important;
  line-height: 1.2;
}
/* line 281, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .griglia-mobile {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100%;
  max-width: 1200px;
}
/* line 289, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .box-griglia {
  background: #fff !important;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 20px !important;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
/* line 299, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .box-griglia.attivo {
  background: #f8fbff !important;
  border-color: #036;
  border-width: 2px;
  box-shadow: 0 10px 25px rgba(0, 51, 102, 0.12);
}
/* line 306, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .intestazione-box {
  display: flex !important;
  align-items: center !important;
}
/* line 311, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .icona-box {
  font-size: 28px !important;
  color: #05a !important;
  margin-right: 15px !important;
  width: 35px;
}
/* line 318, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .titolo-box {
  color: #036 !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  font-size: 16px !important;
  margin: 0 !important;
}
/* line 326, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .contenuto-mobile {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.7s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
}
/* line 333, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .box-griglia.attivo .contenuto-mobile {
  max-height: 2000px;
  opacity: 1;
  margin-top: 20px;
}
/* line 339, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .contenuto-mobile img {
  width: 100%;
  max-width: 500px;
  display: block;
  margin: 0 auto 20px auto;
}
/* line 346, templates/rt_isotope/custom/scss/sistemivmc.scss */
.vmc-sistemi .testo-mobile-interno {
  color: #468;
  font-size: 14px;
  line-height: 1.6;
}
@media (prefers-reduced-motion: reduce) {
  /* line 353, templates/rt_isotope/custom/scss/sistemivmc.scss */
  .vmc-sistemi .testo-sezione, .vmc-sistemi .media-sezione {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
}
/*# sourceMappingURL=custom_44.css.map */