@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --blu: #004077;
    --light: #F0F0F0;
    --grey: #E3E3E3;
    --white: hsl(0, 0%, 100%);
    --credits: #909090;
    --dark-grey: #525252;
    --black: #2E2E2E;
    --footer: hsl(0deg 0% 4.31%);
    --accent: hsl(201.37deg 100% 50%);
}



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
  color: var(--black);
  background: var(--white);
  font-size: 1.6rem;
  line-height: 2.4;
}

hr {
  margin: 3rem auto;
}

ul, ol, nav {
  list-style: none;
}

h1, h2, h3, h4, h5 {
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1.2;
}

h1 {font-size: clamp(4rem, 6rem, 6vw);margin:0 0 2rem}
h2 {font-size: clamp(3rem, 5rem, 5vw);margin:0 0 2rem}
h3 {font-size: clamp(2.5rem, 4rem, 4vw);margin:0 0 2rem}
h4 {font-size: clamp(2.2rem, 3.5rem, 3.5vw);margin:0 0 2rem}
h5 {font-size: clamp(2rem, 3rem, 3vw);margin:0 0 2rem}
h6 {font-size: clamp(1.8rem, 2.5rem, 2.5vw);margin:0 0 1rem;font-weight: 300;line-height: 1.6;}

a {
  text-decoration: none;
  color: var(--black);
  transition: all 0.3s;
  cursor: pointer;
}

button {
  border: none;
  cursor: pointer;
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
  background: transparent;
  transition: all 0.4s;
  font-size: 1.6rem;
}

input {
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
}

textarea {
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
  resize: vertical;
}

.center {
  text-align: center;
}

.container {
  width: 100%;
  max-width: 142rem;
  padding: 0 2%;
  margin: 0 auto;
}

.hidden {
  opacity: 0;
}

.visible {
  opacity: 1;
}

.splide__arrow {
  position: absolute;
  z-index: 9;
  top: 50%;
}
.splide__arrow svg {
  fill: var(--white);
}

.splide__arrow--prev {
  left: 0;
  translate: 0 -7px;
  rotate: 180deg;
}

.splide__arrow--next {
  right: 0;
}

.splide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PER ANIMAZIONI!!! mantenere in tutti i file insieme a reveal.js - selezionare le animazioni a mano e copiarle nel file animation.css con classe .active davanti*/
.reveal {
  position: relative;
  opacity: 0;
}
.reveal.active {
  opacity: 1;
}

