/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Child theme Elachem — build da layout XD 260721_Elachem_Concepts_Website
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.27
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Font self-hosted da /fontkit/ */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url('/fontkit/fonts/roboto-v51-latin_latin-ext-300.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fontkit/fonts/roboto-v51-latin_latin-ext-regular.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fontkit/fonts/roboto-v51-latin_latin-ext-500.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fontkit/fonts/roboto-v51-latin_latin-ext-700.woff2') format('woff2'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url('/fontkit/fonts/roboto-condensed-v31-latin_latin-ext-300.woff2') format('woff2'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fontkit/fonts/roboto-condensed-v31-latin_latin-ext-regular.woff2') format('woff2'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fontkit/fonts/roboto-condensed-v31-latin_latin-ext-700.woff2') format('woff2'); }


/* =========================================================================
   Token (dal layout XD, base 1920px)
   ========================================================================= */
:root {
	--el-nero: #000000;
	--el-nero-texture: #070707;
	--el-bianco: #FFFFFF;
	--el-crema: #F7F7F7;
	--el-grigio-linee: #707070;
	--el-grigio-testo: #A0A0A0;
	--el-grigio-bordi: #E4E4E4;
	--el-blu: #1787DE;

	--el-font: 'Roboto', Helvetica, Arial, sans-serif;
	--el-font-cond: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;

	/* scala fluida: valore px del layout 1920 -> vw, con minimo leggibile */
	--el-fs-hero: clamp(48px, 7.8125vw, 150px);   /* 150 */
	--el-fs-h2: clamp(36px, 4.4792vw, 86px);      /* 86 */
	--el-fs-h3: clamp(28px, 2.9167vw, 56px);      /* 56 */
	--el-fs-lead: clamp(22px, 1.875vw, 36px);     /* 36 */
	--el-fs-body: clamp(16px, 1.0417vw, 20px);    /* 20 */
	--el-fs-meta: clamp(14px, 0.9375vw, 18px);    /* 18 */
	--el-fs-label: 16px;

	--el-gutter: clamp(20px, 4.1667vw, 80px);     /* 80 */
	--el-section: clamp(60px, 7.2917vw, 140px);   /* 140 */
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: var(--el-font);
	color: var(--el-nero);
	background: var(--el-bianco);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* =========================================================================
   Sfondi sezione
   ========================================================================= */
.el-dark {
	background-color: var(--el-nero);
	color: var(--el-bianco);
}
.el-dark-texture {
	background-color: var(--el-nero-texture);
	color: var(--el-bianco);
}
.el-cream {
	background-color: var(--el-crema);
	color: var(--el-nero);
}
.el-dark .el-secondary,
.el-dark-texture .el-secondary {
	color: var(--el-grigio-testo);
}
.el-dark a:not(.elementor-button),
.el-dark-texture a:not(.elementor-button) {
	color: inherit;
}


/* =========================================================================
   Hero "spread": H1 maiuscolo giustificato su più righe
   uso: widget Heading con classe el-hero-spread, righe separate da <br>
   ========================================================================= */
.el-hero-spread,
.el-hero-spread .elementor-heading-title {
	font-family: var(--el-font);
	font-weight: 400;
	font-size: var(--el-fs-hero);
	line-height: 1;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	text-align: justify;
	text-align-last: justify;
	-moz-text-align-last: justify;
	width: 100%;
	margin: 0;
}
.el-hero-spread .elementor-heading-title br {
	display: block;
}
@media (max-width: 767px) {
	.el-hero-spread,
	.el-hero-spread .elementor-heading-title {
		text-align: left;
		text-align-last: left;
	}
}

/* =========================================================================
   Tipografia di supporto
   ========================================================================= */
.el-lead,
.el-lead .elementor-heading-title,
.el-lead .elementor-widget-container {
	font-family: var(--el-font);
	font-weight: 300;
	font-size: var(--el-fs-lead);
	line-height: 1.3;
}
.el-lead-regular,
.el-lead-regular .elementor-heading-title {
	font-weight: 400;
}
.el-lead-medium,
.el-lead-medium .elementor-heading-title {
	font-weight: 500;
}
.el-label,
.el-label .elementor-heading-title {
	font-family: var(--el-font-cond);
	font-weight: 400;
	font-size: var(--el-fs-label);
	line-height: 1.3;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.el-label-blu,
.el-label-blu .elementor-heading-title {
	color: var(--el-blu);
}
.el-meta,
.el-meta .elementor-heading-title {
	font-family: var(--el-font-cond);
	font-weight: 300;
	font-size: var(--el-fs-meta);
	line-height: 1.3;
}
.el-blu { color: var(--el-blu); }
.el-grigio { color: var(--el-grigio-testo); }

/* =========================================================================
   Divisori (lista certificazioni, elenchi)
   ========================================================================= */
.el-divider-top { border-top: 1px solid var(--el-grigio-linee); }
.el-divider-bottom { border-bottom: 1px solid var(--el-grigio-linee); }
.el-cream .el-divider-top,
.el-cream .el-divider-bottom,
.el-light-borders .el-divider-top,
.el-light-borders .el-divider-bottom {
	border-color: var(--el-grigio-bordi);
}

/* =========================================================================
   Immagini duotone blu (accordion editoriali Polyurethane, card)
   uso: classe el-duotone sul widget Image
   ========================================================================= */
.el-duotone img {
	filter: grayscale(1) contrast(1.05);
	display: block;
}
.el-duotone .elementor-widget-container,
.el-duotone figure {
	position: relative;
	background: var(--el-blu);
}
.el-duotone img {
	mix-blend-mode: multiply;
	opacity: 0.9;
}
.el-duotone-hover .elementor-widget-container,
.el-duotone-hover figure {
	background: var(--el-blu);
}
.el-duotone-hover img {
	transition: filter .4s ease, mix-blend-mode .4s ease;
}


/* =========================================================================
   Link "evidenziati" e sottolineature
   ========================================================================= */
.el-link,
.el-link a {
	color: var(--el-blu);
	text-decoration: none;
	font-family: var(--el-font-cond);
	font-weight: 400;
	position: relative;
}
.el-link a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
}


/* =========================================================================
   Form Let's Talk: campi con solo underline, label blu
   uso: classe el-form-underline sul widget Form
   ========================================================================= */
.el-form-underline .elementor-field-label {
	font-family: var(--el-font-cond);
	font-size: var(--el-fs-label);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--el-blu);
}
.el-form-underline .elementor-field-group .elementor-field,
.el-form-underline .elementor-field-group .elementor-select-wrapper select {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--el-grigio-linee);
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	font-family: var(--el-font);
	font-size: var(--el-fs-body);
	color: inherit;
	box-shadow: none;
}
.el-form-underline .elementor-field-group .elementor-field:focus {
	border-bottom-color: var(--el-blu);
	outline: none;
}
.el-form-underline .elementor-field-group textarea.elementor-field {
	min-height: 120px;
	resize: vertical;
}
.el-form-underline .elementor-field-type-checkbox .elementor-field-option label,
.el-form-underline .elementor-field-type-acceptance .elementor-field-subgroup label {
	font-family: var(--el-font-cond);
	font-size: var(--el-fs-meta);
	color: var(--el-grigio-linee);
}
.el-form-underline .elementor-button {
	background: var(--el-nero);
	color: var(--el-bianco);
	border-radius: 0;
	font-family: var(--el-font-cond);
	font-weight: 700;
	font-size: var(--el-fs-label);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 18px 40px;
}

.el-dark .el-form-underline .elementor-button {
	background: var(--el-bianco);
	color: var(--el-nero);
}


/* =========================================================================
   Bottoni (Elementor Button con classe el-btn-outline)
   ========================================================================= */
.el-btn-outline .elementor-button {
	background: transparent;
	color: inherit;
	border: 1px solid currentColor;
	border-radius: 0;
	font-family: var(--el-font-cond);
	font-weight: 700;
	font-size: var(--el-fs-label);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 16px 36px;
	transition: background .3s ease, color .3s ease, border-color .3s ease;
}


/* =========================================================================
   Tabelle prodotto (template divisione tipo A)
   markup generato nei widget HTML con classe el-table
   ========================================================================= */
.el-table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--el-font-cond);
	font-size: var(--el-fs-meta);
	line-height: 1.3;
}
.el-table th,
.el-table td {
	text-align: left;
	vertical-align: top;
	padding: 14px 16px 14px 0;
	border-bottom: 1px solid var(--el-grigio-bordi);
}
.el-table th {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--el-grigio-linee);
	border-bottom-color: var(--el-grigio-linee);
}
.el-table td:first-child {
	font-family: var(--el-font);
	font-weight: 500;
}
.el-dark .el-table th,
.el-dark .el-table td {
	border-color: var(--el-grigio-linee);
}
.el-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* =========================================================================
   Accordion (Elementor Pro Accordion / Nested) — stile Elachem
   uso: classe el-accordion sul widget
   ========================================================================= */
.el-accordion .elementor-accordion-item,
.el-accordion .e-n-accordion-item {
	border: 0;
	border-bottom: 1px solid var(--el-grigio-linee);
}
.el-accordion .elementor-tab-title,
.el-accordion .e-n-accordion-item-title {
	padding: 28px 0;
	font-family: var(--el-font);
	font-weight: 400;
	font-size: var(--el-fs-h3);
	line-height: 1.15;
	background: transparent;
	border: 0;
}
.el-accordion .elementor-tab-content,
.el-accordion .e-n-accordion-item > .e-con {
	padding: 0 0 40px 0;
	border: 0;
}
.el-accordion .elementor-tab-title .elementor-accordion-icon,
.el-accordion .e-n-accordion-item-title-icon {
	color: var(--el-blu);
}

/* =========================================================================
   Card news (Loop Grid)
   ========================================================================= */
.el-card-news .elementor-widget-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}
.el-card-news .el-meta {
	color: var(--el-grigio-linee);
}

/* =========================================================================
   Utility
   ========================================================================= */
.el-uppercase { text-transform: uppercase; }
.el-nowrap { white-space: nowrap; }
.el-hide-mobile { display: block; }
@media (max-width: 767px) {
	.el-hide-mobile { display: none !important; }
}

/* ----------------------------------------------------------------------
 * Interazioni e stati hover - concept 2026
 * ---------------------------------------------------------------------- */
.el-sec a, .el-header a, .el-footer a { transition: opacity .3s ease-out, background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; }

details.el-acc summary { transition: opacity .3s ease-out; }



