.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);
}

.pict-50{width: 100%}
.double .pict-50:first-child {margin-bottom: 0.5rem}

@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-back-p,
.btn-back-p:hover,
.btn-back-p:focus,
.btn-back-p:active,
.btn-back-p:focus-visible{max-width:200px; border:var(--colorblack) 1px solid !important; border-radius: 0;  font-size: 1.1em; color: var(--colorblack) !important; background-color: #fff; display: block; margin: .25rem auto .25rem auto}

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


h4{font-size: 1.4em; font-weight: 500}

@media (min-width: 768px){
  .text-dsc{font-size: 1.1em}
  h4{font-size: 1.6em}
}

@media (min-width: 992px){
  .text-second p{max-width:70%; margin:auto }
  .pict-50{width: 50%;}
  .double .pict-50:first-child {margin-bottom: 0}
}

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