/* =========================================================
   CUSTOM GLOBAL CSS — Header split-nav + Off-canvas
   Valido per GeneratePress e (via MU) anche per SeedProd
   ========================================================= */
/*FONTS*/

@font-face {
    font-family: 'helvetica';
    src: url('https://saltapicchio.webdojoagency.com/wp-content/themes/generatepress-child/fonts/helvetica/HelveticaNeueLTPro-MdCn.woff2') format('woff2'),
        url('https://saltapicchio.webdojoagency.com/wp-content/themes/generatepress-child/fonts/helvetica/HelveticaNeueLTPro-MdCn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'brush';
    src: url('https://saltapicchio.webdojoagency.com/wp-content/themes/generatepress-child/fonts/goodbrush/GOODBRUSH.woff2') format('woff2'),
         url('https://saltapicchio.webdojoagency.com/wp-content/themes/generatepress-child/fonts/goodbrush/GOODBRUSH.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roughmarker';
    src: url('https://saltapicchio.webdojoagency.com/wp-content/themes/generatepress-child/fonts/roughmarker/Roughmarker.woff2') format('woff2'),
         url('https://saltapicchio.webdojoagency.com/wp-content/themes/generatepress-child/fonts/roughmarker/Roughmarker.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* ---- Variabili basiche ---- */
:root{
    --gp-maxw: 1200px;      /* max-width del container header */
    --gp-padx: 20px;        /* padding orizzontale */
    --gp-break: 992px;      /* breakpoint mobile */
    --gp-off-w: 360px;      /* larghezza off-canvas max */
  }

  :root {
  --giallo-lab: #FFE133;
  --grigio-lab: #333;
}

  body{
    background-image: url('https://saltapicchio.webdojoagency.com/wp-content/uploads/2025/11/lab-bg.jpg');
    background-repeat: repeat !important;
    background-size: 200px !important;
  }
  /* ---- Header base ---- */
  .gp-split-header { position: fixed; z-index: 10000; background: var(--gp-header-bg, transparent);
    background-image: url('https://saltapicchio.webdojoagency.com/wp-content/uploads/2025/11/menu-bg.jpg');
    background-repeat: repeat;
    background-size: 300px;
    padding:0 !important
  }






  /* === SFONDI “BRUSH / GEOMETRIC” === */

/* Stessa unità di misura per coerenza fra header e body */

/* HEADER colorato */
.gp-split-header {
  background-image: url("https://saltapicchio.webdojoagency.com/wp-content/uploads/2025/11/menu-bg.jpg");
  background-repeat: repeat-x;
  background-size: var(--pattern-size) auto;
  background-position: top left;
  background-attachment: fixed; /* effetto parallax leggero e continuità */
}
.gp-split-header > div{
margin-top: 0;
}

/* BODY grigio */
body {
  background-image: url("https://saltapicchio.webdojoagency.com/wp-content/uploads/2025/11/lab-bg.jpg");
  background-repeat: repeat;
  background-size: var(--pattern-size) auto !important;
  background-position: top left !important;
  background-attachment: fixed !important;
}

/* Assicura transizione fluida fra header e body */
.gp-split-header,
body {
  background-blend-mode: normal !important;
}

:root {
  --pattern-size: 320px; /* default desktop large */
}

/* Tablet landscape e laptop medi */
@media (max-width: 1440px) {
  :root { --pattern-size: 260px; }
}

/* Tablet verticali e schermi piccoli */
@media (max-width: 1024px) {
  :root { --pattern-size: 230px; }
}

/* Smartphone grandi (fino a ~768px) */
@media (max-width: 768px) {
  :root { --pattern-size: 200px; }
}

/* Smartphone medi-piccoli */
@media (max-width: 560px) {
  :root { --pattern-size: 180px; }
}

/* Smartphone piccoli (≤ 400px) */
@media (max-width: 400px) {
  :root { --pattern-size: 140px; }
}






/*menu*/
/* Easing standard elegante e naturale per piccole animazioni */
:root {
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1); /* classico ease */
  --ease-soft:   cubic-bezier(0.4, 0, 0.2, 1);     /* Material Design default */
}

/* esempio di utilizzo */
.gp-menu .menu a {
  transition: color 0.25s var(--ease-soft), transform 0.25s var(--ease-soft);
}

.gp-menu .menu a:hover {
  color: #f5e84a;
  transform: translateY(-2px);
}

  .gp-split-header__inner{
    max-width: 100%;
    max-height: 48px;
    margin: 0 auto;
    padding: 12px var(--gp-padx);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
    .gp-split-header__inner *{
      margin: auto;
      padding-top: 0;

  }
.gp-menu li{
    list-style: none;
 }
.gp-menu li a{
      color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
}
.gp-menu li a:hover{
      color: #ffe133 !important;

}
/*menu desktop*/
/* riga header a 3 colonne */
.gp-split-header__inner.gp-split-nav{
  display:flex;
  align-items:center;
}

/* ogni colonna è flex */
.gp-split-header__inner .sp-el-col{
  flex:1 1 0;
  display:flex;
  align-items:center;
  min-width:0;
}

/* colonna sinistra: contenuto spinto verso il logo (destra della colonna) */
#sp-g6j5l9{ justify-content:flex-end; }

/* colonna logo: logo centrato */
.gp-split-header .logo{ justify-content:center; max-width: 20%;}

/* colonna destra: contenuto spinto verso il logo (sinistra della colonna) */
#sp-doh8df{ justify-content:flex-start; }

/* menu: inline e con spazio tra item */
.gp-split-header__inner .gp-menu .menu{
  display:flex;
  align-items:center;
  gap:clamp(12px, 1.6vw, 28px);
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap:nowrap;
}

/* piccolo “respiro” dal logo, simmetrico */

.menu-col{
  font-size: 20px;
  top: 60px;
}

.gp-split-header__inner .gp-menu--left  { margin-right: clamp(16px, 2vw, 40px); }
.gp-split-header__inner .gp-menu--right { margin-left:  clamp(16px, 2vw, 40px); }

/* link */
.gp-split-header__inner .gp-menu .menu > li > a{
  display:block;
  padding:.25rem .5rem;
  text-decoration:none;
  line-height:1;
}

/* (opzionale) su viewport stretti permetti a capo le voci */
@media (max-width: 900px){
  .gp-split-header__inner .gp-menu .menu{ flex-wrap:wrap; row-gap:8px; }
}


/*end menu desktop*/




  .logo{
    padding: 0 !important;
  }
  @media (max-width: 640px) {
  .gp-split-header .sp-el-col, .gp-split-header .sp-el-block, .gp-split-header .sp-optin-wrapper, .gp-split-header .sp-testimonials-wrapper,
  .gp-split-header .sp-testimonial-wrapper {
    padding: 0px !important;
  }
}
  
  /* ---- Split desktop ---- */
  .gp-split-nav{
    display: flex;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: center;
    width: 100%;
  }
  .gp-split{ display: flex; }
  .gp-left{  justify-content: flex-end; }
  .gp-right{ justify-content: flex-start; }
  
  .gp-logo{ display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
  .gp-logo img{
  display: block;
  height: auto;
  max-width: 150px;
  margin-top: 10px;
}
  .gp-logo__text{ font-weight:600; font-size:1.125rem; }
  
  /* ---- Menu desktop ---- */
  .gp-menu{ list-style:none; margin:0; padding:0; display:flex; gap:20px; }
  .gp-menu>li{ position:relative; }
  .gp-menu>li>a{ text-decoration:none; display:inline-block; padding:8px 4px; }
  
  /* Dropdown 2° livello */
  .gp-menu li.menu-item-has-children>ul{
    position:absolute; left:0; top:100%; min-width:200px;
    background: var(--gp-menu-bg, #fff);
    border:1px solid rgba(0,0,0,.06);
    padding:8px 0; display:none;
  }
  .gp-menu li.menu-item-has-children:hover>ul{ display:block; }
  .gp-menu li.menu-item-has-children>ul li a{ display:block; padding:8px 12px; }
  


/* --- Off-canvas base  --- */
.gp-offcanvas{
  position: fixed; right: 0; top: 0;
  height: 100vh; width: min(88vw, 360px);
  transform: translateX(100%); transition: transform .30s ease;
  background: #333; box-shadow: -12px 0 30px rgba(0,0,0,.18);
  z-index: 11000; overflow-y: auto; padding: 20px;
}
.gp-offcanvas.open{ transform: translateX(0); }


/*stile off canvas*/
/* ==== Variabili utili ==== */
:root{
  --pattern-size: 320px;                         /* come da tua scala */
  --ease-soft: cubic-bezier(.4,0,.2,1);
  --oc-fg: #fff;
  --oc-fg-dim: rgba(255,255,255,.7);
  --oc-accent: #F3E955;                          /* giallo GAM? cambia se vuoi */
}

/* ==== CONTENITORE OFF-CANVAS ==== */
.gp-offcanvas{
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: grid;
  grid-template-rows: 1fr;                       /* pannello a pieno schermo */
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8%);
  transition: opacity .26s var(--ease-soft), transform .26s var(--ease-soft);
}

/* Stato aperto (hai già la classe .open) */
.gp-offcanvas.open{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/*fix glitch when off-canvas open*/
body.open {
    padding-right: 0 !important; /* evita il compenso auto */
    overflow-y: hidden;
}
html {
    overflow-y: scroll;
}


/* ==== PANNELLO / SFONDO (stessa texture grigia del body) ==== */
.gp-offcanvas{
  background-image:
    linear-gradient(rgba(10,10,10,.82), rgba(10,10,10,.82)),                   /* overlay per contrasto */
    url("https://saltapicchio.webdojoagency.com/wp-content/uploads/2025/11/lab-bg.jpg");
  background-size: auto, var(--pattern-size) auto;
  background-repeat: no-repeat, repeat;
  background-position: center, top left;
  background-attachment: scroll; /* più fluido su mobile */
  color: var(--oc-fg);
}

/* evita “scroll bleed” su iOS */
.gp-offcanvas { overscroll-behavior: contain; }

/* padding sicuro con notch */
.gp-offcanvas .sp-el-row{
  max-width: 100%;
  padding: calc(16px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));
}

/* ==== STACK MENU MOBILE (sinistra + destra una sotto l’altra) ==== */
.gp-menu--mobile{
  margin-inline: auto;
  width: min(92vw, 640px);
}

.gp-menu--mobile .menu{
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* separatore visivo soft tra gruppi */
.gp-menu--mobile-left{  margin-bottom: 18px; }
.gp-menu--mobile-right{ margin-top: 6px;  }

/* ==== LINK MENU ==== */
.gp-menu--mobile .menu > li > a{
  display: block;
  padding: 14px 8px;
  font-size: clamp(18px, 2.4vw, 20px);
  line-height: 1.15;
  letter-spacing: .2px;
  color: var(--oc-fg);
  text-decoration: none;
  border-bottom: 4px solid rgba(255,255,255,.3);
  transition: color .22s var(--ease-soft), transform .22s var(--ease-soft), border-color .22s var(--ease-soft);
}

.gp-menu--mobile .menu > li:last-child > a{
  border-bottom-color: transparent;
}

.gp-menu--mobile .menu > li > a:hover,
.gp-menu--mobile .menu > li > a:focus{
  color: var(--oc-accent);
  transform: translateX(4px);
  border-bottom-color: rgba(255,255,255,.2);
  outline: none;
}

/* stato attivo/corrente (se WP aggiunge current-menu-item) */
.gp-menu--mobile .menu > li.current-menu-item > a{
  color: var(--oc-accent);
  border-bottom-color: rgba(255,255,255,.25);
}

/* etichette o descrizioni secondarie (se presenti) */
.gp-menu--mobile .menu small{
  display:block;
  margin-top: 4px;
  color: var(--oc-fg-dim);
  font-size: .85em;
}

/* ==== ACCESSIBILITÀ ==== */
.gp-menu--mobile .menu > li > a:focus-visible{
  outline: 2px solid var(--oc-accent);
  outline-offset: 2px;
  border-radius: 6px;
}

/* ==== DESKTOP (se vuoi mostrare lo stesso off-canvas anche su tablet) ==== */
@media (min-width: 768px){
  .gp-menu--mobile .menu{
    gap: 10px;
  }
  .gp-menu--mobile .menu > li > a{
    padding: 16px 10px;
    font-size: clamp(18px, 1.4vw, 22px);
  }
}

/* ==== RIDUZIONE MOVIMENTO ==== */
@media (prefers-reduced-motion: reduce){
  .gp-offcanvas,
  .gp-offcanvas__backdrop,
  .gp-menu--mobile .menu > li > a{
    transition: none !important;
  }
}

/*end stile off canvas*/

/* --- Bottone hamburger (sezione separata) --- */
.gp-nav-toggle{
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 36px;
  border: 0; background: transparent; color: #fff; cursor: pointer;
  position: fixed; right: 16px; top: 60px; z-index: 12000;
}

/* Icona + animazione burger → X */
.gp-icon g{ transition: transform .22s ease, opacity .18s ease; transform-origin: 10px 2px; }
.gp-nav-toggle.is-open .gp-icon--burger .l1{ transform: translateY(6px) rotate(45deg); }
.gp-nav-toggle.is-open .gp-icon--burger .l2{ opacity: 0; }
.gp-nav-toggle.is-open .gp-icon--burger .l3{ transform: translateY(-6px) rotate(-45deg); }
/* forza i gruppi a usare il viewBox 24x24 come riferimento del pivot */
.gp-icon g{
  transform-box: view-box;       /* <— chiave */
}


/* Assicurati che il brand/logo o altre barre non coprano il bottone */

 body{background-color: black !important;}
 

/* --- z-index “livelli” coerenti --- */
:root{
  --z-overlay-body: 10;     /* sfumatura globale */
  --z-header-base: 100;     /* contenuti header (logo/menu/hamburger) */
  --z-offcanvas: 200;       /* pannello off-canvas */
}

/* Ombra globale */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: var(--z-overlay-body);
  background: radial-gradient(circle at 50% 25%, rgba(0,0,0,0.70) 15%, rgba(0,0,0,0.75) 35%, rgba(0,0,0,1) 90%);
  mix-blend-mode: multiply;
  transition: opacity .3s ease;
}

/* L’header diventa un contesto pulito e l’ombra resta SOLO dentro l’header */
.gp-split-header{
  position: relative;
  isolation: isolate; /* evita interferenze di stacking */
}
.gp-split-header > .sp-el-row{
  position: relative; /* per l’absolute del ::before */
}

/* Ombra dell’header: **absolute**, non fixed */
.gp-split-header > .sp-el-row::before{
  content:"";
  position: absolute;   /* << cambia da fixed ad absolute */
  inset: 0;             /* ora copre solo l’header */
  pointer-events: none;
  z-index: 0;           /* sotto ai contenuti header */
  background: radial-gradient(circle at 50% 25%,
    rgba(0,0,0,0) 25%,
    rgba(0,0,0,0.5) 45%,
    rgba(0,0,0,1) 90%);
  mix-blend-mode: multiply;
  transition: opacity .3s ease;
}

/* Contenuti header sopra la sua ombra */
.gp-split-header .gp-logo,
.gp-split-header .gp-menu,
.gp-split-header .gp-nav-toggle{
  position: relative;
  z-index: var(--z-header-base);
}

/* Off-canvas sopra tutto (incluso body::before) */
#gp-offcanvas{
  position: fixed;      /* o sticky/absolute rispetto al viewport */
  top: 0; right: 0; bottom: 0; /* o come ti serve */
  z-index: var(--z-offcanvas);
  /* eventuale background per non “prendere” il multiply di sotto */
  background: var(--offcanvas-bg, #111);
}


/*ombra menu*/

/* --- Header: pattern sopra, ombra sotto --- */
.gp-split-header{
  background: transparent !important;   /* la texture la mettiamo su ::before */
  position: fixed;                       /* già così nel tuo codice */
  z-index: 10000;                        /* stacking context dell’header */
  overflow: visible;                     /* fa “uscire” l’ombra fuori dal box */
}

/* Texture del menu: sta SOPRA all’ombra */
.gp-split-header::before{
  content:"";
  position:absolute; inset:0;
  background-image: url("https://saltapicchio.webdojoagency.com/wp-content/uploads/2025/11/menu-bg.jpg");
  background-repeat: repeat-x;
  background-size: var(--pattern-size) auto;
  background-position: top left;
  background-attachment: fixed;
  z-index: 0;                /* copre l’ombra */
  pointer-events: none;
}

/* Ombra ellittica: sta SOTTO la texture dell’header */
.gp-split-header::after {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% - 100px);
	transform: translateX(-50%);
	width: 100vw;
	height: 160px;
	background: #000;
	filter: blur(20px);
	opacity: 0.85;
	pointer-events: none;
	z-index: -1;
}
/* (opzionale) assicurati che il toggle stia sopra a tutto */
.gp-nav-toggle{ z-index: 12000; }




/* .is-open mantiene la trasformazione in X che già usi */


  /*MIO CUSTOM*/

  .gp-logo{
    max-height: 48px;
  }
  .absolute{
    position: absolute !important;
  }

  /*floating effect*/
  .floating {
  animation: floaty 4s ease-in-out infinite;
  will-change: transform; /* performance hint */
}

@keyframes floaty {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-16px); }
  100% { transform: translateY(0); }
}

/*line black buttons*/

.lab-button{
  border: 0.1em rgba(255, 255, 255,0.2) solid !important;
}

/*html, body { background-color: red !important; } /* test */


/*chaty*/

.chaty-widget:not(.chaty-open) .chaty-tooltip.pos-left .on-hover-text::before{
  display: none !important;
}
.open-chaty .chaty-svg svg circle, .chaty-i-trigger .chaty-cta-button button, .chaty-cta-button button ellipse {
  fill: var(--giallo-lab) !important;
  background-color: var(--giallo-lab) !important;
}

.chaty-cta-close rect {
  fill:var(--grigio-lab) !important;
}
.chaty-sts2-0, .chaty-sts4-0{
  fill: transparent !important;
  stroke: black;
  stroke-width: 2px;
}

/*far vedere sempre il tooltip siu prenotazioni*/
#Link-0-channel .chaty-tooltip::before, #Link-0-channel .chaty-tooltip::after {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline !important;
  transform: translate(0em, -50%) !important;
}
.chaty-widget .chaty-cta-main span.on-hover-text, .chaty-widget.chaty-open .chaty-cta-main span.on-hover-text, .chaty-cta-close::after {
  background-color: var(--giallo-lab) !important;
}
.chaty-cta-close::before {
  border-left-color: var(--giallo-lab) !important;

}
/*title and font styles LAB*/
h2{
 font-weight: bolder !important;
}
.pennello, h3{
 font-family: 'brush', serif !important;
}
.pennello strong, h3 strong{
 font-size: 1.5em;
 font-weight: lighter !important;
}

h1,h2,h3, .menu-item a{
  letter-spacing: 0.05em !important;
}
.bloc1{
  background-position-y: 20px;
  background-size: contain !important;
}
.bloc1 .bg-mobile{
    display: none;
  }
@media (max-width: 1024px) {
 .bloc1 h1{
    font-size: 2em !important;
  }
  .bloc1 h2{
    font-size: 2.8em !important;
  }
  .bloc1 h3{
    font-size: 2.8em !important;
  }
}
@media (max-width: 768px) {
 .bloc1  h1{
    font-size: 1.8em !important;
  }
  .bloc1 h2{
    font-size: 2.6em !important;
  }
 .bloc1  h3{
    font-size: 2.6em !important;
  }
  .bloc1 .tagline{
    margin: 0 !important
  }
}

@media (max-width: 500px) {
 .bloc1  h1{
    font-size: 1.2em !important;
  }
  .bloc1 h2{
    font-size: 2em !important;
  }
 .bloc1  h3{
    font-size: 1.6em !important;
  }
  
}
@media (max-width:639px){
  .bloc1{
    background-image: none !important;
    margin-top: 40px !important;
  }
  .bloc1 .bg-mobile{
    display: block;
  }
   .bloc1 h2{
    margin-top: 0 !important;
  }
}

/*BREAK H2 IN BLOC1*/
/* Stile di base: consenti il wrapping normale tra le parole */
.titolo-riabilitazione {
  white-space: normal;
 margin: auto !important;
}

/* Da una certa larghezza in giù, forza il browser a spezzare tra RIABILITAZIONE e POST-INFORTUNIO */
@media (max-width: 768px) {
  .titolo-riabilitazione {
    max-width: 18ch; /* aggiusta se serve (15–18ch) */
  }
}
@media (max-width: 600px) {
  .titolo-riabilitazione {
    max-width: 17ch; /* aggiusta se serve (15–18ch) */
  }
}

/*FIGURES IN BLOC4*/

.bloc4 > .sp-el-row > .sp-el-col:nth-child(2) > figure{
  z-index: -1 !important;
}
.bloc4 > .sp-el-row > .sp-el-col:nth-child(2) > figure img{
  max-height: 500px !important;
  width: auto !important;
}
.bloc4 > .sp-el-row > .sp-el-col:nth-child(2){
  display: contents !important;
  
}
.bloc4 > .sp-el-row > .sp-el-col:nth-child(2) > figure:nth-child(1){
 margin-left:20% !important
}
.bloc4 > .sp-el-row > .sp-el-col:nth-child(2) > figure:nth-child(2){
  margin-left:50% !important
}
.bloc4 > .sp-el-row > .sp-el-col:nth-child(2) > figure:nth-child(2) img{
  max-height: 450px !important;
  margin-top: 50px !important;
}


/*MOBILE BREAKPOINT MENU*/





@media (max-width:1024px){
  .gp-split-header .gp-menu--left, .gp-split-header .gp-menu--right{
    display: none;
  }
  .hamburger1{
    display: block;
  }
}
@media (min-width:1025px){
  .hamburger1{
  display: none;
  }
    .gp-split-header .gp-menu--left, .gp-split-header .gp-menu--right{
    display: block;
  }
}

/*DELAY SEEDPROD ANIMATIONS*/

/* mezzo secondo */
.delay1 {
  animation-delay: 0.5s !important;
  transition-delay: 0.5s !important;
}

/* 1 secondo */
.delay2 {
  animation-delay: 1s !important;
  transition-delay: 1s !important;
}

/* 1.5 secondi */
.delay3 {
  animation-delay: 1.5s !important;
  transition-delay: 1.5s !important;
}

/* 2 secondi */
.delay4 {
  animation-delay: 2s !important;
  transition-delay: 2s !important;
}

/*fix small laptops*/
@media screen and (max-height: 860px) {

  .bloc1{
    height: calc(100vh - 90px);
    height: calc(100svh - 90px);
    height: calc(100dvh - 90px);
  }
  
  .bloc1 .sp-el-block{
    padding-bottom: 0 !important;
  }
}
/*fix texts*/
/*
h1 {
  font-size: clamp(1.8rem, 4vw + 0.25rem, 3.6rem) !important;
  font-weight: 700 !important;
}

h2 {
  font-size: clamp(1.6rem, 3.5vw + 0.2rem, 3.0rem) !important;
  font-weight: 700 !important;
}

h3,
.pennello {
  font-size: clamp(1.4rem, 3vw + 0.2rem, 2.4rem) !important;
  font-weight: 400 !important;
}*/

.bloc1 h1 {
  font-size: clamp(1.4rem, 3vw + 0.5rem, 2.8rem) !important;

}

.bloc1 h2 {
  font-size: clamp(2.0rem, 4vw + 0.25rem, 3.4rem) !important;

}

.bloc1 h3 {
  font-size: clamp(1.6rem, 3.5vw + 0.25rem, 2.8rem) !important;

}
.pennello strong,
h3 strong {
  font-size: clamp(2.6rem, 5.2vw + 0.32rem, 4.42rem);

}

/*
.gp-menu li a,
.menu-item a {
  font-size: clamp(0.9rem, 1.2vw, 1.25rem) !important;
  letter-spacing: 0.05em !important;
}
/*
.tagline,
.small-text,
.subhead {
  font-size: clamp(0.9rem, 1.6vw, 1.2rem);
}
*/