
:root{--red:#aa0932;--ink:#10232d;--muted:#697075;--paper:#f5f4f1;--line:#dedfdd;font-family:'DM Sans',sans-serif;color:var(--ink);background:white;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:white}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1}h2{font-size:clamp(42px,4.8vw,72px)}em{font-style:normal;color:var(--red)}.header{height:94px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;background:white;position:fixed;top:0;left:0;right:0;z-index:30;border-bottom:1px solid #eee}.logo{display:block;position:relative;width:161px;height:62px;overflow:hidden}.logo img{position:absolute;width:190px;max-width:none;left:-14px;top:-35px}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}.nav>a:not(.nav-contact):hover{color:var(--red)}.nav-contact{display:flex;align-items:center;gap:26px;color:var(--red);font-size:11px;letter-spacing:.08em;margin-left:24px;border-bottom:1px solid var(--red);padding:13px 0}.menu-toggle{display:none}.hero{position:relative;height:calc(100svh - 94px);min-height:660px;max-height:1000px;margin-top:94px;background:var(--ink);color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s}.hero-image.active{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,21,28,.76),rgba(8,21,28,.28) 65%,rgba(8,21,28,.14)),linear-gradient(0deg,rgba(8,21,28,.65),transparent 40%)}.hero-content{position:relative;padding:clamp(85px,12vh,155px) 7% 120px;animation:reveal .5s ease-out}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow i{width:7px;height:7px;background:var(--red)}.hero-title{font-size:clamp(88px,10.8vw,158px);line-height:.89;margin:32px 0 27px;letter-spacing:-.025em}.hero-title span{color:var(--red)}.automotive-title{font-size:clamp(65px,7.6vw,106px)}.hero-description{font-size:15px;color:#e3e5e5;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:20px 24px;font-size:10px;font-weight:600;letter-spacing:.09em;border:0;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-red{color:white;background:var(--red)}.button-red:hover{background:#890828}.hero-bottom{position:absolute;bottom:38px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:25px}.slide-controls{display:flex;gap:16px}.slide-controls button{border:0;background:none;color:#ffffff80;padding:10px 0;display:flex;align-items:center;gap:12px;font-size:11px}.slide-controls i{display:block;width:30px;height:2px;background:#ffffff40}.slide-controls .selected{color:white}.slide-controls .selected i{width:65px;background:var(--red)}.hero-caption{font-size:11px;color:#d0d2d1}.scroll-link{display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:.13em}.scroll-link span{font-size:24px}.section{padding:80px 7% 90px;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;font-weight:600;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:55px}.section-label>span:first-child{color:var(--red)}.section-label>span:last-child{color:var(--muted)}.approach-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.approach-copy{padding-top:6px}.approach-copy .lead{font-size:25px;line-height:1.4;margin-bottom:22px;color:var(--ink)}.approach-copy p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:17px}.text-link{font-size:10px;letter-spacing:.07em;font-weight:600;display:inline-flex;align-items:center;gap:26px;margin-top:18px;padding-bottom:10px;border-bottom:1px solid var(--red);color:var(--red)}.approach-signoff{margin-top:65px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}.approach-signoff>span:last-child{font-weight:600;letter-spacing:.12em}.events{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-heading>p{font-size:15px;color:var(--muted);line-height:1.9;max-width:320px;padding-bottom:4px}.event-row{display:grid;grid-template-columns:55px 1fr 1fr 40px;align-items:center;gap:20px;padding:27px 0;border-top:1px solid #d5d8d5;transition:color .2s}.event-row:last-child{border-bottom:1px solid #d5d8d5}.row-number{font-size:10px;color:var(--red)}.event-row h3{font-size:22px;font-weight:500;letter-spacing:-.04em}.event-row p{font-size:12px;color:var(--muted)}.row-arrow{justify-self:end;transition:transform .2s}.event-row:hover{color:var(--red)}.event-row:hover .row-arrow{transform:translate(3px,-3px)}.image-break{height:460px;position:relative;background:var(--ink);color:white;overflow:hidden;display:flex;align-items:center;padding:0 7%}.image-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10232dd9,#10232d44)}.image-break img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.image-break>div{position:relative;z-index:1}.image-break h2{font-size:82px;margin-top:26px}.image-break>span{position:absolute;z-index:1;right:7%;bottom:32px;font-size:9px;letter-spacing:.15em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 50px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:18px}.step-number{display:block;font-size:16px;color:var(--red);margin-bottom:25px}.steps h3{font-size:23px;font-weight:500;margin-bottom:12px}.steps p{font-size:13px;line-height:1.8;color:var(--muted);max-width:260px}.benefits{background:var(--ink);color:white}.benefits .section-label{border-color:#ffffff30}.benefits .section-label>span:first-child{color:inherit}.benefits .section-label>span:last-child{color:#afbbc0}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.benefits h2{font-size:clamp(42px,4.2vw,63px)}.benefits em{color:inherit}.benefits article{display:flex;gap:25px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #ffffff25}.benefits article:last-child{margin:0}.benefits h3{font-size:19px;font-weight:500;margin-bottom:9px}.benefits p{font-size:13px;line-height:1.8;color:#b1bdc2}.case-history h2{font-size:clamp(40px,4.5vw,65px)}.video-container{aspect-ratio:16/9;background:var(--ink)}.video-cover{border:0;background:radial-gradient(ellipse at 80% 40%,#234450,transparent 70%),var(--ink);color:white;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-art{position:absolute;left:7%;text-align:left;opacity:.4;transform:rotate(-6deg)}.video-art>span:first-child{font-size:clamp(60px,12vw,170px);font-weight:700;letter-spacing:-.065em}.red{color:var(--red)}.partner{display:block;font-size:clamp(18px,3vw,42px);letter-spacing:.3em;font-weight:500}.play-circle{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:var(--red);border-radius:50%;position:relative;transition:transform .2s}.video-cover:hover .play-circle{transform:scale(1.1)}.video-caption{position:absolute;bottom:30px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.video-container iframe{display:block;width:100%;height:100%;border:0}.video-note{font-size:10px;color:var(--muted);margin-top:14px;display:flex;justify-content:space-between;gap:15px}.video-note a{text-decoration:underline}.contact{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:clamp(65px,6.3vw,95px)}.contact-grid>div>p{font-size:14px;line-height:1.8;margin-top:24px;color:var(--muted)}.contact-note{display:block;font-size:10px;font-weight:600;letter-spacing:.13em;margin-top:45px}form{padding-top:6px}form label{display:block;font-size:11px;font-weight:500;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,textarea{display:block;background:transparent;border:0;border-bottom:1px solid #c6cbc9;padding:13px 0;width:100%;font-size:13px;border-radius:0;color:var(--ink)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#929894}.demo-notice{font-size:10px;line-height:1.6;color:var(--muted);margin-bottom:24px}.button-dark{background:var(--ink);color:white;width:100%}.button-dark:hover{background:var(--red)}.success{font-size:12px;padding:16px 0;color:var(--red);line-height:1.6}footer{background:var(--ink);color:white;padding:45px 7% 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:36px}.footer-top>span{font-size:13px;line-height:1.8;color:#bdc6c9}.back-top{display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:.1em}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:23px;font-size:9px;color:#a3b0b5;letter-spacing:.05em}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:900px){.nav{gap:20px}.nav-contact{margin-left:5px}.hero-caption{display:none}.approach-grid{gap:7%}.section-heading{align-items:flex-start}.event-row{grid-template-columns:35px 1fr 35px}.event-row p{display:none}.benefits-grid{gap:7%}.steps{gap:35px}.contact-grid{gap:7%}.section-label>span:last-child{font-size:8px}}
@media(max-width:640px){html{scroll-padding-top:76px}.header{height:76px;padding:0 6%}.logo{width:140px;height:54px}.logo img{width:165px;left:-12px;top:-30px}.menu-toggle{display:flex;align-items:center;gap:16px;border:0;background:none;color:var(--ink);font-size:10px;letter-spacing:.12em;padding:10px 0}.menu-toggle span{font-size:22px}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:25px 6% 35px;align-items:stretch;gap:0;box-shadow:0 20px 30px #10232d15}.nav-open{display:flex;flex-direction:column}.nav>a{padding:15px 0}.nav-contact{margin:10px 0 0;justify-content:space-between}.hero{margin-top:76px;height:calc(100svh - 76px);min-height:610px;max-height:850px}.hero-content{padding:100px 7% 110px}.hero-title{font-size:clamp(76px,17vw,110px);margin-top:28px}.automotive-title{font-size:clamp(57px,12vw,77px)}.hero-description{max-width:275px;font-size:13px;line-height:1.8}.hero-image{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#08151cd9,#08151c44),linear-gradient(0deg,#08151c99,transparent 50%)}.hero-bottom{bottom:26px}.scroll-link{font-size:7px;gap:10px}.slide-controls{gap:10px}.slide-controls button{gap:7px}.slide-controls i{width:16px}.slide-controls .selected i{width:35px}.section{padding:55px 7% 60px}.section-label{font-size:10px;margin-bottom:35px;padding-bottom:20px}.section-label>span:last-child{display:none}.approach-grid,.benefits-grid,.contact-grid{grid-template-columns:1fr;gap:35px}h2{font-size:49px}.approach-copy .lead{font-size:23px}.approach-copy p{font-size:13px}.approach-signoff{margin-top:35px;font-size:9px;gap:15px}.section-heading{flex-direction:column;gap:22px;margin-bottom:32px}.section-heading>p{font-size:14px}.event-row{gap:12px;padding:23px 0;grid-template-columns:25px 1fr 24px}.event-row h3{font-size:19px}.image-break{height:350px}.image-break h2{font-size:62px}.image-break .eyebrow{font-size:8px}.image-break>span{font-size:8px}.steps{grid-template-columns:repeat(2,1fr);gap:30px 24px;margin-top:35px}.steps h3{font-size:20px}.steps p{font-size:12px}.benefits h2{font-size:46px}.case-history h2{font-size:40px}.video-container{aspect-ratio:16/9}.play-circle{width:64px;height:64px}.video-caption{left:18px;right:18px;bottom:18px;font-size:7px}.video-note{display:block;font-size:9px;line-height:1.8}.video-note a{display:block;margin-top:5px}.contact h2{font-size:72px}.contact-note{margin-top:25px}.contact-grid{gap:40px}.form-row{gap:18px}.footer-top{gap:25px;flex-wrap:wrap}.footer-top>span{font-size:11px}.back-top{margin-left:auto}.footer-bottom{font-size:8px;gap:14px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* WordPress integration */
[hidden]{display:none!important}.hero-slide{position:absolute;inset:0}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.slide-caption{position:absolute;left:43%;bottom:48px}.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:var(--ink);padding:12px}.skip-link:focus{top:10px}.standard-page{padding-top:150px;min-height:65vh}.standard-page h1{font-size:60px;margin-bottom:35px}.entry-content{line-height:1.8}.entry-content p{margin-bottom:20px}.entry-content a{text-decoration:underline}.admin-bar .header{top:32px}.admin-bar .hero{margin-top:126px}.footer-bottom{align-items:flex-start}.footer-bottom>span:nth-child(2){white-space:pre-line;max-width:50%;line-height:1.7}
@media(max-width:782px){.admin-bar .header{top:46px}.admin-bar .hero{margin-top:140px}}
@media(max-width:640px){.hero-photo{object-position:60% center}.admin-bar .hero{margin-top:122px}.slide-caption{display:none}.footer-bottom>span:nth-child(2){display:block;max-width:100%}}
@media(max-width:600px){body.admin-bar .header{top:0}body.admin-bar .hero{margin-top:76px}}

.event-icon{display:block;width:28px;height:28px;flex-shrink:0}@media(max-width:640px){.event-icon{width:24px;height:24px}}

.benefit-icon{display:block;width:28px;height:28px;flex-shrink:0;margin-top:2px}

.title-point{display:inline-block;width:.14em;height:.14em;margin-left:.045em;background:currentColor;vertical-align:baseline}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Mobile refinements – ECOMP Events (2026-10) */
@media (max-width: 900px) {
  .header { padding-inline: 5%; }
  .nav { gap: 13px; font-size: 12px; }
  .nav-contact { gap: 10px; margin-left: 0; }
  .section-heading > p { max-width: 100%; }
  .approach-grid, .benefits-grid, .contact-grid { min-width: 0; }
  .hero-title { overflow-wrap: normal; }
}
@media (max-width: 767px) {
  /* Mobile navigation is enabled at tablet portrait widths too. */
  html { scroll-padding-top: 76px; }
  .header { height: 76px; padding-inline: 6%; }
  .logo { width: 140px; height: 54px; }
  .logo img { width: 165px; left: -12px; top: -30px; }
  .menu-toggle { display: flex; align-items: center; gap: 16px; border: 0; background: none; color: var(--ink); font-size: 10px; letter-spacing: .12em; padding: 10px 0; }
  .menu-toggle span { font-size: 22px; }
  .nav { display: none; position: absolute; top: 76px; left: 0; right: 0; background: white; padding: 20px 6% 30px; align-items: stretch; gap: 0; max-height: calc(100dvh - 76px); overflow-y: auto; box-shadow: 0 20px 30px #10232d15; }
  .nav.nav-open { display: flex; flex-direction: column; }
  .nav > a { padding: 14px 0; font-size: 14px; }
  .nav-contact { margin: 8px 0 0; justify-content: space-between; }
  .hero { margin-top: 76px; height: calc(100svh - 76px); min-height: 560px; max-height: 850px; }
  .hero-content { padding: clamp(74px, 12vh, 105px) 7% 125px; }
  .hero-title { font-size: clamp(62px, 15vw, 105px); line-height: .9; max-width: 100%; overflow-wrap: anywhere; }
  .automotive-title { font-size: clamp(52px, 11vw, 83px); }
  .hero-description { max-width: 340px; }
  .hero-bottom { left: 7%; right: 7%; bottom: 24px; }
  .hero .button { max-width: 100%; }
  .section, .partners-band { padding-inline: 7%; }
  .approach-grid, .benefits-grid, .contact-grid { grid-template-columns: minmax(0,1fr); gap: 34px; }
  .section-heading { flex-direction: column; align-items: flex-start; gap: 20px; }
  .steps { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .event-row { grid-template-columns: 28px minmax(0,1fr) 26px; }
  .event-row p { display: none; }
  .form-row { grid-template-columns: minmax(0,1fr); gap: 0; }
  input, textarea, select { font-size: 16px; max-width: 100%; }
  .event-gallery { grid-template-columns: repeat(2, minmax(0,1fr)); }
  footer .footer-top { grid-template-columns: minmax(0,1fr); }
  .video-container { aspect-ratio: 16 / 9; }
}
@media (max-width: 480px) {
  .hero { min-height: 540px; }
  .hero-content { padding-top: clamp(70px, 11vh, 100px); }
  .hero-title { font-size: clamp(54px, 15.5vw, 78px); margin: 24px 0 20px; }
  .automotive-title { font-size: clamp(44px, 11.7vw, 61px); }
  .hero-description { font-size: 13px; line-height: 1.55; margin-bottom: 22px; }
  .hero .button { padding: 16px 18px; gap: 18px; }
  .hero-bottom { gap: 10px; }
  .scroll-link { gap: 6px; letter-spacing: .05em; }
  .slide-controls { gap: 9px; }
  .slide-controls button { min-width: 25px; min-height: 44px; }
  .slide-controls .selected i { width: 25px; }
  .section { padding-block: 48px 55px; }
  .section-label { margin-bottom: 30px; }
  h2 { font-size: clamp(38px, 11vw, 49px); }
  .contact h2 { font-size: clamp(48px, 14vw, 72px); }
  .benefits h2 { font-size: clamp(38px, 11vw, 46px); }
  .case-history h2 { font-size: clamp(36px, 10vw, 40px); }
  .steps { grid-template-columns: minmax(0,1fr); gap: 25px; }
  .steps p { max-width: none; }
  .about-brand-logos { gap: 22px; }
  .about-brand-logos img { max-width: 45%; height: auto; max-height: 70px; }
  .about-brand-logos img:nth-child(2) { max-width: 45%; }
  .video-caption { gap: 10px; }
  .video-caption > span { max-width: 50%; }
  .footer-bottom { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .hero-title { font-size: 50px; }
  .automotive-title { font-size: 42px; }
  .scroll-link { font-size: 0; }
  .scroll-link span { font-size: 22px; }
  .section-label { letter-spacing: .07em; }
  .image-break h2 { font-size: 50px; }
}
@media (max-width: 767px) and (max-height: 640px) {
  .hero { height: auto; min-height: 560px; }
  .hero-content { padding-top: 55px; }
}


/* ECOMP — header WordPress; inserire in fondo ad assets/site.css */
.header.ecomp-wp-header{height:130px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#fff;position:fixed;top:0;left:0;right:0;z-index:1000}
.header.ecomp-wp-header .ecomp-wp-logo{flex:0 0 220px;width:220px;max-width:30%;display:block;position:static;height:auto;overflow:visible}
.header.ecomp-wp-header .ecomp-wp-logo img{display:block;position:static;width:100%;max-width:100%;height:auto;object-fit:contain}
.header.ecomp-wp-header .ecomp-wp-nav{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0}
.header.ecomp-wp-header .ecomp-wp-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2.2vw,42px);padding:0;margin:0;list-style:none}
.header.ecomp-wp-header .ecomp-wp-menu li{position:relative;margin:0;padding:0;list-style:none}
.header.ecomp-wp-header .ecomp-wp-menu>li>a{display:flex;align-items:center;color:#102630;font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;padding:10px 0}
.header.ecomp-wp-header .ecomp-wp-menu>li>a:hover{color:#aa0932}
.header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta{margin-left:25px}
.header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta>a{color:#fff;background:#aa0932;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;gap:36px;min-height:60px;padding:18px 22px;border:1px solid #aa0932;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta>a:hover,.header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta>a:focus-visible{background:#10232d;border-color:#10232d;color:#fff}
.header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta>a::after{content:'↗';font-family:Arial,sans-serif;font-size:23px;line-height:1;font-weight:300}
/* Freccia vettoriale: evita che iOS renda il simbolo Unicode come emoji. */
.header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta>a::after{
  content:"";
  display:block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ecomp-arrow-icon{display:inline-block;flex:none;vertical-align:middle;width:20px;height:20px;color:inherit}

/* Contact Form 7: testo e freccia sulla stessa linea anche in Safari iOS. */
.contact-form .ecomp-form-submit,
.ecomp-contact-form .ecomp-form-submit {
  position: relative;
  width: 100%;
  min-height: 80px;
}
.contact-form .ecomp-form-submit > p,
.ecomp-contact-form .ecomp-form-submit > p {
  position: relative;
  display: block;
  width: 100%;
  min-height: 80px;
  margin: 0;
}
.contact-form .ecomp-form-submit > p > br,
.ecomp-contact-form .ecomp-form-submit > p > br {display:none}
.contact-form input.ecomp-submit,
.ecomp-contact-form input.ecomp-submit {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  min-height: 80px;
  padding: 0 75px 0 32px;
  line-height: normal;
  text-align: left;
  -webkit-appearance: none;
  appearance: none;
}
.contact-form .ecomp-submit-arrow,
.ecomp-contact-form .ecomp-submit-arrow {
  position: absolute;
  top: 50%;
  right: 32px;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  line-height: 1;
  pointer-events: none;
}
.ecomp-submit-arrow .ecomp-arrow-icon {display:block;width:28px;height:28px}
@media (max-width: 640px) {
  .contact-form input.ecomp-submit,
  .ecomp-contact-form input.ecomp-submit {padding-left:22px;padding-right:62px;font-size:14px}
  .contact-form .ecomp-submit-arrow,
  .ecomp-contact-form .ecomp-submit-arrow {right:22px}
}
.header.ecomp-wp-header .ecomp-wp-menu .sub-menu{position:absolute;left:0;top:100%;min-width:180px;display:none;background:#fff;list-style:none;margin:0;padding:12px 18px;box-shadow:0 12px 25px #0002}
.header.ecomp-wp-header .ecomp-wp-menu li:hover>.sub-menu,.header.ecomp-wp-header .ecomp-wp-menu li:focus-within>.sub-menu{display:block}
.header.ecomp-wp-header .ecomp-wp-menu .sub-menu a{display:block;padding:9px 0;font-size:14px;color:#102630}
.header.ecomp-wp-header .menu-toggle{display:none}
/* Adegua lo spazio al nuovo header senza alterare i contenuti */
body:has(.ecomp-wp-header) .hero{margin-top:130px;height:calc(100svh - 130px)}
body:has(.ecomp-wp-header) .standard-page{padding-top:185px}
html:has(.ecomp-wp-header){scroll-padding-top:130px}
body.admin-bar .header.ecomp-wp-header{top:32px}
body.admin-bar:has(.ecomp-wp-header) .hero{margin-top:10px}
@media(max-width:1100px){
 .header.ecomp-wp-header{height:90px;padding:0 5%;gap:12px}
 .header.ecomp-wp-header .ecomp-wp-logo{flex-basis:175px;width:175px;max-width:65%}
 .header.ecomp-wp-header .menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:12px 0;font-size:12px;font-weight:600;letter-spacing:.1em;color:#102630}
 .header.ecomp-wp-header .menu-toggle span{font-size:24px;line-height:1}
 .header.ecomp-wp-header .ecomp-wp-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:14px 5% 25px;box-shadow:0 18px 30px #10232d20;max-height:calc(100dvh - 90px);overflow-y:auto}
 .header.ecomp-wp-header .ecomp-wp-nav.nav-open{display:block}
 .header.ecomp-wp-header .ecomp-wp-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
 .header.ecomp-wp-header .ecomp-wp-menu>li{width:100%;border-bottom:1px solid #e7e7e7}
 .header.ecomp-wp-header .ecomp-wp-menu>li>a{min-height:52px;padding:14px 0;font-size:15px}
 .header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta{margin:12px 0 0;border:0}
 .header.ecomp-wp-header .ecomp-wp-menu>li.menu-cta>a{width:100%;font-size:14px}
 .header.ecomp-wp-header .ecomp-wp-menu .sub-menu{position:static;display:block;box-shadow:none;padding:0 0 12px 15px}
 body:has(.ecomp-wp-header) .hero{margin-top:90px;height:calc(100svh - 90px)}
 html:has(.ecomp-wp-header){scroll-padding-top:90px}
 body.admin-bar:has(.ecomp-wp-header) .hero{margin-top:122px}
}
@media(max-width:782px){body.admin-bar .header.ecomp-wp-header{top:46px}body.admin-bar:has(.ecomp-wp-header) .hero{margin-top:136px}}
@media(max-width:767px){
 .header.ecomp-wp-header{height:76px;padding:0 6%}
 .header.ecomp-wp-header .ecomp-wp-logo{flex-basis:145px;width:145px}
 .header.ecomp-wp-header .ecomp-wp-nav{max-height:calc(100dvh - 76px);padding:12px 6% 25px}
 body:has(.ecomp-wp-header) .hero{margin-top:76px;height:calc(100svh - 76px)}
 html:has(.ecomp-wp-header){scroll-padding-top:76px}
 body.admin-bar:has(.ecomp-wp-header) .hero{margin-top:122px}
}
@media(max-width:600px){body.admin-bar .header.ecomp-wp-header{top:0}body.admin-bar:has(.ecomp-wp-header) .hero{margin-top:76px}}

/* H1 di tutti i singoli Case History */
.ecomp-single-case .sc-title {font-size: 36px !important;}

/* Mobile */
@media (max-width: 767px) {
    .ecomp-single-case .sc-title {font-size: 30px !important;}
    
}

/* Griglia orizzontale globale: allineata all'header WordPress ECOMP. */
.section,
.partners-band,
.image-break,
footer {
    padding-left: 5.2% !important;
    padding-right: 5.2% !important;
}
.hero-content { padding-left: 5.2% !important; padding-right: 5.2% !important; }
.hero-bottom { left: 5.2% !important; right: 5.2% !important; }
.ecomp-cases-page .cases-container,
.ecomp-editorial .ec-container {
    width: 89.6% !important;
    max-width: none !important;
}
@media (max-width: 1100px) {
    .section, .partners-band, .image-break, footer { padding-left: 5% !important; padding-right: 5% !important; }
    .hero-content { padding-left: 5% !important; padding-right: 5% !important; }
    .hero-bottom { left: 5% !important; right: 5% !important; }
    .ecomp-cases-page .cases-container, .ecomp-editorial .ec-container { width: 90% !important; }
}
@media (max-width: 767px) {
    .section, .partners-band, .image-break, footer { padding-left: 6% !important; padding-right: 6% !important; }
    .hero-content { padding-left: 6% !important; padding-right: 6% !important; }
    .hero-bottom { left: 6% !important; right: 6% !important; }
    .ecomp-cases-page .cases-container, .ecomp-editorial .ec-container { width: 88% !important; }
}

/* Altri template del tema, allineati alla stessa griglia dell'header. */
.ecomp-ty { padding-left: 5.2% !important; padding-right: 5.2% !important; }
.ecomp-original-page .original-layout { max-width: none; padding-left: 5.2%; padding-right: 5.2%; }
@media (max-width: 1100px) {
    .ecomp-ty { padding-left: 5% !important; padding-right: 5% !important; }
    .ecomp-original-page .original-layout { padding-left: 5%; padding-right: 5%; }
}
@media (max-width: 767px) {
    .ecomp-ty { padding-left: 6% !important; padding-right: 6% !important; }
    .ecomp-original-page .original-layout { padding-left: 6%; padding-right: 6%; }
}