/* Layout a due colonne che collassa su mobile */
.el-split { display: grid; grid-template-columns: minmax(0, var(--el-split, 36%)) 1fr; gap: clamp(18px, 3vw, 56px); align-items: start; }
@media (max-width: 900px) { .el-split { grid-template-columns: minmax(0, 1fr); gap: 18px; } }
.el-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(8px, 0.8vw, 14px); }
@media (max-width: 640px) { .el-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Fix round 1 (29/08): ancore morbide, hero in svh, tabelle scorrevoli su touch */
html { scroll-behavior: smooth; }
@supports (height: 100svh) {
  .el-sec.el-hero, .el-sec.el-archive-hero, .el-sec.el-div-hero, .el-sec.el-prod-hero, .el-sec.el-ab-hero, .el-sec.el-cert-hero { min-height: 0; }
  .el-sec.el-hero, .el-sec.el-ab-hero { min-height: 100svh; }
  .el-sec.el-archive-hero { min-height: 100svh; } /* round 8: era 78svh */
  .el-sec.el-div-hero, .el-sec.el-prod-hero, .el-sec.el-cert-hero { min-height: 80svh; }
}
.el-sec [style*="overflow-x:auto"] { -webkit-overflow-scrolling: touch; }


/* ----------------------------------------------------------------------
 * Pixel pass 4 (30/08): geometrie barre accordion e responsive senza overflow
 * ---------------------------------------------------------------------- */

/* Barre accordion: 1606x134 su base 1920, passo 167 (33px di gap) */
.el-sec.el-div-acc { padding-left: 0 !important; padding-right: 0 !important; }
.el-sec.el-div-acc > .e-con-inner { max-width: none; width: 100%; }
.el-div-acc .el-acc-wrap { width: min(83.6vw, calc(100% - 32px)); margin-left: auto; margin-right: auto; }
details.el-acc { margin-bottom: clamp(12px, 1.72vw, 33px) !important; }
details.el-acc summary { min-height: clamp(56px, 6.98vw, 134px); padding-top: 0 !important; padding-bottom: 0 !important; font-size: clamp(16px, 1.875vw, 36px) !important; }

/* Barra PRIVATE LABEL della landing prodotti: 1640x134 */
.el-pl-bar { width: 100%; margin-left: 0; transform: none; /* round 7: allineata ai bordi delle card */ min-height: clamp(56px, 6.98vw, 134px); padding-top: 0 !important; padding-bottom: 0 !important; }

/* Niente overflow orizzontale sotto i 767px */
.el-sec [style*="overflow-x:auto"] { max-width: 100%; }
@media (max-width: 767px) {
	.el-sec [style*="nowrap"] { white-space: normal !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
	.el-sec h1, .el-sec h2, .el-sec h3, .el-sec p { overflow-wrap: break-word; }
}


/* ===== v1.0.7 — bottoni: stato base + hover invertito (tavola XD) ===== */
.el-btn.el-btn,
.el-sec .elementor-widget-form button.elementor-button{ /* classe doppia: batte .elementor-kit-10 a; il bottone del form contatti eredita lo stesso stile */
  border-radius:0;
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  height:56px;padding:0 30px;box-sizing:border-box;
  font-family:"Roboto Condensed",sans-serif;font-size:18px;font-weight:400;
  text-transform:uppercase;letter-spacing:.02em;line-height:1;text-decoration:none;
  border:2px solid #fff;background:#fff;color:#000;
  transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out;
}
 /* round 7: hover trasparente, cornice del colore del testo */
.el-btn .el-arrow{transition:color .3s ease-out}

/* bottone nero su fondo chiaro (manifesto): hover speculare */
.el-btn.el-btn--dark{border-color:#000;background:#000;color:#fff}


/* ===== v1.0.7 — nav a slot fissi: regole spostate nel blocco round 6 (v1.0.13) ===== */

/* --- Team grid (About) v1.0.8 --- */
.el-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.625vw}
.el-team__item{margin:0}
.el-team__item img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.el-team figcaption{font-style:normal;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-top:12px;line-height:1.3}
.el-team__name{font-family:'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(14px,0.94vw,18px);letter-spacing:.04em}
.el-team__role{font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(12px,0.73vw,14px);margin-top:4px}
.el-team--dark-text figcaption{color:#000}
.el-team--light-text figcaption{color:#fff}
@media(max-width:1100px){.el-team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.el-team{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- Certificazioni: hero compatto delle pagine interne + card (v1.0.8) --- */
.el-cert-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.el-cert-card{background:#000;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(260px,20vw,380px);padding:clamp(24px,2vw,40px);box-sizing:border-box}
.el-cert-card__name{font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(20px,1.875vw,36px);line-height:1.25;margin:0;color:#fff}
.el-cert-card__logo{display:block;max-height:80px;width:auto;margin-bottom:20px}
.el-cert-card .el-btn{align-self:flex-start;margin-top:30px}
@media(max-width:1000px){.el-cert-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.el-cert-cards{grid-template-columns:1fr}}


/* =====================================================================
   v1.0.11 — fix round 5 (08/09/2026), misure dalle tavole PNG 1920
   ===================================================================== */

/* 1a — header trasparente sovrapposto all'hero (nessuna fascia nera) */
header.elementor-location-header{position:absolute;top:0;left:0;right:0;z-index:100;}
header.elementor-location-header .el-header{background-color:transparent !important;}
/* round 16: header mai sticky, la versione nera sticky è stata rimossa */ /* nero solo oltre 80px di scroll (sticky_effects_offset del container header): --active è presente già a scroll 0 */

/* 2a — hero Home: il widget era position:static e finiva SOTTO il layer video/overlay (z-index 0/1) → H1 e paragrafo attenuati.
   Widget positioned sopra il video; occupa tutto l'hero così lo SCROLL DOWN assoluto (bottom:60px) resta riferito all'hero. */
.el-sec.el-hero > .elementor-widget{position:relative !important;z-index:2;flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:center;}
.el-sec.el-hero > .elementor-widget > .elementor-widget-container{width:100%;}
.el-sec.el-archive-hero > .elementor-widget,.el-sec.el-div-hero > .elementor-widget,.el-sec.el-prod-hero > .elementor-widget,.el-sec.el-ab-hero > .elementor-widget,.el-sec.el-cert-hero > .elementor-widget,.el-sec.el-cert-sub-hero > .elementor-widget{position:relative;z-index:2;}

/* 1b — nav: misure round 5 (14px, gap 53) sostituite dal blocco round 6 */

/* 1c — bottoni 44px (tavola FOLLOW THE FEELING 43x236) */
.el-btn.el-btn,
.el-sec .elementor-widget-form button.elementor-button{height:clamp(36px,2.29vw,44px);padding:0 clamp(16px,1.15vw,22px);font-size:clamp(11px,0.625vw,12px);letter-spacing:.06em;}

/* 2e — colore testo/freccia dei bottoni: batte .el-dark a:not(.elementor-button) (0,2,1) e il suo :hover blu (0,3,1) */
a.el-btn.el-btn.el-btn,a.el-btn.el-btn.el-btn *{color:#000;}

a.el-btn.el-btn.el-btn--dark,a.el-btn.el-btn.el-btn--dark *{color:#fff;}


/* 1d — microtipografia: label di sezione e "scroll down" (inline .3em) → 12px / .08em */
.el-sec [style*="letter-spacing:.3em"]{font-family:"Roboto Condensed",sans-serif !important;font-weight:400 !important;font-size:clamp(13px,0.94vw,18px) !important;letter-spacing:.02em !important;} /* round 7: label di sezione 18px regolari (OUR COMPANY, NEWS & EVENTS, 100% ELACHEM INNOVATION, SCROLL DOWN…) */
.el-sec [style*="letter-spacing:.3em"] a,.el-sec [style*="letter-spacing:.3em"] span{font-weight:400 !important;letter-spacing:.02em !important;}
.el-sec.el-light [style*="letter-spacing:.3em"],.el-sec.el-ab-intro [style*="letter-spacing:.3em"],.el-sec.el-manifesto p[style*="letter-spacing:.3em"]{font-size:clamp(11px,0.68vw,13px) !important;letter-spacing:.08em !important;} /* label del manifesto "We believe in the madness of innovation." piccola (tavola ~13px) su Home (el-light) e About (el-ab-intro) — round 8 */
.el-sec [style*="letter-spacing:.24em"],.el-sec [style*="letter-spacing:.2em"]{font-size:clamp(11px,0.625vw,12px) !important;letter-spacing:.02em !important;}

/* 1e — margini contenuti: vedi blocco round 6 (A) */

/* 2g / 3c — chiusura con anello: regole sostituite dal blocco round 8 (asset e geometria XD) */
.el-sec.el-ab-ring [style*="text-transform:uppercase"]{font-size:clamp(22px,2.3vw,44px) !important;}

/* 2f — card news (loop item): immagine 1000/610, data 26px tracking normale, freccia in fondo */
.el-news-card .el-split > span:first-child{aspect-ratio:1000/610 !important;}
.el-news-card .el-split > span:last-child{display:flex !important;flex-direction:column;align-self:stretch;}
.el-news-card .el-split > span:last-child > span:first-child{font-size:clamp(16px,1.35vw,26px) !important;letter-spacing:0 !important;text-transform:uppercase;}
.el-news-card .el-split > span:last-child > span:first-child > span{opacity:1 !important;font-weight:300;}
.el-news-card .el-split > span:last-child > span:first-child > b{font-weight:700;}
.el-news-card .el-split > span:last-child > span:nth-child(2){font-size:clamp(20px,2.29vw,44px) !important;line-height:1.15 !important;max-width:39.6vw !important;}
.el-news-card .el-split > span:last-child > span:last-child{margin-top:auto !important;padding-top:1.04vw;}

/* 3b — convivial code: ~3,1 card per viewport */
.el-ab-code .el-drag > div > div{flex-basis:clamp(280px,31.5vw,600px) !important;}
.el-ab-code .el-drag p{font-size:clamp(14px,1.05vw,20px) !important;}
.el-ab-code .el-drag p + p{font-size:clamp(13px,0.94vw,18px) !important;}

/* 3a — banner EVERYTHING'S ENGINEERED: blocco centrato e più grande */
.el-ab-attitude > .elementor-widget [style*="max-width:1600px"] > div:first-child{width:max-content;max-width:100%;margin:0 auto;font-size:clamp(32px,4.5vw,86px) !important;}

/* 4a — certificazioni: elenco su bianco (tavola), CTA nera piccola, divisori */
.el-cert-list-items{list-style:none;margin:0;padding:0;}
.el-cert-list-items li{padding:clamp(28px,2.6vw,50px) 0;border-bottom:1px solid #E4E4E4;}
.el-cert-list-items li:first-child{padding-top:0;}
.el-cert-list-items .el-cert-item__name{font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(20px,1.46vw,28px);line-height:1.3;margin:0;color:#000;}
.el-cert-list-items a.el-btn.el-btn.el-btn--xs{height:clamp(20px,1.25vw,24px);padding:0 clamp(10px,0.73vw,14px);font-size:clamp(9px,0.52vw,10px);letter-spacing:.06em;margin-top:clamp(14px,1.15vw,22px);background:#000;border-color:#000;color:#fff;}
.el-cert-list-items a.el-btn.el-btn.el-btn--xs *{color:#fff;}



/* 5 — Let's Talk: checkbox e consenso più grandi, aria prima del submit, textarea più bassa */
.el-sec .elementor-widget-form .elementor-field-type-acceptance input[type="checkbox"]{width:clamp(16px,1.15vw,22px);height:clamp(16px,1.15vw,22px);margin-right:0.73vw;vertical-align:middle;}
.el-sec .elementor-widget-form .elementor-field-type-acceptance label{font-size:clamp(14px,0.94vw,18px) !important;line-height:1.4;}
.el-sec .elementor-widget-form .elementor-field-type-acceptance{margin-top:1.56vw;}
.el-sec .elementor-widget-form .elementor-field-type-submit{margin-top:2.92vw;}
.el-sec .elementor-widget-form textarea.elementor-field{min-height:0;height:3.33vw;}

/* 8c — landing prodotti: card più larghe (1640, gap 28), PRIVATE LABEL barra nera piena senza immagine */
.el-prod-cards [style*="grid-template-columns"]{gap:1.46vw !important;}
.el-prod-cards .el-pl-bar{background-image:none !important;background-color:#000 !important;}

/* 8d — tabelle accordion Saturated Polyester: righe 95px, solo divisori orizzontali, 15px, colonna destra da x≈704 */
.el-acc .el-split{--el-split:30% !important;}
.el-acc .el-split > div > p{font-size:clamp(15px,1.04vw,20px) !important;line-height:1.5 !important;max-width:46.9vw !important;}
.el-acc .el-split > div > div[style*="margin-top"]{margin-top:2.08vw !important;}
.el-acc table th,.el-acc table td{height:clamp(56px,4.95vw,95px) !important;padding:0 0.625vw !important;font-size:clamp(12px,0.78vw,15px) !important;border-left:0 !important;border-right:0 !important;box-sizing:border-box;}
.el-acc table thead th{color:#fff !important;font-size:clamp(11px,0.68vw,13px) !important;}
.el-acc table tbody td:first-child{font-weight:700 !important;}

/* 8e — pannelli aperti Systems: colonna destra ~1060, immagine fino al margine, CONTACT US a sinistra, keyword più grandi a tutta larghezza */
.el-acc .el-split > div[style*="max-width:820px"]{max-width:55.2vw !important;}
.el-acc .el-split > div[style*="max-width:820px"] > div[style*="text-align:center"]{text-align:left !important;}

/* --- round 5, sostituti CSS delle impostazioni container (non toccate nei documenti Elementor) --- */
/* 2c — manifesto Home: caraffe a scala maggiore, label a 84px dall'inizio sezione */
.el-sec.el-light{background-size:130% auto !important;padding-top:4.375vw !important;}
/* 4b — hero Certifications: drappo più scuro */
.el-sec.el-cert-hero::before{opacity:.82 !important;}

/* 7 — dettaglio news: colonna da x=160 e più larga, titolo ~90px, corpo 20px, banner ~765px */
.el-single-hero [style*="height:clamp(280px,62vh,760px)"]{height:clamp(280px,39.9vw,765px) !important;}
.el-single-body [style*="max-width:1340px"]{max-width:none !important;width:calc(100% - 16.66vw);margin-left:auto;margin-right:auto;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box;}
.el-single-body h1{font-size:clamp(32px,4.69vw,90px) !important;line-height:1.1 !important;max-width:81.25vw !important;}
.elementor-location-single .elementor-widget-theme-post-content{max-width:none;width:calc(100% - 16.66vw);margin:0 auto;padding:0;box-sizing:border-box;}
.elementor-location-single .elementor-widget-theme-post-content p{font-size:clamp(15px,1.04vw,20px);line-height:1.6;}
.elementor-location-single .elementor-widget-theme-post-content p:first-child{margin-top:0;}

/* 6 — dettaglio evento: due colonne (attivato dallo script nel widget meta: body.el-is-event) */
.el-is-event .el-sec.el-single-hero{display:none;}
.el-is-event .el-event-grid{display:grid;grid-template-columns:minmax(0,1fr) 34.4vw;gap:clamp(32px,4vw,80px);align-items:stretch;}
.el-is-event .el-event-grid > div:first-child{display:flex;flex-direction:column;min-height:29.2vw;}
.el-is-event .el-event-grid h1{font-size:clamp(18px,1.46vw,28px) !important;line-height:1.35 !important;text-transform:none !important;letter-spacing:0 !important;margin-top:auto !important;margin-bottom:auto !important;max-width:none !important;}
.el-is-event .el-event-grid .el-event-cta{margin-top:auto;}
.el-is-event .el-event-grid img{display:block;width:100%;height:auto;}
.el-is-event .elementor-location-single .elementor-widget-theme-post-content{display:none;}
@media (max-width:1100px){.el-is-event .el-event-grid{grid-template-columns:1fr;}}

/* 2b — SCROLL DOWN a ~1024px: l'hero Home aveva padding-bottom 90 */
.el-sec.el-hero{padding-bottom:0 !important;}
.el-sec.el-hero [style*="bottom:60px"]{bottom:2.3vw !important;}
/* 4a — sezione elenco certificazioni: sfondo bianco (era nero per le card) */
.el-sec.el-cert-list{background-color:#fff !important;color:#000;}
.el-sec.el-cert-list > .e-con-inner{background-color:transparent !important;}


/* =====================================================================
   v1.0.13 — round 6 (08/09/2026): proporzioni della tavola 1920 a qualsiasi larghezza
   regola: misura tavola in px ÷ 19,2 = vw; clamp con minimo per mobile; niente max-width fissi
   ===================================================================== */

/* A — margini laterali 8,33vw (160 a 1920, 128 a 1536): wrapper inline, contenitori boxed, corpo news */
.el-sec [style*="max-width:1600px"],
.el-footer [style*="max-width:1600px"],
.el-sec > .e-con-inner,
.el-sec .e-con-boxed > .e-con-inner,
header.elementor-location-header .el-header > .e-con-inner{
  max-width:none !important;width:calc(100% - 16.66vw) !important;
  margin-left:auto !important;margin-right:auto !important;
  padding-left:0 !important;padding-right:0 !important;box-sizing:border-box;
}
.el-sec.e-con-boxed,.el-sec .e-con-boxed,header.elementor-location-header .el-header{--padding-left:0 !important;--padding-right:0 !important;}
/* altre larghezze fisse inline dei widget (1920 → vw) */
.el-sec [style*="max-width:1500px"]{max-width:78.1vw !important;}
.el-sec [style*="max-width:1400px"]{max-width:72.9vw !important;}
.el-sec [style*="max-width:1250px"]{max-width:65.1vw !important;}
.el-sec [style*="max-width:1050px"]{max-width:54.7vw !important;}
.el-sec [style*="max-width:1000px"]{max-width:52vw !important;}
.el-sec [style*="max-width:920px"]{max-width:47.9vw !important;}
.el-sec [style*="max-width:820px"]{max-width:42.7vw !important;}
@media (max-width:1024px){
  .el-sec [style*="max-width:1500px"],.el-sec [style*="max-width:1400px"],.el-sec [style*="max-width:1250px"],.el-sec [style*="max-width:1050px"],.el-sec [style*="max-width:1000px"],.el-sec [style*="max-width:920px"],.el-sec [style*="max-width:820px"]{max-width:100% !important;}
  .el-sec [style*="max-width:1600px"],.el-footer [style*="max-width:1600px"],.el-sec > .e-con-inner,.el-sec .e-con-boxed > .e-con-inner,header.elementor-location-header .el-header > .e-con-inner{width:calc(100% - 40px) !important;}
}
/* H1 spread degli hero: box 77,6vw (tavola x 162→1651), non tutta la larghezza del contenuto */
.el-sec.el-hero h1,.el-sec.el-archive-hero h1,.el-sec.el-div-hero h1,.el-sec.el-prod-hero h1,.el-sec.el-ab-hero h1,.el-sec.el-cert-hero h1{width:77.6vw;max-width:100%;}
.el-sec.el-hero h1 > span[style*="display:block"]{white-space:nowrap;} /* "ABOUT THE FORMULA." a 7,8vw è più largo del box 77,6vw di ~1%: non va a capo, sborda nel margine */
@media (max-width:767px){.el-sec.el-hero h1 > span[style*="display:block"]{white-space:normal;}}

/* B — header: padding-top 2,7vw (52), riga centrata, logo alto 3,28vw (63) sul margine, nav sul margine destro */
header.elementor-location-header .el-header{--padding-top:2.7vw !important;--padding-bottom:1.56vw !important;--column-gap:0px;--gap:0px 0px;}
header.elementor-location-header .el-header > .e-con-inner{align-items:center !important;}
header.elementor-location-header .el-logo{width:auto !important;flex:0 0 auto;}
header.elementor-location-header .el-logo img{height:clamp(36px,3.28vw,63px) !important;width:auto !important;}
header.elementor-location-header .el-logo .elementor-widget-container,header.elementor-location-header .el-logo a{display:flex !important;align-items:center;line-height:0;}
header.elementor-location-header .elementor-widget-nav-menu{margin-left:auto !important;width:auto !important;}
@media (max-width:1024px){header.elementor-location-header .el-header{--padding-top:22px !important;--padding-bottom:22px !important;}}

/* C — nav: slot fissi larghi quanto la parola giocosa; il nome reale (bold) si sovrappone centrato via ::after e sborda nei gap */
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu{gap:clamp(24px,3.65vw,70px) !important;}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu::after{display:none !important;content:none !important;} /* Elementor aggiunge un ::after "\00a0" che conta come elemento flex e aggiunge un gap a destra */
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
  position:relative;display:inline-block !important;text-align:center;white-space:nowrap;
  font-family:"Roboto Condensed",sans-serif !important;font-weight:400 !important;
  font-size:clamp(12px,0.885vw,17px) !important;letter-spacing:.02em !important;line-height:1 !important;
  padding:0 !important;margin:0 !important;color:#fff !important;transition:none;
}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item::after{
  content:attr(data-real);position:absolute;left:50%;top:0;transform:translateX(-50%);
  font-weight:700;white-space:nowrap;color:#fff;opacity:0;pointer-events:none;
  height:auto;overflow:visible;visibility:visible;
}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:focus,
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.is-real{color:transparent !important;}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:focus::after,
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.is-real::after{opacity:1;}
/* menu a tendina (tablet/mobile): nome reale in coda alla voce, nessuna sovrapposizione */
.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item.is-real{font-weight:700;}

/* D — hero Home: paragrafo 19,1vw su 3 righe in basso a destra (base a 6,1vw dal fondo), SCROLL DOWN regolare 0,94vw con base a 2,3vw */
.el-sec.el-hero h1 + div{position:absolute;right:8.33vw;bottom:6.1vw;margin:0 !important;display:block !important;}
.el-sec.el-hero > .elementor-widget > [style*="max-width:1600px"]{padding-bottom:7.8vw !important;} /* compensa il paragrafo uscito dal flusso (60+90px a 1920): H1 resta alla stessa altezza */
.el-sec.el-hero h1 + div > p{width:19.1vw;min-width:230px;max-width:none !important;font-size:clamp(13px,1.15vw,22px) !important;line-height:1.2 !important;text-align:left;}
.el-sec.el-hero [style*="letter-spacing:.3em"]{font-weight:400 !important;font-size:clamp(13px,0.94vw,18px) !important;letter-spacing:.02em !important;}
@media (max-width:1024px){
  .el-sec.el-hero > .elementor-widget > [style*="max-width:1600px"]{padding-bottom:0 !important;}
  .el-sec.el-hero h1 + div{position:static;margin-top:30px !important;display:flex !important;justify-content:flex-end;}
  .el-sec.el-hero h1 + div > p{width:auto;min-width:0;max-width:60% !important;}
}


/* =====================================================================
   v1.0.14 — round 7 (08/09/2026): hover bottoni, label, About, Products, News, Let's Talk
   ===================================================================== */

/* 1 — hover bottoni: fondo trasparente, cornice 2px del colore del testo, testo/freccia bianchi su scuro e neri su chiaro */





/* 3 — nav: peso 400 anche su eventuali span interni, tracking .02em; bold solo il nome reale */
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item,
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item > span,
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.elementor-item-active,
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.highlighted{font-weight:400 !important;letter-spacing:.02em !important;font-synthesis:none;}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item::after{font-weight:700 !important;letter-spacing:.02em !important;}

/* 5 — About: hero spread (FOOD LOVERS. rientrato ~48%), SCROLL DOWN in basso, corpo OUR COMPANY 23px/1.35, fascia nomi sotto la griglia */
.el-sec.el-ab-hero > .elementor-widget{flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:center;}
.el-sec.el-ab-hero h1 > span[style*="text-align:right"]{text-align:left !important;padding-left:48%;white-space:nowrap;}
.el-sec.el-ab-hero h1 + div[style*="text-align:center"]{position:absolute;left:0;right:0;bottom:2.3vw;margin:0 !important;}
.el-sec.el-ab-hero{padding-bottom:0 !important;}
.el-team figcaption{display:none !important;} /* nome/ruolo sotto le gif rimossi: sono nella fascia unica */
.el-team-strip{font-family:"Roboto Condensed",sans-serif;font-weight:400;font-size:clamp(14px,0.99vw,19px);line-height:1.5;color:#000;margin-top:clamp(20px,1.56vw,30px);}
.el-team-strip b{font-weight:700;}
.el-team-strip i{font-style:italic;font-weight:400;}
.el-ab-company [style*="grid-template-columns"] p{font-size:clamp(16px,1.2vw,23px) !important;line-height:1.35 !important;}
.el-ab-company a.el-btn.el-btn.el-btn{letter-spacing:.02em;}

/* 6 — Products landing: bottoni card 43px senza tracking, barra PRIVATE LABEL = larghezza griglia (regola .el-pl-bar sopra) */
.el-prod-cards a > span:last-child{height:clamp(36px,2.24vw,43px) !important;padding:0 clamp(16px,1.15vw,22px) !important;box-sizing:border-box;line-height:1 !important;font-size:clamp(11px,0.625vw,12px) !important;letter-spacing:.02em !important;border:2px solid #fff;transition:background-color .3s ease-out,color .3s ease-out;}


.el-prod-cards .el-pl-bar{min-height:clamp(56px,6.98vw,134px);}

/* 7 — News: SCROLL DOWN TO VIEW ALL NEWS & EVENTS regolare 18px in basso all'hero; chiusura OUR FORMULA a corpo hero */
.el-sec.el-archive-hero > .elementor-widget{flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:center;}
.el-sec.el-archive-hero h1 + div[style*="letter-spacing:.3em"]{position:absolute;left:0;right:0;bottom:2.3vw;margin:0 !important;}
.el-sec.el-archive-hero h1 + div[style*="letter-spacing:.3em"] a{font-weight:400 !important;}
.el-sec.el-archive-hero h1 + div[style*="letter-spacing:.3em"] span{opacity:1 !important;}
.el-sec.el-archive-hero{padding-bottom:0 !important;}
.el-sec.el-formula--news [style*="max-width:1600px"] > div[style*="text-transform:uppercase"]{font-size:clamp(34px,5vw,96px) !important;line-height:1.06 !important;letter-spacing:-0.015em !important;} /* 7,8vw non entra: "OUR FORMULA: WHERE CHEMISTRY" a 150px misura ~2400px su 1600 disponibili; 5vw è il massimo che tiene le due righe */
.el-sec.el-formula--news [style*="max-width:1600px"] > div[style*="text-transform:uppercase"] > span{flex-wrap:nowrap !important;white-space:nowrap;}

/* 8 — Let's Talk: placeholder Roboto 20px #9A9A9A maiuscolo senza tracking, riga #8a8a8a, passo campi ~82px, colonna form 783 sul margine destro, SUBMIT 43px */
/* round 8: le larghezze in vw (38,3+40,8) sommate al gap 60px superavano l'inner quando c'è la scrollbar (vw la include, % no) → il form andava a capo sotto il claim.
   Ora colonne in % dell'inner (claim 580/1600, form 783/1600), riga unica non wrappabile fino a 1100px, allineate in alto, contenitore da 17,7vw (340px) dal bordo pagina */
.el-sec.el-contact-top{--flex-wrap:nowrap !important;--padding-top:17.7vw !important;}
.el-sec.el-contact-top > .e-con-inner{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:flex-start !important;column-gap:0 !important;}
.el-sec.el-contact-top > .e-con-inner > .e-child:first-child{--width:36.25% !important;width:36.25% !important;max-width:36.25%;flex:0 0 36.25% !important;}
.el-sec.el-contact-top > .e-con-inner > .e-child:last-child{--width:48.94% !important;width:48.94% !important;max-width:48.94%;flex:0 0 48.94% !important;}
@media (max-width:1100px){
  .el-sec.el-contact-top{--padding-top:120px !important;}
  .el-sec.el-contact-top > .e-con-inner{flex-direction:column !important;row-gap:50px;}
  .el-sec.el-contact-top > .e-con-inner > .e-child:first-child,.el-sec.el-contact-top > .e-con-inner > .e-child:last-child{--width:100% !important;width:100% !important;max-width:100%;flex:0 0 auto !important;}
}
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group.elementor-field-group{margin-bottom:clamp(14px,1.51vw,29px) !important;padding-left:0 !important;padding-right:0 !important;}
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group input.elementor-field,
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group textarea.elementor-field{border-bottom:1px solid #8a8a8a !important;font-size:clamp(15px,1.04vw,20px) !important;}
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group input.elementor-field::placeholder,
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group textarea.elementor-field::placeholder{font-family:Roboto,Arial,sans-serif !important;font-weight:400 !important;font-size:clamp(15px,1.04vw,20px) !important;letter-spacing:0 !important;text-transform:uppercase !important;color:#9A9A9A !important;}
.el-sec.el-contact-top .elementor-widget-form .elementor-field-type-submit button.elementor-button[type="submit"]{box-sizing:border-box !important;min-height:0 !important;height:clamp(36px,2.24vw,43px) !important;padding:0 clamp(16px,1.15vw,22px) !important;font-size:clamp(11px,0.625vw,12px) !important;letter-spacing:.02em !important;border:2px solid #fff !important;line-height:1 !important;}

@media (max-width:1024px){
  .el-sec.el-ab-hero h1 + div[style*="text-align:center"],.el-sec.el-archive-hero h1 + div[style*="letter-spacing:.3em"]{position:static;margin-top:30px !important;}
  .el-sec.el-ab-hero h1 > span[style*="text-align:right"]{padding-left:0;white-space:normal;}
}


/* =====================================================================
   v1.0.15 — round 8 (09/09/2026): anello (asset e geometria XD), hero About e News, lista News
   v1.0.16 — round 9 (09/09/2026): anello come finestra di scorrimento (.el-ring-win), filetto singolo sotto NEWS & EVENTS in Home
   misure tavola 1920 in vw (px ÷ 19,2)
   ===================================================================== */

/* 1 — round 9: l'anello è una FINESTRA DI SCORRIMENTO (gruppo di scorrimento XD): box fisso 76,25vw × 42,9vw (1463,71×824 a x=89 → 4,65vw dal bordo pagina,
   cioè 4,65vw − 8,33vw rispetto al wrapper 1600) con overflow:hidden; dentro, il PNG quadrato 1464×1464 a larghezza piena (nessuna deformazione) trasla in verticale
   con lo scroll della pagina (script nel widget HTML: translate3d da 0 a −(altezza img − altezza finestra)). Le vecchie regole transform:none/animation:none sono rimosse.
   Distanze tavola: bottone/titolo → finestra 4,7vw (90px); finestra → testo footer 3,65vw (70px = padding sezione + 34px di padding del footer) */
.el-sec.el-formula,.el-sec.el-ab-ring{overflow:visible;padding-bottom:max(0px,calc(3.65vw - 34px)) !important;}
.el-ring-win{position:relative;width:76.25vw;height:42.9vw;margin:4.7vw 0 0 calc(4.65vw - 8.33vw);overflow:hidden;}
.el-ring-win img{display:block;width:100%;max-width:none;height:auto;margin:0;will-change:transform;}
@media (max-width:1024px){
  .el-sec.el-formula,.el-sec.el-ab-ring{padding-bottom:0 !important;}
  .el-ring-win{width:100%;height:auto;aspect-ratio:1464/824;margin:40px 0 0 0;}
}

/* 2 — round 9, Home: un solo filetto sotto NEWS & EVENTS (resta il divisore dell'intestazione #A0A0A0; la prima card del loop perde il proprio bordo superiore) */
.elementor-16 .el-sec.el-news .elementor-loop-container > .e-loop-item:first-of-type a.el-split{border-top:0 !important;} /* first-of-type: il primo figlio del loop container è un tag <style> */

/* 2 — hero About: foto a copertura dall'alto (y=0) in bianco e nero e più scura, gradiente nero .85→trasparente al 35%, overlay .35, blocco titolo centrato (tavola 36%→73%: centro al 54,5% dell'hero → padding-top 9svh) */
.el-sec.el-ab-hero{--padding-top:9svh !important;background-image:none !important;}
.el-sec.el-ab-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:#000 url("https://elachem.vitaminedevs.it/wp-content/uploads/2026/08/hero-chi-siamo.png") 50% 0/cover no-repeat;
  filter:grayscale(1) brightness(.8);}
.el-sec.el-ab-hero::before{z-index:1;opacity:1 !important;
  background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 35%),linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)) !important;}
.el-sec.el-ab-hero > .elementor-widget{z-index:2;}

/* 3 — hero News: 100svh (regola nel blocco @supports), SCROLL DOWN a 2,3vw dal fondo (già assoluto), sfondo molecole a cover impostato nel documento (background classic, video rimosso) */
.el-sec.el-archive-hero{--min-height:100vh !important;}

/* 5 — lista News: dentro un container boxed l'inner è già ai margini 8,33vw, il wrapper inline da 1600 non deve aggiungerne altri (titolo NEWS & EVENTS finiva a x≈330 invece di 160) */
.el-sec > .e-con-inner [style*="max-width:1600px"]{width:100% !important;}
.el-sec.el-archive-claim [style*="letter-spacing:.3em"]{font-size:clamp(13px,0.99vw,19px) !important;} /* label 19px */
.el-sec.el-archive-claim p + p{font-size:clamp(22px,2.86vw,55px) !important;} /* claim 55px */
.el-sec.el-archive-list h2{font-size:clamp(28px,3.75vw,72px) !important;line-height:1.1 !important;} /* titolo di sezione 72px regolare */
.el-sec.el-archive-list .el-news-card .el-split > span:last-child > span:nth-child(2),
.el-sec.el-archive-featured .el-news-card .el-split > span:last-child > span:nth-child(2){font-size:clamp(20px,3.125vw,60px) !important;line-height:1.1 !important;max-width:none !important;} /* titoli card 60px maiuscolo su 2–3 righe */
.el-sec.el-archive-list .el-news-card a.el-split{border-top-color:#A0A0A0 !important;} /* divisori #A0A0A0 a tutta larghezza del contenuto */
.el-sec.el-archive-featured .el-news-card a.el-split{border-top:0 !important;}


/* =====================================================================
   v1.0.17 — round 10 (09/09/2026): hero 100svh ovunque, blocco CONTACTS, template News/Evento interna,
   regole globali sui template, responsive 1366/1024/768/390 (misure tavola 1920 in vw, px ÷ 19,2)
   ===================================================================== */

/* 1 — hero a tutto schermo su TUTTE le pagine (esclusa la News interna, che ha il banner 39,8vw del punto 3):
   blocco testo centrato verticalmente (widget flex:1, padding verticali azzerati; Home e About tengono le proprie posizioni dei round 6/8) */
.el-sec[class*="-hero"]:not(.el-single-hero){--min-height:100vh !important;min-height:100vh !important;}
@supports (height:100svh){
  .el-sec[class*="-hero"]:not(.el-single-hero){--min-height:100svh !important;min-height:100svh !important;}
}
.el-sec[class*="-hero"]:not(.el-single-hero) > .elementor-widget{position:relative !important;z-index:2;flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:center;}
.el-sec.el-div-hero,.el-sec.el-prod-hero,.el-sec.el-cert-hero,.el-sec.el-cert-sub-hero,.el-sec.el-archive-hero{--padding-top:0px !important;--padding-bottom:0px !important;padding-top:0 !important;padding-bottom:0 !important;}
/* overlay nero degli hero: il layer di Elementor (::before) esiste solo se l'overlay è impostato nel documento — su Certifications e TPU non lo era.
   Qui il layer viene creato via CSS con la stessa meccanica (content + opacità), nero 0,78 sul drappo di Certifications, 0,72 su TPU */
.el-sec.el-cert-hero,.elementor-305 .el-sec.el-div-hero,.elementor-101 .el-sec.el-div-hero{--background-overlay:'';}
.el-sec.el-cert-hero::before,.elementor-305 .el-sec.el-div-hero::before,.elementor-101 .el-sec.el-div-hero::before{content:'' !important;display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:#000 !important;}
.el-sec.el-cert-hero::before{opacity:.78 !important;}
.elementor-305 .el-sec.el-div-hero::before,.elementor-101 .el-sec.el-div-hero::before{opacity:.72 !important;}

/* 2 — Let's Talk, blocco CONTACTS: titolo 70px blu; etichette Roboto regolare 26px maiuscole blu senza tracking; valori Roboto 26px bianco interlinea 1,3;
   60px tra etichetta e valore, 90px tra i due blocchi (colonne a x=978 e x=1389 invariate) */
.el-sec.el-contact-info h2[style*="font-size"]{font-size:clamp(30px,3.65vw,70px) !important;line-height:1.1 !important;}
.el-sec.el-contact-info .el-split > div{row-gap:4.69vw !important;}
.el-sec.el-contact-info .el-split > div > div > p:first-child{font-family:Roboto,Arial,Helvetica,sans-serif !important;font-weight:400 !important;font-size:clamp(16px,1.354vw,26px) !important;line-height:1.3 !important;letter-spacing:0 !important;text-transform:uppercase;color:#0068A9 !important;} /* round 16 (3j): azzurro del blocco CONTACTS a #0068A9 */
.el-sec.el-contact-info .el-split > div > div > p + p{font-size:clamp(16px,1.354vw,26px) !important;line-height:1.3 !important;color:#fff !important;margin-top:3.125vw !important;}

/* 3 — template News interna (315 EN / 58 IT) ed Evento (stesso template, body.el-is-event):
   header su FASCIA NERA 176px (eccezione dichiarata all'header trasparente, limitata a news/eventi interni): il wrapper del template prende un padding-top 9,17vw nero
   e l'immagine parte sotto. Causa dello sfondamento a x=0: il wrapper inline "max-width:1340px" ha width:100% e margin inline che battevano la regola del round 5
   (max-width:none senza !important su width); il corpo era rientrato perché la regola del round 5 sommava un secondo margine 8,33vw dentro il container boxed già ai margini */
body.single-news{background:#000;}
.elementor-location-single{background:#000;padding-top:max(9.17vw,90px);}
.el-sec.el-single-hero > .elementor-widget > div[style*="height:clamp(280px,62vh,760px)"]{height:39.84vw !important;background-size:cover !important;background-position:50% 50% !important;}
.el-sec.el-single-body{--padding-top:2.66vw !important;--padding-bottom:10.4vw !important;padding-top:2.66vw !important;padding-bottom:10.4vw !important;row-gap:4.69vw !important;--row-gap:4.69vw;}
.el-single-body [style*="max-width:1340px"]{max-width:none !important;width:calc(100% - 16.66vw) !important;margin:0 auto !important;padding:0 !important;box-sizing:border-box;}
.el-single-body [style*="max-width:1340px"] > p{font-family:Roboto,Arial,Helvetica,sans-serif !important;font-weight:400;font-size:clamp(16px,1.354vw,26px) !important;line-height:1.3 !important;letter-spacing:0 !important;text-transform:uppercase;color:#fff !important;}
.el-single-body [style*="max-width:1340px"] > p > span{opacity:1 !important;}
.el-single-body [style*="max-width:1340px"] > p > b{font-weight:700 !important;}
.el-sec.el-single-body h1{font-family:Roboto,Arial,Helvetica,sans-serif !important;font-weight:400 !important;text-transform:uppercase;font-size:clamp(36px,5vw,96px) !important;line-height:1.042 !important;letter-spacing:-0.01em !important;margin:6.77vw 0 0 !important;max-width:none !important;width:100%;}
.el-sec.el-single-body .e-con-boxed{margin-top:0 !important;margin-bottom:0 !important;}
.el-sec.el-single-body .e-con-boxed > .e-con-inner{row-gap:4.95vw !important;--row-gap:4.95vw;padding-top:0 !important;padding-bottom:0 !important;}
.elementor-location-single .elementor-widget-theme-post-content{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;}
.elementor-location-single .elementor-widget-theme-post-content p{font-size:clamp(16px,1.458vw,28px) !important;line-height:1.643 !important;color:#E6E6E6 !important;margin:0 0 2.396vw !important;}
.elementor-location-single .elementor-widget-theme-post-content p:last-child{margin-bottom:0 !important;}
.el-single-body .elementor-widget-html [style*="margin-top:clamp(34px,3.4vw,64px)"]{margin-top:0 !important;text-align:left;}
.el-single-body a.el-btn.el-btn.el-btn{min-width:12.34vw;justify-content:center;}
/* Evento: fascia nera uguale (stesso wrapper), due colonne del round 5 nel wrapper ai margini 8,33vw */
.el-is-event .el-sec.el-single-body{--padding-top:2.66vw !important;padding-top:2.66vw !important;}
.el-is-event .el-event-grid h1{margin-top:auto !important;}
.el-is-event .el-event-grid .el-event-cta{margin-top:auto !important;}

/* 4 — nav: il clone nascosto dello sticky (.elementor-sticky__spacer) mostrava il nome reale bold dell'attiva una seconda volta (il ::after aveva visibility:visible e batteva l'hidden del clone) */
/* round 16: niente sticky, niente clone .elementor-sticky__spacer */

/* 4 — regole globali: bottoni el-btn alti 2,24vw (43px, tavola) ovunque; il form contatti e le card Products erano già a 2,24vw */
.el-btn.el-btn,
.el-sec .elementor-widget-form button.elementor-button{height:clamp(34px,2.24vw,43px);}

/* 5 — responsive: minimi leggibili dei clamp (hero H1 44, H2 30, corpo 16, label 12, nav 13, bottoni 12) — riscrittura dei clamp inline sotto il minimo */
.el-sec p[style*="font-size:clamp(12px,0.83vw,16px)"]{font-size:16px !important;}
.el-sec p[style*="font-size:clamp(13px,0.94vw,18px)"],.el-sec p[style*="font-size:clamp(13px,0.95vw,18px)"]{font-size:clamp(16px,0.95vw,18px) !important;}
.el-sec p[style*="font-size:clamp(13px,1vw,19px)"]{font-size:clamp(16px,1vw,19px) !important;}
.el-sec p[style*="font-size:clamp(14px,1.05vw,20px)"],.el-sec p[style*="font-size:clamp(15px,1.04vw,20px)"]{font-size:clamp(16px,1.05vw,20px) !important;}
.el-sec p[style*="font-size:clamp(15px,1.15vw,22px)"]{font-size:clamp(16px,1.15vw,22px) !important;}
.el-sec div[style*="font-size:clamp(14px,1.15vw,22px)"],.el-footer div[style*="font-size:clamp(14px,1.15vw,22px)"]{font-size:clamp(16px,1.15vw,22px) !important;}
.el-sec h2[style*="font-size:clamp(24px,3.7vw,71px)"]{font-size:clamp(30px,3.7vw,71px) !important;}
.el-sec h2[style*="font-size:clamp(24px,3vw,58px)"]{font-size:clamp(30px,3vw,58px) !important;}
.el-sec h2[style*="font-size:clamp(26px,2.9vw,56px)"],.el-sec h1[style*="font-size:clamp(24px,2.9vw,56px)"]{font-size:clamp(30px,2.9vw,56px) !important;}
.el-sec h1[style*="font-size:clamp(34px,4.5vw,86px)"]{font-size:clamp(44px,4.5vw,86px) !important;}
.el-sec h1[style*="font-size:clamp(42px,7.2vw,138px)"]{font-size:clamp(44px,7.2vw,138px) !important;}
.el-sec.el-hero h1 + div > p{font-size:clamp(16px,1.15vw,22px) !important;}
.el-sec [style*="letter-spacing:.24em"],.el-sec [style*="letter-spacing:.2em"]{font-size:clamp(12px,0.625vw,12px) !important;}
.el-sec.el-light [style*="letter-spacing:.3em"],.el-sec.el-ab-intro [style*="letter-spacing:.3em"],.el-sec.el-manifesto p[style*="letter-spacing:.3em"]{font-size:clamp(12px,0.68vw,13px) !important;}
.el-btn.el-btn,.el-sec .elementor-widget-form button.elementor-button,.el-prod-cards a > span:last-child,
.el-sec.el-contact-top .elementor-widget-form .elementor-field-type-submit button.elementor-button[type="submit"]{font-size:clamp(12px,0.625vw,12px) !important;}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{font-size:clamp(13px,0.885vw,17px) !important;}
.el-cert-list-items a.el-btn.el-btn.el-btn--xs{font-size:clamp(9px,0.52vw,10px) !important;} /* CTA piccola della lista certificazioni: 10px in tavola sopra i 1024px, 12px sotto */
.el-team-strip{font-size:clamp(16px,0.99vw,19px);}
.el-ab-code .el-drag p{font-size:clamp(16px,1.05vw,20px) !important;}
.el-ab-code .el-drag p + p{font-size:clamp(16px,0.94vw,18px) !important;}
.el-ab-company [style*="grid-template-columns"] p{font-size:clamp(16px,1.2vw,23px) !important;}
.el-acc .el-split > div > p{font-size:clamp(16px,1.04vw,20px) !important;}
.el-acc table th,.el-acc table td{font-size:clamp(14px,0.78vw,15px) !important;}
.el-acc table thead th{font-size:clamp(12px,0.68vw,13px) !important;}
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group input.elementor-field,
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group textarea.elementor-field,
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group input.elementor-field::placeholder,
.el-sec.el-contact-top .elementor-widget-form .elementor-field-group textarea.elementor-field::placeholder{font-size:clamp(16px,1.04vw,20px) !important;}
.el-sec .elementor-widget-form .elementor-field-type-acceptance label{font-size:clamp(14px,0.94vw,18px) !important;}
@media (max-width:1024px){
  .el-cert-list-items a.el-btn.el-btn.el-btn--xs{height:32px;padding:0 16px;font-size:12px !important;}
  .el-sec .elementor-widget-form .elementor-field-type-acceptance label{font-size:14px !important;}
}

/* 5 — righe "spread" (parola a sinistra + parola a destra, rientri, nowrap): sotto 900px righe normali allineate a sinistra */
@media (max-width:899px){
  .el-sec [style*="nowrap"],.el-sec.el-hero h1 > span[style*="display:block"],.el-sec.el-formula--news [style*="max-width:1600px"] > div[style*="text-transform:uppercase"] > span{white-space:normal !important;}
  .el-sec :is(h1,h2,h3,p,div[style*="text-transform:uppercase"]) > span[style*="justify-content:space-between"]{display:block !important;text-align:left !important;}
  .el-sec :is(h1,h2,h3,p,div[style*="text-transform:uppercase"]) > span[style*="justify-content:space-between"] > span{display:inline !important;}
  .el-sec :is(h1,h2,h3,p,div[style*="text-transform:uppercase"]) > span[style*="justify-content:space-between"] > span:not(:last-child)::after{content:" ";}
  .el-sec :is(h1,h2,h3,p,div[style*="text-transform:uppercase"]) > span[style*="text-align:center"]{text-align:left !important;}
  .el-sec.el-hero h1 + div{justify-content:flex-start !important;}
  .el-sec.el-hero h1 + div > p{max-width:100% !important;}
  .el-sec :is(h1,h2,h3,p,div[style*="text-transform:uppercase"]) > span[style*="padding-left"],.el-sec h2[style*="padding-left"]{padding-left:0 !important;}
  .el-sec :is(h1,h2,h3,p,div[style*="text-transform:uppercase"]) > span[style*="text-align:right"],.el-sec :is(h1,h2,h3,p) [style*="text-align:right"]{text-align:left !important;}
  .el-sec.el-ab-hero h1 > span[style*="text-align:right"]{padding-left:0 !important;white-space:normal !important;}
  .el-hero-spread,.el-hero-spread .elementor-heading-title{text-align:left;text-align-last:left;}
}

/* 5 — nav: sotto 1024px menu mobile di Elementor (hamburger) con le voci REALI, slot fissi disattivati; tendina nera a tutta larghezza */
@media (max-width:1024px){
  .el-nav-fixed .elementor-nav-menu--dropdown{background:#000;padding:10px 0 20px;}
  .el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item{display:block;padding:12px 20px !important;font-size:0 !important;line-height:0 !important;color:#fff !important;}
  .el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item::after{content:attr(data-real) !important;display:block !important;position:static !important;inset:auto !important;transform:none !important;opacity:1 !important;width:auto !important;height:auto !important;background:none !important;font-family:"Roboto Condensed",sans-serif;font-weight:400;font-size:18px;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:#fff;}
  .el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item.is-real::after,.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active::after{font-weight:700;}
  .el-nav-fixed .elementor-menu-toggle{color:#fff !important;}
  header.elementor-location-header .el-header.elementor-menu-toggle--open,header.elementor-location-header .el-header:has(.elementor-menu-toggle.elementor-active){background-color:#000 !important;}
  /* header: logo 48px, padding laterale 5vw (min 20px) */
  header.elementor-location-header .el-logo img{height:48px !important;}
  header.elementor-location-header .el-header{--padding-top:20px !important;--padding-bottom:20px !important;}
  header.elementor-location-header .el-header > .e-con-inner{width:calc(100% - max(10vw,40px)) !important;}
  .el-sec [style*="max-width:1600px"],.el-footer [style*="max-width:1600px"],.el-sec > .e-con-inner,.el-sec .e-con-boxed > .e-con-inner{width:calc(100% - max(10vw,40px)) !important;}
  .el-single-body [style*="max-width:1340px"]{width:calc(100% - max(10vw,40px)) !important;}
  .elementor-location-single{padding-top:88px;}
}

/* 5 — layout: griglie card 3 → 2 (1024) → 1 (768); team 5 → 3 → 2; due colonne impilate sotto 1024 con il testo prima; tabelle con scroll orizzontale e righe 56px; pannelli Systems a colonna unica */
@media (max-width:1024px){
  .el-grid3,.el-cert-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .el-prod-cards [style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:calc((100vw - max(10vw,40px) - 10px) / 2 * 14 / 15);}
  .el-prod-cards [style*="grid-template-columns"] > a{aspect-ratio:auto !important;height:100%;} /* stesso bug Chrome delle card news: tile aspect-ratio in griglia → altezza del widget sbagliata; righe in vw */
  .el-team{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .el-split,.el-acc .el-split,.el-ab-company [style*="grid-template-columns"],.el-sec.el-contact-info .el-split > div{grid-template-columns:minmax(0,1fr) !important;gap:24px !important;}
  .el-ab-company [style*="grid-template-columns"] > *:has(img),.el-ab-company [style*="grid-template-columns"] > img,.el-ab-company [style*="grid-template-columns"] > figure{order:2;}
  /* card news a colonna unica: Chrome calcola il contributo intrinseco del loop grid/loop item con l'immagine aspect-ratio alla larghezza max-content del titolo → item più basso della card (Home) o widget altissimo (featured News); altezza dell'immagine in vw (definita, indipendente dalla larghezza del contenitore) e titolo a tutta larghezza */
  .el-news-card .el-split > span:first-child{aspect-ratio:auto !important;height:calc((100vw - max(10vw,40px)) * .61) !important;}
  .el-news-card .el-split > span:last-child > span:nth-child(2){max-width:100% !important;}
  .el-is-event .el-event-grid{grid-template-columns:minmax(0,1fr) !important;gap:32px !important;}
  .el-is-event .el-event-grid > div:first-child{min-height:0 !important;}
  .el-is-event .el-event-grid h1{margin:24px 0 !important;}
  .el-sec.el-contact-top{--padding-top:120px !important;}
  .el-sec.el-contact-top > .e-con-inner{flex-direction:column !important;row-gap:50px;}
  .el-sec.el-contact-top > .e-con-inner > .e-child:first-child,.el-sec.el-contact-top > .e-con-inner > .e-child:last-child{--width:100% !important;width:100% !important;max-width:100%;flex:0 0 auto !important;}
  .el-acc table{min-width:660px;}
  .el-acc table th,.el-acc table td{height:56px !important;}
  .el-acc .el-split > div[style*="max-width:820px"]{max-width:100% !important;}
  .el-div-acc .el-acc-wrap{width:calc(100% - max(10vw,40px));}
  .el-sec.el-formula,.el-sec.el-ab-ring{padding-bottom:0 !important;}
  .el-ring-win{width:76.25vw;height:42.9vw;margin:40px 0 0 calc(4.65vw - max(5vw,20px));}
}
@media (max-width:768px){
  .el-grid3,.el-cert-cards,.el-prod-cards [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important;}
  .el-prod-cards [style*="grid-template-columns"]{grid-auto-rows:calc((100vw - max(10vw,40px)) * 14 / 15);}
  .el-team{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  /* hero: min-height 80svh, sfondo a cover centrato, video sostituito dal poster */
  .el-sec[class*="-hero"]:not(.el-single-hero){--min-height:80vh !important;min-height:80vh !important;background-size:cover !important;background-position:50% 50% !important;}
  @supports (height:100svh){.el-sec[class*="-hero"]:not(.el-single-hero){--min-height:80svh !important;min-height:80svh !important;}}
  .el-sec[class*="-hero"] .elementor-background-video-container{display:none !important;}
  .el-sec.el-single-hero > .elementor-widget > div[style*="height:clamp(280px,62vh,760px)"]{height:52vw !important;min-height:220px;}
  /* anello: finestra 90vw × 60vw */
  .el-ring-win{width:90vw;height:60vw;margin:32px 0 0 0;}
  /* footer: due gruppi impilati, voci su più righe con gap 16px */
  .el-footer [style*="max-width:1600px"]{flex-direction:column !important;align-items:flex-start !important;gap:16px !important;}
  .el-footer [style*="max-width:1600px"] > div{gap:16px !important;flex-wrap:wrap !important;}
  /* form contatti: campi e submit a tutta larghezza */
  .el-sec .elementor-widget-form .elementor-field-group{width:100% !important;max-width:100% !important;flex-basis:100% !important;}
  .el-sec .elementor-widget-form .elementor-field-type-submit button.elementor-button[type="submit"],.el-sec .elementor-widget-form .elementor-field-type-submit .elementor-button{width:100% !important;}
  /* news interna: bottone a tutta larghezza del contenuto, titolo e corpo con margini in px */
  .el-sec.el-single-body h1{margin-top:28px !important;}
  .el-sec.el-single-body{row-gap:28px !important;--padding-bottom:64px !important;padding-bottom:64px !important;}
  .el-sec.el-single-body .e-con-boxed > .e-con-inner{row-gap:32px !important;}
  .elementor-location-single .elementor-widget-theme-post-content p{margin:0 0 18px !important;}
}

/* ===== v1.0.18/1.0.19 — round 11 (09/09/2026): contenuti definitivi del cliente ===== */
/* 1 — About: griglia team 3 colonne × 4 righe, 10 gif + 2 segnaposto con logo su #EAF3FA (posizioni 5 e 10) */
.el-team.el-team--12{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0.625vw;}
.el-team__item--logo .el-team__logo{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:#EAF3FA;}
.el-team__item--logo .el-team__logo img{width:32%;max-width:180px;height:auto;aspect-ratio:auto;object-fit:contain;}
@media(max-width:900px){.el-team.el-team--12{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.el-team__item--logo{display:none;}}
/* 2 — About intro: a capo come tavola (3 righe) solo sopra 900px */
@media(max-width:900px){.el-br{display:none;}}
/* 3 — Private Label: elenco numerato delle tre aree di applicazione */
.el-sec ol[style*="padding-left"]{list-style:decimal;}
.el-sec ol[style*="padding-left"] li{display:list-item;}
/* 4 — Let's Talk: sezione FIND YOUR TEAM (fondo nero, 2 colonne) e distanza dal blocco CONTACTS */
.el-sec.el-contact-info{padding-top:7.3vw !important;}

@media(max-width:768px){.el-find-team__grid{grid-template-columns:1fr !important;}.el-sec.el-find-team-sec{padding-top:80px !important;}.el-sec.el-contact-info{padding-top:60px !important;}}
/* 5 — Certificazioni: bottoni DOWNLOAD CERTIFICATE in riga (uno per PDF) */
.el-cert-dl .el-btn{margin:0;}

/* 6 — Let's Talk, blocco CONTACTS: con 5 voci (PEC separata) due colonne sopra 1024, così etichette e indirizzi non vanno a capo */
@media(min-width:1025px){.el-sec.el-contact-info .el-split > div{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}

/* ============================================================
   ROUND 13 (14/09/2026) — Private Label accordion su Products EN
   + Saturated Polyester EN a 5 accordion con tabelle data-driven.
   Tutte le misure derivate dalle tavole XD a 1920 e convertite in vw.
   ============================================================ */

/* 1 — Private Label: la barra nera diventa accordion dentro Products */
.el-pl-acc{margin-top:clamp(10px,1.04vw,20px);}
button.el-plbar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin:0;border:0;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:#000000;color:#FFFFFF;min-height:max(52px,6.875vw);padding:1.5vw clamp(56px,6.5vw,125px);font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(17px,2.396vw,46px);line-height:1.2;letter-spacing:.02em;text-transform:uppercase;text-align:center;transition:opacity .3s;}.el-plbar:focus-visible{opacity:.82;}
.el-plbi{position:absolute;right:clamp(16px,1.82vw,35px);top:50%;width:clamp(22px,2.4vw,46px);transform:translateY(-50%);transition:transform .3s;pointer-events:none;}
.el-plbi svg{display:block;width:100%;height:auto;}
.el-pl-acc.is-open .el-plbi{transform:translateY(-50%) rotate(180deg);}
.el-plp{overflow:hidden;height:0;background:#FFFFFF;transition:height .3s ease;}
.el-plpin{box-sizing:content-box;max-width:78.125vw;padding:clamp(24px,2.71vw,52px) 0 clamp(28px,3vw,58px) clamp(20px,2.29vw,44px);color:#000000;font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(16px,1.875vw,36px);line-height:1.278;}
.el-plp p{margin:0 0 clamp(18px,2.396vw,46px);}
.el-plp p:last-child{margin-bottom:0;}
.el-plp strong{font-weight:700;}

/* 2 — Saturated Polyester: 5 accordion indipendenti */
.el-spw{width:100%;max-width:1600px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.el-ac{margin-bottom:clamp(14px,2.24vw,43px);}
.el-ac:last-child{margin-bottom:0;}
button.el-acbar{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box;margin:0;border:0;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:#000000;color:#FFFFFF;min-height:max(52px,6.875vw);padding:1.2vw clamp(52px,5.5vw,106px) 1.2vw clamp(20px,2.34vw,45px);font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(15px,1.77vw,34px);line-height:1.22;letter-spacing:.02em;text-transform:uppercase;text-align:left;transition:opacity .3s;}.el-acbar:focus-visible{opacity:.82;}
.el-acbt{display:block;}
.el-acbi{position:absolute;right:clamp(16px,1.61vw,31px);top:50%;width:clamp(18px,1.82vw,35px);height:clamp(18px,1.82vw,35px);transform:translateY(-50%);pointer-events:none;}
.el-acbi1,.el-acbi2{position:absolute;left:50%;top:50%;background:#FFFFFF;}
.el-acbi1{width:100%;height:1px;transform:translate(-50%,-50%);}
.el-acbi2{width:1px;height:100%;transform:translate(-50%,-50%) scaleY(1);transition:transform .3s;}
.el-ac.is-open .el-acbi2{transform:translate(-50%,-50%) scaleY(0);}
.el-acp{overflow:hidden;height:0;transition:height .3s ease;}
.el-acpin{padding:clamp(26px,2.6vw,50px) 0 clamp(20px,2.7vw,52px);}
.el-spw h3.el-acsub{margin:0 0 clamp(20px,2.7vw,52px);font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(16px,1.875vw,36px);line-height:1.278;letter-spacing:0;text-transform:uppercase;color:#000000;}
.el-spw h3.el-acsub + .el-tw{margin-top:clamp(14px,1.56vw,30px);}
.el-acd{margin:0 0 clamp(24px,2.7vw,52px);font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(16px,1.875vw,36px);line-height:1.278;color:#000000;}
.el-acbtn{margin:0 0 clamp(28px,3.7vw,71px);}
.el-acg:last-child .el-tw:last-child{margin-bottom:0;}

/* 3 — Tabelle prodotto: struttura guidata dai dati (10 o 9 colonne) */
.el-tw{width:100%;margin:0 0 clamp(28px,4.06vw,78px);}
.el-t{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-family:'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;}
.el-th1 th{background:#707070;color:#FFFFFF;font-weight:700;font-size:clamp(11px,1.042vw,20px);line-height:1.2;padding:clamp(12px,1.15vw,22px) 4px clamp(8px,0.9vw,17px);text-align:center;vertical-align:bottom;}
.el-th2 td{background:#707070;color:#FFFFFF;font-weight:400;font-size:clamp(11px,1.042vw,20px);line-height:1.2;padding:clamp(6px,0.83vw,16px) 4px clamp(14px,1.5vw,29px);text-align:center;vertical-align:top;}
.el-th1 th.el-tc1,.el-th2 td.el-tc1{text-align:left;padding-left:clamp(10px,0.73vw,14px);}
.el-tr td{background:#FFFFFF;color:#707070;font-weight:400;font-size:clamp(11px,1.094vw,21px);line-height:1.3;padding:clamp(10px,0.9vw,17px) 4px;text-align:center;vertical-align:middle;border-bottom:1px solid #A6A6A6;}
.el-t tbody tr:first-child td{border-top:1px solid #A6A6A6;}
.el-tr td.el-tc1{color:#000000;font-weight:700;text-align:left;padding-left:clamp(10px,0.73vw,14px);}
.el-tr td.el-tap{font-weight:700;}
.el-tf td{background:#A9A9A9;color:#FFFFFF;border:0;border-top:8px solid #FFFFFF;padding:clamp(10px,1.02vw,20px) clamp(10px,0.73vw,14px);text-align:left;font-size:clamp(11px,1.042vw,20px);line-height:1.4;}
.el-tfl{display:inline-block;width:clamp(96px,15.52vw,298px);font-weight:700;vertical-align:top;}
.el-tft{display:inline-block;width:calc(100% - clamp(96px,15.52vw,298px));vertical-align:top;}

/* 4 — Back to product page */
.el-backlink{display:inline-block;font-family:'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;font-size:clamp(12px,1.042vw,20px);letter-spacing:.06em;text-transform:uppercase;color:#000000;text-decoration:none;transition:opacity .3s;}


/* 5 — Responsive */
@media(max-width:1024px){
 .el-plpin{max-width:none;}
 .el-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;}
 .el-t{min-width:900px;}
}
@media(max-width:768px){
 button.el-plbar{padding:14px 12vw;}
 .el-plbi{right:5vw;width:26px;}
 .el-plpin{padding:5vw;font-size:clamp(16px,4.2vw,22px);line-height:1.45;}
 .el-plp p{margin-bottom:clamp(18px,4.2vw,26px);}
 button.el-acbar{padding:12px 13vw 12px 5vw;font-size:clamp(15px,3.6vw,20px);}
 .el-acbi{right:5vw;width:20px;height:20px;}
 .el-acpin{padding-left:0;padding-right:0;}
 .el-spw h3.el-acsub,.el-spw .el-acd{font-size:clamp(16px,4.2vw,22px);line-height:1.4;}
 .el-tw{background:linear-gradient(to right,#FFFFFF,rgba(255,255,255,0)) left center/20px 100% no-repeat local,linear-gradient(to left,#FFFFFF,rgba(255,255,255,0)) right center/20px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.28),rgba(0,0,0,0)) left center/12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.28),rgba(0,0,0,0)) right center/12px 100% no-repeat scroll;}
}

/* Round 13 — correttivi di specificità: il tema Hello imposta bordi e sfondo su td/th */
.el-spw .el-t th,.el-spw .el-t td{border-left:0;border-right:0;}
.el-spw .el-t .el-th1 th{background-color:#707070;border-top:0;border-bottom:0;vertical-align:middle;padding:clamp(10px,0.86vw,17px) 4px;}
.el-spw .el-t .el-th2 td{background-color:#707070;border-top:0;border-bottom:0;vertical-align:top;padding:clamp(8px,0.73vw,14px) 4px clamp(14px,1.35vw,26px);}
.el-spw .el-t .el-th1 th.el-tc1,.el-spw .el-t .el-th2 td.el-tc1{text-align:left;padding-left:clamp(10px,0.73vw,14px);}
.el-spw .el-t .el-tr td{background-color:#FFFFFF;border-bottom:1px solid #A6A6A6;}
.el-spw .el-t tbody tr:first-child td{border-top:1px solid #A6A6A6;}
.el-spw .el-t .el-tf td{background-color:#A9A9A9;border-top:8px solid #FFFFFF;border-bottom:0;}

button.el-plbar,button.el-acbar{white-space:normal;overflow-wrap:break-word;}
.el-acbt{display:block;min-width:0;flex:1 1 auto;white-space:normal;}
.el-plbt{display:block;white-space:normal;}


/* =====================================================================
   v1.0.25 — ROUND 16 (22/09/2026): correzioni del cliente
   PDF "260921-elachem-debug" (29 screenshot annotati) + mail.
   Misure in vw dalla tavola 1920 (px / 19,2) con minimi mobile.
   Gli hover di tutto il tema sono nel blocco @media (hover:hover) in coda.
   ===================================================================== */

/* 2a — header: MAI sticky. Resta assoluto in cima alla pagina e scorre via
   col contenuto (il setting "sticky" è stato tolto dal documento header 319;
   queste regole neutralizzano anche le classi sticky se ricomparissero). */
header.elementor-location-header .el-header.elementor-sticky,
header.elementor-location-header .el-header.elementor-sticky--active,
header.elementor-location-header .el-header.elementor-sticky--effects{position:static !important;top:auto !important;width:auto !important;background-color:transparent !important;}
.elementor-sticky__spacer{display:none !important;}

/* 2b — menu mobile: nessun blu sulla voce toccata, attiva o in focus (testo bianco) */
.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item,
.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item:focus,
.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item:active,
.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item.highlighted{color:#FFFFFF !important;background-color:transparent !important;}
.el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item::after{color:#FFFFFF !important;}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:focus,
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.elementor-item-active,
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.highlighted{background-color:transparent !important;}
.el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item::after{color:#FFFFFF !important;}
.elementor-menu-toggle,.elementor-menu-toggle:focus,.elementor-menu-toggle:active,.elementor-menu-toggle.elementor-active{color:#FFFFFF !important;background-color:transparent !important;}
.el-nav-fixed a,.el-nav-fixed button,.el-header a,.el-header button{-webkit-tap-highlight-color:transparent;}

/* 3e — Products: titoli delle card e barra PRIVATE LABEL in Roboto Light (300) */
button.el-plbar{font-weight:300 !important;}

/* 3f — BACK TO PRODUCT PAGE: sempre nero, mai blu (20px in tavola) */
.el-sec.el-div-back a,.el-sec.el-div-back a *,a.el-backlink{color:#000000 !important;}

/* 3g — Polyurethane Systems: label 20px, testo dei pannelli 36px, CONTACT US 18px */
body.page-id-308 .el-sec.el-div-claim p[style*="letter-spacing:.3em"]{font-size:max(12px,1.042vw) !important;}
.el-acc-wrap .el-acc .el-split > div[style*="letter-spacing:.24em"]{font-size:max(12px,1.042vw) !important;}
.el-acc-wrap .el-acc .el-split p{font-size:max(16px,1.875vw) !important;line-height:1.28 !important;}

/* 3h — About, card del convivial code: bottone DOWNLOAD OUR MANIFESTO e tutti
   i bottoni .el-btn a un minimo di 18px (in tavola 18px a 1920) */
.el-btn.el-btn,
.el-sec .elementor-widget-form button.elementor-button,
.el-sec.el-contact-top .elementor-widget-form .elementor-field-type-submit button.elementor-button[type="submit"]{font-size:max(18px,0.9375vw) !important;}
.el-btn.el-btn{height:auto !important;min-height:max(43px,2.24vw) !important;padding:max(8px,0.42vw) max(22px,1.15vw) !important;line-height:1.2 !important;}

/* 3i — Certifications: CTA piccole dell'elenco a 20px con altezza proporzionale */
.el-cert-list-items a.el-btn.el-btn.el-btn--xs{font-size:max(20px,1.042vw) !important;height:auto !important;min-height:max(44px,2.29vw) !important;padding:max(10px,0.52vw) max(16px,1.04vw) !important;line-height:1.2 !important;letter-spacing:.06em !important;}

/* 3j — Let's Talk: messaggio di conferma del form bianco (era nero su nero)
   e nel blocco CONTACTS il valore subito sotto l'etichetta (gap 8px) */
.el-sec .elementor-widget-form .elementor-message,
.el-sec .elementor-widget-form .elementor-message.elementor-message-success,
.el-sec .elementor-widget-form .elementor-message.elementor-message-danger,
.el-sec .elementor-widget-form .elementor-form-messages-wrapper .elementor-message{color:#FFFFFF !important;}
.el-sec.el-contact-info .el-split > div > div > p + p{margin-top:8px !important;}

.el-accordion .elementor-tab-title .elementor-accordion-icon,
.el-accordion .e-n-accordion-item-title-icon{color:currentColor !important;}

/* 4b — barre accordion (Saturated, Systems) e barra PRIVATE LABEL: sempre nere,
   niente azzurro né da aperte né in focus (l'hover è nel blocco hover: opacity .85) */
details.el-acc > summary,
details.el-acc[open] > summary,
details.el-acc > summary:focus,
button.el-acbar,.el-ac.is-open button.el-acbar,button.el-acbar:focus,
button.el-plbar,.el-pl-acc.is-open button.el-plbar,button.el-plbar:focus{background-color:#000000 !important;color:#FFFFFF !important;}
details.el-acc > summary *,button.el-acbar *,button.el-plbar *{color:#FFFFFF !important;}

/* 5b — nessuna parola spezzata negli hero e nei titoli */
.el-sec h1,.el-sec h2,.el-sec h3,.el-sec p,.el-sec span,.el-sec a,
.el-footer,.el-footer *{word-break:normal !important;overflow-wrap:normal !important;-webkit-hyphens:none !important;hyphens:none !important;}

/* 5c — su touch nessuno stato "incollato" dopo il tap */
a:focus:not(:focus-visible),button:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none;}

@media (max-width:768px){
  /* 5a — hero Home: il video di sfondo si muove anche su mobile (il poster resta solo fallback) */
  .el-sec.el-hero .elementor-background-video-container{display:block !important;}
  .el-sec.el-hero .elementor-background-video-container video,
  .el-sec.el-hero video.elementor-background-video-hosted{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;}

  /* 5b — titoli degli hero ridotti finché la parola più lunga sta nella riga */
  .el-sec[class*="-hero"]:not(.el-single-hero) h1{font-size:clamp(28px,8.6vw,44px) !important;}
  .el-sec[class*="-hero"]:not(.el-single-hero) h1 span{white-space:normal !important;}

  /* 3i — le CTA piccole delle certificazioni restano leggibili anche su mobile */
  .el-cert-list-items a.el-btn.el-btn.el-btn--xs{font-size:20px !important;min-height:44px !important;padding:10px 16px !important;}
}


/* =====================================================================
   ROUND 16 (22/09/2026) — tutti gli hover del tema raccolti in @media (hover:hover)
   (nessuna regola :hover fuori da questa media query: su touch lo stato
   non resta "incollato" dopo il tap)
   ===================================================================== */
@media (hover:hover){
  .el-dark a:not(.elementor-button):hover,.el-dark-texture a:not(.elementor-button):hover{color: var(--el-blu);}
  .el-duotone-hover:hover img{filter: none; mix-blend-mode: normal; opacity: 1;}
  .el-link a:hover::after{transform: scaleX(1);}
  .el-form-underline .elementor-button:hover{background: var(--el-blu); color: var(--el-bianco);}
  .el-dark .el-form-underline .elementor-button:hover{background: var(--el-blu); color: var(--el-bianco);}
  .el-btn-outline .elementor-button:hover{background: var(--el-blu); border-color: var(--el-blu); color: var(--el-bianco);}
  .el-sec a:hover,.el-footer a:hover{opacity: .7;}
  details.el-acc summary:hover{opacity: .85;}
  .el-sec table tbody tr:hover td{background: #F7F7F7;}
  .el-btn.el-btn:hover,.el-sec .elementor-widget-form button.elementor-button:hover{background:transparent;color:#fff;border-color:currentColor;opacity:1;}
  .el-btn.el-btn--dark:hover{background:transparent;color:#000;border-color:currentColor;opacity:1;}
  a.el-btn.el-btn.el-btn:hover,a.el-btn.el-btn.el-btn:hover *{color:#fff;}
  a.el-btn.el-btn.el-btn--dark:hover,a.el-btn.el-btn.el-btn--dark:hover *{color:#000;}
  .el-cert-list-items a.el-btn.el-btn.el-btn--xs:hover{background:transparent;color:#000;border-color:#000;}
  .el-cert-list-items a.el-btn.el-btn.el-btn--xs:hover *{color:#000;}
  .el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover{color:transparent !important;}
  .el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover::after{opacity:1;}
  a.el-btn.el-btn.el-btn:hover,a.el-btn.el-btn.el-btn:hover *{color:#fff;}
  a.el-btn.el-btn.el-btn--dark:hover,a.el-btn.el-btn.el-btn--dark:hover *{color:#000;}
  .el-cert-list-items a.el-btn.el-btn.el-btn--xs:hover,.el-cert-list-items a.el-btn.el-btn.el-btn--xs:hover *{color:#000;}
  .el-sec .elementor-widget-form button.elementor-button:hover{background:transparent !important;color:#fff !important;border-color:#fff !important;}
  .el-prod-cards a:hover > span:last-child{background:transparent !important;color:#fff !important;border-color:#fff;}
  .el-prod-cards a:hover > span:last-child *{color:#fff;}
  .el-sec.el-contact-top .elementor-widget-form .elementor-field-type-submit button.elementor-button[type="submit"]:hover{background:transparent !important;color:#fff !important;border-color:#fff !important;}
  .el-find-team__mails a:hover{opacity:.7;}
  .el-plbar:hover{opacity:.82;}
  .el-acbar:hover{opacity:.82;}
  .el-backlink:hover{opacity:.6;}

  /* ---- ROUND 16 (22/09/2026) ---- */
  /* 4a — hover di TUTTI i bottoni: bordo 1px (era 2px), resto invariato */
  .el-btn.el-btn:hover,
  .el-btn.el-btn--dark:hover,
  .el-sec .elementor-widget-form button.elementor-button:hover,
  .el-sec.el-contact-top .elementor-widget-form .elementor-field-type-submit button.elementor-button[type="submit"]:hover,
  .el-cert-list-items a.el-btn.el-btn.el-btn--xs:hover,
  .el-prod-cards a:hover > span:last-child{border-width:1px !important;border-style:solid !important;}
  /* 4b — barre accordion e barra PRIVATE LABEL: solo opacity .85, nessun azzurro, restano nere */
  details.el-acc summary:hover,
  button.el-acbar:hover,
  button.el-plbar:hover{opacity:.85 !important;background-color:#000000 !important;color:#FFFFFF !important;}
  /* nessun blu del kit su link, menu e back link */
  .el-dark a:not(.elementor-button):hover,
  .el-dark-texture a:not(.elementor-button):hover{color:inherit !important;opacity:.7;}
  .el-form-underline .elementor-button:hover,
  .el-dark .el-form-underline .elementor-button:hover{background:transparent !important;color:#FFFFFF !important;}
  .el-btn-outline .elementor-button:hover{background:transparent !important;border-color:currentColor !important;color:inherit !important;}
  .el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item:hover{color:#FFFFFF !important;background-color:transparent !important;}
  .el-nav-fixed .elementor-nav-menu--dropdown a.elementor-item:hover::after{color:#FFFFFF !important;}
  .el-nav-fixed .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover{background-color:transparent !important;}
  .elementor-menu-toggle:hover{color:#FFFFFF !important;background-color:transparent !important;}
  .el-sec.el-div-back a:hover,a.el-backlink:hover{color:#000000 !important;opacity:.6;}
}


/* ════════════════════════════════════════════════════════════
   v1.0.26 — ROUND 18 (22/09/2026)
   ════════════════════════════════════════════════════════════ */

/* 2 — freccia delle card news: SVG inline al posto del carattere Segoe UI */
.el-news-arrow{display:block;width:clamp(26px,1.875vw,36px);height:auto;color:currentColor;}

/* ════════════════════════════════════════════════════════════
   v1.0.27 — ROUND 22 (24/09/2026)
   ════════════════════════════════════════════════════════════ */

/* marquee delle keyword rimosso da Polyurethane Systems EN 308: tolte le regole .el-acc .el-marquee e .el-marquee-track (desktop e mobile) */


/* ROUND 28/10 — Let's Talk compatto: ALREADY KNOW WHO… visibile nella prima schermata (desktop/tablet) */
@media (min-width:768px){
.el-sec.el-contact-top{--padding-top:8.33vw !important;--padding-bottom:1.3vw !important;}
.el-sec.el-contact-top > .e-con-inner{padding-top:8.33vw !important;padding-bottom:1.3vw !important;}
html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(-n+4){width:50% !important;max-width:50% !important;flex:0 0 50% !important;}
html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(1),html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(3){padding-right:1.5625vw !important;}
html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(2),html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(4){padding-left:1.5625vw !important;}
html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group{margin-top:0 !important;margin-bottom:clamp(10px,0.94vw,18px) !important;}
html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group.elementor-field-type-acceptance{margin-top:clamp(4px,0.52vw,10px) !important;}
html body .el-sec.el-contact-top .elementor-form .elementor-form-fields-wrapper > .elementor-field-group.elementor-field-type-submit{margin-top:clamp(10px,1.04vw,20px) !important;margin-bottom:0 !important;}
.el-sec.el-contact-top textarea{height:clamp(64px,4.7vw,90px) !important;min-height:0 !important;}
.el-sec.el-find-team-sec{--padding-top:4.7vw !important;padding-top:4.7vw !important;}
}

/* Already know who… + testo: stessa colonna del claim sopra (36,25%) quando il blocco contatti è su due colonne */
@media (min-width:1101px){
.el-find-team > h2,.el-find-team > p.el-contact-lead{max-width:36.25% !important;}
}