/*UTILE CSS*/
:root {
  /* Font base */
  --font-base: 1rem; /* 16px */
  --bs-nav-link-font-size: 1.125rem; /* 18px */

  /* Titoli fluidi (min, ideal, max) */
   --py-off:clamp(2.5rem, 5vw + 1rem, 10rem); 
  --h0: clamp(2rem, 6vw + 1rem, 4.25rem); /* 48–100px */
  --h1: clamp(2rem, 5vw + 1rem, 3.75rem);   /* 40–60px */
  --h2: clamp(2rem, 4vw + 1rem, 3rem);        /* 32–48px */
  --h3: clamp(1.5rem, 3vw + 0.5rem, 2.25rem); /* 24–36px */
  --h4: clamp(1.125rem, 2vw + 0.5rem, 1.75rem);/* 20–28px */
  --h5: clamp(1.115rem, 1.5vw + 0.5rem, 1.375rem); /* 18–22px */
  --h6: clamp(1rem, 1vw + 0.5rem, 1.125rem);  /* 16–18px */

 
}

html {font-size: 16px; /* 1rem = 16px */}
body {font-family: "poppins", sans-serif;font-weight: 400;font-style: normal; font-size: var(--font-base);line-height: 1.5;}

.has-normal-font-size {
  font-size: var(--font-base);
}

.h0,.has-huge-font-size {
  font-size: var(--h0) !important;
  line-height: 1.2;
}
.single-post .category-servizi .h0 {
  font-size: calc(var(--h0) - 10px) !important;
  line-height: 1;
}
h1,h2,h3,h4,h5,h6 {
  line-height: 1.5;
}
h1,.h1{
  font-size: var(--h1);
}

h2,.h2,.has-large-font-size {
  font-size: var(--h2) !important;
}

h3,.h3 {
  font-size: var(--h3) !important;
}

h4,.h4 {
  font-size: var(--h4) !important;
}

h5,.h5 {
  font-size: var(--h5) !important;
}

h6,.h6 {
  font-size: var(--h6) !important;
}


.py-off h2{font-size: var(--py-off) !important;font-weight: bold; color: var(--giallo); line-height: 1;}
.py-off p {font-size: var(--h1);font-weight: bold; line-height: 1;}
.name-cat {font-weight: bold; text-align: center;text-transform: uppercase; font-weight: 900;}
.section-category-home .name-cat {font-size: 21px;}
.caption_col p{font-size: 0.8rem !important;}