.backgroundtoset{
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  text-align: center;
}

.backgroundtosethalf{
  aspect-ratio: 3 / 4;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  text-align: center;
}

.bg-base{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /* fallback */
  --bg-current: none;

  background-image:
    linear-gradient(0deg,
      rgba(0,0,0,var(--alphagradient_start)) var(--percentgradient_start),
      rgba(0,0,0,var(--alphagradient_stop))  var(--percentgradient_stop)
    ),
    var(--bg-current);
}

.bg-base-shop{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /* fallback */
  --bg-current: none;

  background-image:
    linear-gradient(0deg,
      rgba(0,0,0,var(--alphagradient_start)) var(--percentgradient_start),
      rgba(0,0,0,var(--alphagradient_stop))  var(--percentgradient_stop)
    ),
    var(--bg-url);
}

.box-title-shop{font-size:1.2em; font-weight: 500; padding-bottom:0.5rem}
.box-btn-shop{width:90px; border:#fff 1px solid; border-radius: 0;  font-size: 0.9em; color: #fff; background-color: none; display: block; margin: 0 auto 6rem auto}

@media (max-width: 575.98px){ .bg-base{ --bg-current: var(--bg-fit-480); } }
@media (min-width: 576px) and (max-width: 767.98px){ .bg-base{ --bg-current: var(--bg-fit-768); } }
@media (min-width: 768px) and (max-width: 991.98px){ .bg-base{ --bg-current: var(--bg-land-1200); } }
@media (min-width: 992px) and (max-width: 1399.98px){ .bg-base{ --bg-current: var(--bg-land-1920); } }
@media (min-width: 1400px){ .bg-base{ --bg-current: var(--bg-land-2400); } }

/* se vuoi gestire retina per le versioni “fit” */
@media (max-width: 767.98px) and (min-resolution: 2dppx){
  .bg-base{ --bg-current: var(--bg-fit-1080); }
}
@media (max-width: 767.98px) and (min-resolution: 3dppx){
  .bg-base{ --bg-current: var(--bg-fit-1320); }
}

.btn-buy,
.btn-buy:hover,
.btn-buy:focus,
.btn-buy:active,
.btn-buy:focus-visible{width:200px; border:var(--colorblack) 1px solid; border-radius: 0;  font-size: 1.1em; color: #fff; background-color: var(--colorblack); display: block; margin: .25rem auto .25rem auto}

.text-dsc{font-size: 1em}
.text-dsc a{color: var(--colorblack); text-decoration: underline;}

.btn-map,
.btn-map:hover,
.btn-map:focus,
.btn-map:active,
.btn-map:focus-visible {border:var(--colorblack) 1px solid; background: #fff; border-radius: 0; text-align: center; color: var(--colorblack); font-weight: 500; min-width: 120px}

.field-errore{border-color:#ff0000 !important;}
.div-errore{font-size: 0.8em; color: #ff0000}
#esito{min-height: 2rem}
.row-dove{margin-top: 2.5rem}
.map-canvas{width: 100%; min-height: 600px}
h4{font-size: 1.4em; font-weight: 500}

@media (min-width: 768px){
  .text-dsc{font-size: 1.1em}
  h4{font-size: 1.6em}
  .row-dove{margin-top: 2rem}
}

@media (min-width: 1200px){
  .text-dsc{font-size: 1.2em}
  h4{font-size: 1.8em}
}