/* form */
form {
  padding: 5rem 3rem;
  background: var(--blu);
  margin: 0 auto;
  color: var(--white);
}
form .flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
form .flex div[class^=box-] {
  padding: 0;
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0 0 1rem;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
form .flex .box-50 {
  width: 100%;
}
@media screen and (min-width: 581px) {
  form .flex .box-50 {
    width: 48%;
  }
}
form .flex .box-100 {
  width: 100%;
}
form label {
  width: 100%;
  font-size: 1.5rem;
  text-transform: uppercase;
  opacity: 0.8;
  display: block;
  margin: 0;
  font-weight: 400;
  color: var(--white);
}
form .input__text {
  width: 100%;
  border: none;
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1rem;
  color: var(--white);
}
form .input__text:focus {
  outline: none;
}
form textarea.input__text {
  resize: vertical;
  min-height: 12rem;
}
@media screen and (min-width: 769px) {
  form {
    padding: 7rem;
  }
}

form .privacy a {color: var(--white);}
form .privacy a:hover {color: var(--accent);}

form .btn {background-color: var(--white);color: var(--blu);}

.txt-small {
  font-size: 1.2rem;
  margin: 1rem 0 0;
  color: var(--white);
}

/*SITEMAP*/
ul.sitemap {
  margin: 5rem auto 10rem;
}
ul.sitemap li {
  font-size: 1.8rem;
  text-transform: uppercase;
  padding: 5px 0;
}
ul.sitemap li a {
  color: var(--black);
}
ul.sitemap li a:hover {
  color: var(--black);
}
ul.sitemap li.sublink {
  font-size: 1.6rem;
  /* padding: 0 0 0 3rem; */
  text-transform: none;
}

p.errore {
  font-size: 27vw;
  line-height: 1;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 401px) {
  p.errore {
    font-size: 12rem;
  }
}

p.errore_p {
  font-size: 2.5rem;
  line-height: 1.4;
}

/* SITO */
.ico-down {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
  transition: all 0.3s;
}

.dropdown {
  display: inline-block;
  margin: 0;
  position: relative;
}
.dropdown .dropdown-content {
  position: absolute;
  z-index: 99;
  left: 50%;
  width: auto;
  top: 100%;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  text-align: left;
  margin: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 2rem;
  background-color: var(--black);
  border-radius: 5px;
  min-width: 25rem;
  translate: -50% 0;
  text-align: center;
}
.dropdown .dropdown-content a {
  line-height: 1.2;
}
.dropdown .dropdown-content a:hover {
  color: var(--white);
}
.dropdown:hover .dropdown-content {
  height: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* menu dropdown */
.menuresponsive {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  padding: 0 1.5rem 0 0;
}
.ico_menu {cursor: pointer;}
/* .menuresponsive img {
  width: 4rem;
  height: 4rem;
  aspect-ratio: 1/1;
} */
@media screen and (min-width: 1025px) {
  .menuresponsive {
    display: none;
  }
}

ul.accordion .inner {
  overflow: hidden;
  display: none;
  padding: 1rem 0;
}

.rotate {
  rotate: 180deg;
}

/* sidenav menu resp */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  overflow-x: hidden;
  transition: 0.5s;
  right: 0;
  overflow-y: scroll;
}
.sidenav .closebtn {
  position: absolute;
  top: 2rem;
  /* color: var(--white); */
  font-size: 2.6rem;
  /* background: var(--white);
  border-radius: 5px;*/
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  right: 2rem;
  z-index: 9;
  background: transparent;
}
.sidenav .flexnav {
  display: flex;
  position: relative;
}
.sidenav .flexnav .bgcolor {
  position: fixed;
  background-color: hsl(from var(--white) h s l / 0.9);
  width: 20%;
  min-height: 100vh;
  transition-timing-function: cubic-bezier(1.28, 0.89, 0.32, 0.18);
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
}
.sidenav .flexnav .bgblack {
  background-color: var(--footer);
  min-height: 100vh;
  height: 100%;
  padding: 10rem 2rem;
  margin-left: 20%;
  width: 80%;
  padding: 3rem;
}
.sidenav .flexnav .bgblack a {
  font-size: 2rem;
  color: var(--white);
  font-weight: 500;
  text-transform: uppercase;
}
.sidenav .logo-resp {
  margin: 0 0 2rem;
}
.sidenav .logo-resp img {
  width: 13rem;
  height: auto;
  object-fit: contain;
  aspect-ratio: 5/3;
}

#myBtn {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 99;
  transition: all 0.3s;
  background: var(--black);
  border-radius: 10rem;
  height: 3.5rem;
  width: 3.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
#myBtn img {
  width: 2.5rem;
  height: 2.5rem;
}
#myBtn.arrow-visible {
  opacity: 1;
  visibility: visible;
}


/* SITO */
.fascia-menu {width: 100%;max-width: 170rem;padding: 2rem 2% 0;margin: 0 auto;display: flex;flex-wrap: wrap;}
.logo {width: 14rem;max-width: 100%;}
.logo img {width: 100%;height: auto;aspect-ratio: 2 / 1; object-fit: contain;}

.pin svg circle, .resp_tel svg circle {fill: var(--black);transition: all .3s;}
.pin:hover svg circle, .resp_tel:hover svg circle {fill: var(--accent);}

.box-menu {width: calc(100% - 14rem);padding: 0 0 0 2rem;display: flex;flex-direction: column;justify-content: space-around;}
.fascia_info {display: flex;align-items: center;justify-content: flex-end; padding: 0 0 5px;border-bottom: 1px solid var(--grey);}
.fascia_info div {padding: 0 2rem;line-height: 1;}
.pin {border-right: 1px solid var(--black);}
.tel_intero {display: none;}
.tel_intero a:hover {color: var(--accent);}
.resp_tel {display: block;}

.menu {display: none;}

