/*
CTC Separate Stylesheet
Updated: 2026-09-29 14:58:48
Theme Name: Survey Italia
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: The Wide Factory
Author URI: https://thewidefactory.it/
Description: Tema custom per l'azienda Survey Italia
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1790686728
*/

/* =========================================
   SURVEY ITALIA — LAYOUT RESPONSIVE
   Riferimento: 50px padding a 1440px
   Content width: 1340px (1440 - 50×2)
   Supporto: 320px → 2560px (2K)
========================================= */


/* =========================================
   CONTENITORI SEZIONI FULL WIDTH
   .nmf-full → padding simmetrico
   .nmf-full-wrap → layout asimmetrico (es. Chi Siamo)
========================================= */

.nmf-full {
  padding-left: clamp(16px, 3.5vw, 50px);
  padding-right: clamp(16px, 3.5vw, 50px);
}

.nmf-full-wrap {
  margin-left: clamp(16px, 3.5vw, 50px);
  margin-right: 0;
  width: auto;
  max-width: none;
}

.nmf-full-wrap-left {
  margin-right: clamp(16px, 3.5vw, 50px);
  margin-left: 0;
  width: auto;
  max-width: none;
}


/* -----------------------------------------
   MOBILE (≤ 767px)
   Target: 16–20px
   375px → 16px | 767px → 20px
----------------------------------------- */

@media (max-width: 767px) {
  .nmf-full {
    padding-inline: clamp(16px, 5vw, 20px);
  }

  .nmf-full-wrap {
    margin-left: clamp(16px, 5vw, 20px);
    margin-right: 0;
  }

  .nmf-full-wrap .contenitore-sx,
  .nmf-full-wrap .contenitore-sx-prodotto {
    padding-right: clamp(16px, 5vw, 20px);
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nmf-full-wrap .contenitore-dx {
    width: calc(100% - clamp(16px, 5vw, 20px));
    margin-right: clamp(16px, 5vw, 20px);
    padding-right: 0;
    box-sizing: border-box;
  }

  .nmf-full-wrap-left {
    margin-right: clamp(16px, 5vw, 20px);
    margin-left: 0;
  }
}


/* -----------------------------------------
   TABLET (≥ 768px)
   Target: 24–36px
   768px → 27px | 1024px → 36px
----------------------------------------- */

@media (min-width: 768px) {
  .nmf-full {
    padding-inline: clamp(24px, 3.5vw, 36px);
  }

  .nmf-full-wrap {
    margin-left: clamp(24px, 3.5vw, 36px);
    margin-right: 0;
  }

  .nmf-full-wrap .contenitore-sx,
  .nmf-full-wrap .contenitore-sx-prodotto {
    padding-right: clamp(24px, 3.5vw, 36px);
    padding-top: 48px;
    padding-bottom: 40px;
  }

  .nmf-full-wrap .contenitore-dx {
    width: calc(100% - clamp(24px, 3.5vw, 36px));
    margin-right: clamp(24px, 3.5vw, 36px);
    padding-right: 0;
    box-sizing: border-box;
  }

  .nmf-full-wrap-left {
    margin-right: clamp(24px, 3.5vw, 36px);
    margin-left: 0;
  }
}


/* -----------------------------------------
   LAPTOP (≥ 1025px)
   Target: 36–50px
   1025px → 36px | 1280px → 45px | 1440px → 50px
----------------------------------------- */

@media (min-width: 1025px) {
  .nmf-full {
    padding-inline: clamp(36px, 3.5vw, 50px);
  }

  .nmf-full-wrap {
    margin-left: clamp(36px, 3.5vw, 50px);
    margin-right: 0;
  }

  .nmf-full-wrap .contenitore-sx,
  .nmf-full-wrap .contenitore-sx-prodotto {
    padding-right: 0;
    padding-top: 64px;
    padding-bottom: 0;
  }

  .nmf-full-wrap .contenitore-dx {
    width: 50%;
    margin-right: 0;
    padding-right: 0;
  }

  .nmf-full-wrap-left {
    margin-right: clamp(36px, 3.5vw, 50px);
    margin-left: 0;
  }
}


/* -----------------------------------------
   DESKTOP (≥ 1281px)
   Target: 50px fisso a 1440px, cresce fino a 80px
   1281px → 50px | 1440px → 50px ✓ | 1920px → 67px
----------------------------------------- */

@media (min-width: 1281px) {
  .nmf-full {
    padding-inline: clamp(50px, 3.5vw, 80px);
  }

  .nmf-full-wrap {
    margin-left: clamp(50px, 3.5vw, 80px);
    margin-right: 0;
  }

  .nmf-full-wrap .contenitore-sx {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .nmf-full-wrap .contenitore-sx-prodotto {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .nmf-full-wrap .contenitore-dx {
    width: 50%;
    margin-right: 0;
    padding-right: 0;
  }

  .nmf-full-wrap-left {
    margin-right: clamp(50px, 3.5vw, 80px);
    margin-left: 0;
  }
}


/* -----------------------------------------
   WIDESCREEN (≥ 1600px)
   Target: 80–160px (contenuto centrato)
   1600px → 80px | 1920px → 96px | 2560px → 128px
----------------------------------------- */

@media (min-width: 1600px) {
  .nmf-full {
    padding-inline: clamp(80px, 5vw, 160px);
  }

  .nmf-full-wrap {
    margin-left: clamp(80px, 5vw, 160px);
    margin-right: 0;
  }

  .nmf-full-wrap-left {
    margin-right: clamp(80px, 5vw, 160px);
    margin-left: 0;
  }
}



/* =========================================
   TABELLA RIEPILOGATIVA DEI VALORI
   
   Viewport    | Padding laterale
   ------------|------------------
   375px       | 16px
   768px       | 27px
   1024px      | 36px
   1280px      | 45px
   1440px      | 50px  ← FIGMA
   1600px      | 80px
   1920px      | 96px
   2560px      | 128px
   
========================================= */