@media screen and (min-width: 1025px) {
  .tel_intero {display: block;}
  .resp_tel {display: none;}
  .menu {display: block;}
}

.menu ul {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.menu ul li a {display: flex;height: 100%;align-items: center;justify-content: center;padding: 0 2rem;}
.menu ul li a:not(.btn):hover, .menu ul li a.active {font-weight: 600;}

@media screen and (min-width: 1135px) {
  .menu ul li a {padding: 0 3rem;}
}

#header-home {position: relative;}
#header-home .fascia-menu {position: absolute;top: 0;right: 0;left: 0;width: 100%;margin: 0 auto;z-index: 9;}
#header-home .menu ul li a {color: var(--white);}
#header-home .pin svg circle, #header-home .resp_tel svg circle {fill: var(--white);}
#header-home .pin svg path, #header-home .resp_tel svg path {fill: var(--black);}
#header-home .pin:hover svg circle, #header-home .resp_tel:hover svg circle {fill: var(--accent);}
#header-home .pin:hover svg path, #header-home .resp_tel:hover svg path {fill: var(--white);}
#header-home .pin {border-right: 1px solid var(--white);}
#header-home .tel_intero a {color: var(--white);}
#header-home .tel_intero a:hover {color: var(--accent);}

#slide-home, #slide-home .splide__track, #slide-home .splide__list, #slide-home .splide__slide {height: 70rem;}

@media screen and (min-height: 700px) {
  #slide-home, #slide-home .splide__track, #slide-home .splide__list, #slide-home .splide__slide {height: 100vh;}
}

#slide-home .splide__slide img {width: 100%;height: 100%;object-fit: cover;}
#slide-home .splide__pagination {display: flex;flex-wrap: nowrap; gap: 3rem;position: absolute;z-index: 9;bottom: 6rem;left: 0;right: 0;margin: 0 auto;max-width: 142rem;padding: 0 2%;}
#slide-home .splide__pagination li {width: 100%;}
#slide-home .splide__pagination li button {height: 4px; background-color: var(--white);width: 100%;}
#slide-home .splide__pagination li button.is-active {background-color: var(--blu);}

.txt_abs {position: relative;padding: 5rem 0;}
.overlaybg {background-color: var(--black)}
.txt_abs .box {padding: 0;max-width: 100rem;}

@media screen and (min-width:581px) {
  .txt_abs {width: 100%;height: 100%;position: absolute;top: 0;left: 0; display: flex; justify-content: center;align-items: flex-end;pointer-events: none;padding: 0;}
  .overlaybg {background-color: hsl(from var(--footer) h s l / 0.2);}
  .txt_abs .box {padding: 0 0 13rem;}
}

.btn {padding: 2rem 3rem; border-radius: 10rem;background-color: var(--black);color: var(--white);margin: 5rem 0 0;display: inline-block;line-height: 1.2;text-align: center;}
.btn:hover {background-color: var(--accent);}

.menu .btn {padding: 8px 2rem;height: auto;line-height: 1;}
#header-home .menu .btn {background-color: hsl(from var(--white) h s l / 0.1);margin: 0;}
#header-pag .menu .btn {margin: 0;}
#header-home .menu .btn:hover {background-color: var(--accent);}
#header-home h1 {color: var(--white);}

.ico_menu svg path {fill: var(--black);}
#header-home .ico_menu svg path {fill: var(--white);}

img {max-width: 100%;}


.simple {padding: 9rem 0;}
.pad100 {padding: 0;}
@media screen and (min-width:769px) {
  .simple {padding: 9rem 0;}
  .pad100 {padding: 0 0 0 10rem;}
}

.simple_nopad {padding: 1rem 0 3rem;}
.simple_nopad_top {padding: 1rem 0 9rem;}

.split_sfalsato {margin: 0 0 7rem;}
.flex {display: flex;flex-wrap: wrap;}
.split_sfalsato .bl {width: 100%;position: relative;}
.split_sfalsato .bl.img {z-index: 1;}
.split_sfalsato .bl.img img {width: 100%;aspect-ratio: 4 / 3;height: auto;object-fit: cover;}
.split_sfalsato .bl.txt {background-color: var(--light);display: flex;align-items: center;justify-content: center;z-index: 2;padding: 4rem 2%; max-width: 98%;margin: -3rem auto 0;}
.split_sfalsato .bl.txt .box {max-width: 74rem;}
.split_sfalsato.reverse .flex {flex-direction: row-reverse;}

@media screen and (min-width:769px) {
  .split_sfalsato {margin: 0 0 3rem;}
  .split_sfalsato .bl {width: 50%;}
  .split_sfalsato .bl.img img {aspect-ratio: inherit;}
  .split_sfalsato .bl:first-of-type {margin: 0 -3rem 0 3rem;}
  .split_sfalsato .bl:last-of-type {margin: 3rem 0 0;}
  .split_sfalsato.reverse .bl:first-of-type {margin: 3rem 3rem 0 -3rem;}
  .split_sfalsato.reverse .bl:last-of-type {margin: 0;}
}


.promozioni_home {padding: 5rem 0;}
.promozioni_home .container {display: flex;flex-wrap: wrap;gap: 0 7rem;}
.title {display: flex;width:100%;justify-content: space-between;align-items: center;margin: 0 0 3rem;flex-wrap: wrap;gap: 1rem 0;}
.title .btn {background-color: var(--light);color: var(--black);}
.title .btn, .title h2 {margin: 0;}
.promo_evidenza {width: 100%;margin: 0 0 5rem;}
.promo_evidenza img {width: 100%; aspect-ratio: 4 / 3;object-fit: cover;height: auto;}
.promozioni_home .box_img {position: relative;margin: 0 0 2.5rem;}
.countdown {font-size: clamp(1.8rem, 3rem, 3vw);font-weight: 300;position: absolute;bottom: 8%;left: 2%;display: flex;gap: 1rem;color: var(--white);line-height: 1;z-index:2;}
.countdown span {display: inline-block;padding: 1.5rem 1rem;border: 1px solid;}
.sfumatura {width: 100%;height: auto;aspect-ratio: 4 / 3; position: absolute;top: 0;left: 0;z-index:1;background: #0B0B0B;
background: -webkit-linear-gradient(15deg, rgba(11, 11, 11, 0.55) 0%, rgba(11, 11, 11, 0) 80%);
background: -moz-linear-gradient(15deg, rgba(11, 11, 11, 0.55) 0%, rgba(11, 11, 11, 0) 80%);
background: linear-gradient(15deg, rgba(11, 11, 11, 0.55) 0%, rgba(11, 11, 11, 0) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0B0B0B", endColorstr="#0B0B0B", GradientType=0);}
.promozioni_home .box_txt p {display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.8;}
.promo_evidenza .box_txt {width: 100%;}
.btn_leggi {display: inline-block;padding: 0 2rem;border: 1px solid var(--blu);color: var(--blu);border-radius: 10rem;margin: 2rem 0 0;transition: all .3s;}

.promo {width: 100%;margin: 0 0 5rem;}
.promo img {width: 100%; aspect-ratio: 4 / 3;object-fit: cover;height: auto;}
.promo_evidenza:hover .btn_leggi, .promo:hover .btn_leggi {background-color: var(--accent);color: var(--white);border: 1px solid var(--accent);}

@media screen and (min-width:769px) {
  .promozioni_home {padding: 13rem 0 15rem;}
  .promo_evidenza {margin: 0 0 7.5rem;}
  .promo_evidenza .box_txt {width: 50%;}
  .promo {width: calc(50% - 3.5rem); margin: 0;}
  .promo_evidenza img {aspect-ratio: 16 / 7;}
  .promo_evidenza .sfumatura {aspect-ratio: 16 / 7;}
  .countdown {bottom: 4rem;left: 3rem;}
  
}

/* per fascia toggle */
.toggle_sec {padding: 0 0 7rem;}
.toggle_sec .toggle {
  background-color: hsl(from var(--accent) h s l / 0.15);

  font-size: clamp(2.2rem, 3.5rem, 3.5vw);
  padding: 1.5rem;
  border-radius: 1rem;
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
}
.toggle_sec .mainbox {
  margin: 0 0 3rem;
}
.toggle_sec ul.accordion .inner {
  padding: 2rem 1.5rem;
}
.toggle_sec .btn {
  margin: 2.5rem 0 0;
}
.chevron {width: 2.7rem;height: 1.5rem;transition: all .3s;}

@media screen and (min-width:351px) {
  .toggle_sec .toggle {border-radius: 10rem;padding: 1.5rem 3rem;}
  .toggle_sec ul.accordion .inner {padding: 2rem 3rem;}
}



.fascia_blog {padding: 7rem 0; padding: 7rem 0 10rem;}
.container_slide {max-width: 162rem;margin: 0 auto;width: 100%;padding: 0 2%;}
#slide-blog picture img {width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;margin: 0 0 1rem;}
.data-blog {font-size: 1.6rem; color: var(--blu); margin: 0;letter-spacing: 1px;}
#slide-blog h3 {font-size: clamp(1.8rem, 2.5rem, 2.5vw);margin: 0;}
#slide-blog .splide__pagination {display: flex; justify-content: center;align-items: center;margin: 7rem auto 0; gap: 3.5rem;}
#slide-blog .splide__pagination button {width: 1rem; height: 1rem;background-color: var(--credits);border-radius: 2rem;}
#slide-blog .splide__pagination button.is-active {width: 1.5rem; height: 1.5rem;background-color: var(--white);border: 3px solid var(--credits);}

.split_sfalsato.prefooter .bl.txt {background-color: var(--blu);color: var(--white);padding: 6rem 2%;}
.split_sfalsato.prefooter .btn {background-color: var(--white);color: var(--blu);margin: 3rem 0 0;}
.split_sfalsato.prefooter .btn:hover {background-color: var(--accent);color: var(--white);}

footer {background-color: var(--footer);color: var(--white);padding: 7rem 0 10rem; font-size: 1.4rem;}
.logo-footer {display: flex;justify-content: center;align-items: center;gap: 5rem;flex-wrap: wrap;}
.a-logo-footer { display: inline-flex;width: 13rem;height: auto;aspect-ratio: 16 / 9;object-fit: contain; justify-content: center;align-items: center;}
footer .flex {justify-content: center;gap: 6.5rem;margin: 5rem 0;}
footer .flex .bl {width: 100%;max-width: 25rem;}
footer a {color: var(--white);}
footer a:hover {color: var(--accent);}
.social-ft { display: flex;gap: 1.5rem;margin: 2rem 0 0;align-items: center;}
.social-ft img {width: 2.2rem;height: 2.2re;object-fit: contain; transition: all .3s;}
.social-ft img:hover {translate: 0 -5px;}

.credits {color: var(--credits);font-size: 1.3rem;text-align: center;padding: 3rem 0 0;border-top: 1px solid #525252;width: 100%;max-width: 142rem;margin: 0 auto;}
.credits a {color: var(--credits);}
.credits a:hover {color: var(--white);}

ul.breadcrumb {display: flex;gap: 0 1rem;text-transform: uppercase;letter-spacing: 1px;align-items: center;line-height: 1;padding: 6rem 0 0;flex-wrap: wrap;}
ul.breadcrumb a:hover {color: var(--accent);}

.top_pag { height: 30rem;width: 100%;object-fit: cover;}
.fascia_logo {background-color: var(--light);padding: 6rem 2%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.fascia_logo.reverse {flex-direction: row-reverse;background-color: var(--grey);}
.fascia_logo .bl.logo {width: 100%;}
.fascia_logo .bl.logo img {width: 100%;max-width: 25rem;}
.fascia_logo .bl.txt {width: 100%;padding: 0;max-width: 120rem;margin: 0 auto;}

@media screen and (min-width:851px) {
  .top_pag { height: 50rem;}
  .fascia_logo { padding: 6rem;}
  .fascia_logo .bl.logo {width: 25rem;}
  .fascia_logo .bl.txt {width: calc(100% - 25rem);padding: 0 0 0 6rem;margin: 0;}
  .fascia_logo.reverse .bl.txt {padding: 0 6rem 0 0;}
}

.fascia_gallery {padding: 10rem 0 0;}
.gallery {margin: 4rem auto;display: flex;justify-content: center;gap: 3rem;flex-wrap: wrap;}
.gallery a {width: 100%;}
.gallery a img {width: 100%;}

@media screen and (min-width:351px) {
  .gallery a {width: calc(50% - 1.5rem);}
}
@media screen and (min-width:751px) {
  .gallery a {width: calc(33.3% - 2rem);}
}
@media screen and (min-width:1025px) {
  .gallery a {width: calc(25% - 2.25rem);}
}
@media screen and (min-width:1281px) {
  .gallery a {width: calc(16.6% - 2.5rem);}
}


.two_col {padding: 0 0 10rem;}
.two_col .container {display: flex;flex-wrap: wrap;gap: 5rem 2rem;}
.two_col .bl {width: 100%;}
.two_col .bl .btn_leggi {margin: 0;}
.two_col .bl:hover .btn_leggi {background-color: var(--accent);color: var(--white);border: 1px solid var(--accent);}
.two_col .bl img:not(.logo_pianca) {width: 100%;aspect-ratio: 4 / 3;object-fit: cover;height: auto;}
.two_col .box_img {position: relative;}

@media screen and (min-width:581px) {
  .two_col .bl {width: calc(50% - 1rem);}
}

.two_col .bl .logo_pianca {max-width: 18rem;}


.three_col {padding: 0 0 10rem;}
.three_col .container {display: flex;flex-wrap: wrap;gap: 5rem 2rem;}
.three_col .bl {width: 100%;}
.three_col .bl .btn_leggi {margin: 0;}
.three_col .bl:hover .btn_leggi {background-color: var(--accent);color: var(--white);border: 1px solid var(--accent);}
.three_col .bl img {width: 100%;aspect-ratio: 4 / 3;object-fit: cover;height: auto;}
.three_col .box_img {position: relative;}

@media screen and (min-width:581px) {
  .three_col .bl {width: calc(50% - 1rem);}
}

@media screen and (min-width:851px) {
  .three_col .bl {width: calc(33.3% - 1.33rem);}
}

.slider_gallery {padding: 0 2% 10rem;}
@media screen and (min-width:401px) {
  .slider_gallery {padding: 0 0 10rem 2rem;}
}
#slide-gallery .splide__pagination {display: flex; justify-content: center;align-items: center;margin: 7rem auto 0; gap: 3.5rem;}
#slide-gallery .splide__pagination button {width: 1rem; height: 1rem;background-color: var(--credits);border-radius: 2rem;}
#slide-gallery .splide__pagination button.is-active {width: 1.5rem; height: 1.5rem;background-color: var(--white);border: 3px solid var(--credits);}
.slider_gallery .thumb {aspect-ratio: 1 / 1; object-fit: cover;}


.box_img_promo {position: relative;margin: 0 0 4rem;}
.box_img_promo img {width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;}

@media screen and (min-width:1025px) {
  .box_img_promo img {aspect-ratio: 16 / 7;}
  .box_img_promo .sfumatura {aspect-ratio: 16 / 7;}
}

.prezzo {font-size: clamp(3rem, 5rem, 5vw);color: var(--accent);}

.desc h2 {font-size: clamp(2.2rem, 3.5rem, 3.5vw);margin:2.5rem 0 5px}
.desc h3 {font-size: clamp(1.9rem, 2.5rem, 2.5vw);margin:2.5rem 0 5px}
.desc p {margin: 0 0 1.5rem;}
.desc ul, .desc ol {margin: 1rem 0;}
.desc ul, .desc ul li {list-style: inside disc;}
.desc ol, .desc ol li {list-style: inside decimal;}
.desc ul li::marker, .desc ol li::marker {color: var(--accent);}
.desc-blog { margin: 0 0 2rem;line-height: 1.4;}

ul.pagination {display: flex;gap: 3rem;justify-content: center;align-items: center;width: 100%;margin: 3rem auto 0;flex-wrap: wrap;}
ul.pagination li a.current {color: var(--accent);}

.pag_cont a {font-weight: 600;}
.pag_cont a:hover {color: var(--accent);}
.mappa iframe {margin: 5rem 0 0;width: 100%;height: 40rem;border: none;}
.recaptcha {margin: 3rem auto 0;}