/*
Theme Name: Elvectra
Theme URI: https://elvectra.ch
Author: Elvectra Sagl
Description: Tema WordPress personalizzato per Elvectra Sagl, predisposto per futura integrazione con portale gestionale separato.
Version: 3.8.0
Text Domain: elvectra
*/

:root{--bg:#ffffff;--panel:#ffffff;--text:#222222;--muted:#666666;--accent:#fe0103;--accent-dark:#d60000;--soft:#f6f6f6;--line:#e4e4e4;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #ececec;box-shadow:0 2px 14px rgba(0,0,0,.04)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{font-weight:800;letter-spacing:.07em;color:#222;font-size:1.35rem}.brand span{color:var(--accent)}.main-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;color:#333;font-size:.94rem}.main-nav a{transition:.2s ease}.main-nav a:hover{color:var(--accent)}.portal-link{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 14px}.menu-toggle{display:none;background:none;border:0;color:#222;font-size:1.5rem}
.hero{min-height:74vh;display:grid;align-items:center;color:#222;background:linear-gradient(105deg,#fff 0%,#fff 58%,#f7f7f7 100%);border-bottom:1px solid #eee}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:center;padding:88px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.78rem;color:var(--accent)}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;margin:18px 0 24px;letter-spacing:-.045em;max-width:900px;color:#202020}.hero h1::after{content:"";display:block;width:88px;height:5px;background:var(--accent);margin-top:26px;border-radius:10px}.hero p{font-size:1.18rem;color:#5d5d5d;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;border-radius:7px;padding:13px 19px;font-weight:750;transition:.2s ease}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-secondary{border:1px solid #cfcfcf;color:#333;background:#fff}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.hero-card{border:1px solid #e2e2e2;background:#fff;padding:30px;border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.07);border-top:4px solid var(--accent)}.hero-card strong{display:block;font-size:1.2rem;margin-bottom:12px;color:#222}.hero-card ul{margin:0;padding-left:20px;color:#5f5f5f}
.section{padding:94px 0;background:#fff}.section-dark{background:var(--soft);color:#222}.section-soft{background:var(--soft)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-title h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:8px 0;letter-spacing:-.035em;color:#222}.section-title h2::after{content:"";display:block;width:62px;height:4px;background:var(--accent);margin-top:16px;border-radius:10px}.section-title p,.section-dark .section-title p{max-width:620px;color:#666}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid #e3e3e3;border-radius:12px;background:white;box-shadow:0 5px 22px rgba(0,0,0,.035);transition:.2s ease}.card:hover{transform:translateY(-3px);border-color:#ffb3b4;box-shadow:0 10px 30px rgba(0,0,0,.06)}.section-dark .card{background:#fff;border-color:#e3e3e3}.card-num{color:var(--accent);font-weight:800;font-size:.8rem}.card h3{margin:12px 0 8px;font-size:1.34rem;color:#222}.card p,.section-dark .card p{margin:0;color:#696969}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric{padding:24px;border-top:3px solid var(--accent);background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.035)}.metric b{display:block;font-size:2rem;color:#222}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{min-height:270px;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(145deg,#ddd,#aaa)}.project img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.project-info{position:absolute;inset:auto 0 0;padding:70px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:white}.project-info span{color:#eee;font-size:.88rem}
.partners{display:flex;gap:14px;flex-wrap:wrap}.partner{border:1px solid #dedede;padding:15px 19px;border-radius:999px;font-weight:700;background:white}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{padding:22px;border:1px solid #e2e2e2;border-radius:12px;background:#fff}.team-card .role{color:#777;font-size:.9rem}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-list{list-style:none;padding:0}.contact-list li{margin:13px 0}.contact-form{display:grid;gap:13px}.contact-form input,.contact-form textarea{width:100%;padding:14px;border:1px solid #d3d3d3;border-radius:7px;font:inherit;background:#fff}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(254,1,3,.13);border-color:var(--accent)}.contact-form textarea{min-height:150px}.notice{padding:12px 14px;border-radius:7px;background:#ffe9e9;border-left:4px solid var(--accent);margin-bottom:16px}
.site-footer{background:#f3f3f3;color:#5f5f5f;padding:54px 0 24px;border-top:1px solid #e4e4e4}.site-footer strong,.site-footer h3{color:#222}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-bottom{border-top:1px solid #dcdcdc;margin-top:38px;padding-top:18px;font-size:.85rem}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{border:1px solid #e3e3e3;border-radius:12px;padding:24px;background:#fff}.news-card time{color:#777;font-size:.86rem}.empty{border:1px dashed #aaa;padding:24px;border-radius:12px;color:#68737b}.page-hero{background:#fff;color:#222;padding:80px 0;border-bottom:1px solid #eee}.page-hero h1::after{content:"";display:block;width:70px;height:4px;background:var(--accent);margin-top:16px}.content{padding:70px 0}.content article{max-width:820px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#ffe9e9;color:var(--accent-dark);font-size:.8rem;font-weight:700}
@media(max-width:900px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.cards,.projects-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:20px;border-bottom:1px solid #eee;box-shadow:0 12px 24px rgba(0,0,0,.06)}.main-nav.open{display:block}.main-nav ul{flex-direction:column}.menu-toggle{display:block}.footer-grid{grid-template-columns:1fr}.hero-card{display:none}}@media(max-width:620px){.cards,.projects-grid,.team-grid,.news-grid{grid-template-columns:1fr}.section{padding:68px 0}.hero-grid{padding:60px 0}.hero{min-height:auto}.hero h1{font-size:3.15rem}.section-title{display:block}}

.project img{width:100%;height:280px;object-fit:cover;display:block}.project{overflow:hidden}.project-info{padding:18px}.project-info h3{margin:0 0 6px}

/* V5 - Galleria a raccoglitori per categoria */
.project-collections{display:grid;gap:14px}
.project-collection{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.025)}
.project-collection summary{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:21px 24px;cursor:pointer;list-style:none;font-weight:800;transition:.2s ease}
.project-collection summary::-webkit-details-marker{display:none}
.project-collection summary:hover{background:#fafafa}
.collection-title{font-size:1.18rem;color:#222}
.collection-meta{font-size:.86rem;color:#777;font-weight:600}
.collection-toggle{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffe9e9;color:var(--accent);font-size:1.25rem;line-height:1;transition:.2s ease}
.project-collection[open] .collection-toggle{transform:rotate(45deg);background:var(--accent);color:#fff}
.project-collection[open] summary{border-bottom:1px solid var(--line)}
.collection-body{padding:20px}
.collection-body .projects-grid{grid-template-columns:repeat(3,1fr)}
.collection-body .project{min-height:230px}
.collection-body .project img{height:230px}
@media(max-width:900px){.collection-body .projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.project-collection summary{padding:18px;grid-template-columns:1fr auto}.collection-meta{display:none}.collection-body{padding:12px}.collection-body .projects-grid{grid-template-columns:1fr}.collection-body .project,.collection-body .project img{min-height:220px;height:220px}}


/* V6 - Lightbox fotografie */
.project-lightbox-trigger{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
  z-index:1;
}
.project-lightbox-trigger img{
  transition:transform .28s ease, filter .28s ease;
}
.project:hover .project-lightbox-trigger img{
  transform:scale(1.025);
  filter:brightness(.94);
}
.project-zoom{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.92);
  color:var(--accent);
  font-size:1.45rem;
  font-weight:700;
  box-shadow:0 4px 18px rgba(0,0,0,.16);
  opacity:0;
  transform:translateY(-4px);
  transition:.2s ease;
}
.project:hover .project-zoom,
.project-lightbox-trigger:focus-visible .project-zoom{
  opacity:1;
  transform:none;
}
.project-info{
  z-index:2;
  pointer-events:none;
}
.project-lightbox-trigger:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:-3px;
}

body.lightbox-open{overflow:hidden}
.elvectra-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:32px 82px;
  background:rgba(0,0,0,.9);
}
.elvectra-lightbox.is-open{display:flex}
.lightbox-figure{
  margin:0;
  max-width:min(1180px,92vw);
  max-height:90vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.lightbox-image{
  display:block;
  max-width:100%;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:4px;
  box-shadow:0 12px 50px rgba(0,0,0,.38);
}
.lightbox-caption{
  color:#fff;
  text-align:center;
  font-size:.95rem;
}
.lightbox-close,
.lightbox-nav{
  position:fixed;
  border:0;
  color:#fff;
  background:rgba(255,255,255,.12);
  cursor:pointer;
  transition:.2s ease;
  backdrop-filter:blur(8px);
}
.lightbox-close:hover,
.lightbox-nav:hover,
.lightbox-close:focus-visible,
.lightbox-nav:focus-visible{
  background:var(--accent);
  outline:none;
}
.lightbox-close{
  top:20px;
  right:22px;
  width:48px;
  height:48px;
  border-radius:50%;
  font-size:2rem;
  line-height:1;
}
.lightbox-nav{
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:70px;
  border-radius:8px;
  font-size:3rem;
  line-height:1;
}
.lightbox-prev{left:18px}
.lightbox-next{right:18px}
.lightbox-nav[hidden]{display:none}

@media(max-width:700px){
  .elvectra-lightbox{padding:70px 14px 24px}
  .lightbox-nav{
    top:auto;
    bottom:18px;
    transform:none;
    width:46px;
    height:46px;
    border-radius:50%;
    font-size:2.2rem;
  }
  .lightbox-prev{left:18px}
  .lightbox-next{right:18px}
  .lightbox-image{max-height:74vh}
  .project-zoom{opacity:1}
}


/* V7 - Logo Elvectra personalizzabile da WordPress */
.custom-logo-link{
  display:inline-flex;
  align-items:center;
  line-height:0;
}
.custom-logo{
  display:block;
  width:auto;
  height:46px;
  max-width:300px;
  object-fit:contain;
}
.elvectra-default-logo .custom-logo{
  height:46px;
}
@media(max-width:620px){
  .custom-logo,
  .elvectra-default-logo .custom-logo{
    height:38px;
    max-width:235px;
  }
}


/* V8 - Colore corporate ricavato dal logo fornito
   Rosso digitale di riferimento: #FE0103 (RGB 254, 1, 3)
   Tutti gli elementi rossi del tema usano la variabile --accent. */


/* V9 - Hero a tutta larghezza con fotografia di sfondo */
.hero.hero-photo{
  position:relative;
  isolation:isolate;
  min-height:78vh;
  background-image:
    linear-gradient(
      rgba(0,0,0,var(--hero-overlay,.38)),
      rgba(0,0,0,var(--hero-overlay,.38))
    ),
    var(--hero-image);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color:#fff;
  border-bottom:0;
}
.hero.hero-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.03) 58%,rgba(0,0,0,.12) 100%);
  pointer-events:none;
}
.hero.hero-photo .hero-grid{
  min-height:78vh;
}
.hero.hero-photo .eyebrow{
  color:#fff;
  text-shadow:0 1px 8px rgba(0,0,0,.38);
}
.hero.hero-photo h1{
  color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.36);
}
.hero.hero-photo h1::after{
  background:var(--accent);
}
.hero.hero-photo p{
  color:#fff;
  font-weight:500;
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.hero.hero-photo .hero-card{
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(8px);
}
.hero.hero-photo .btn-secondary{
  background:rgba(255,255,255,.94);
  border-color:#fff;
}
@media(max-width:900px){
  .hero.hero-photo,
  .hero.hero-photo .hero-grid{
    min-height:68vh;
  }
  .hero.hero-photo{
    background-position:center;
  }
}

/* V10 - Galleria spostata sotto la sezione News */


/* V11 - Contatti cliccabili */
.contact-link{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  color:inherit;
  transition:.2s ease;
}
.contact-link:hover{
  color:var(--accent);
}
.contact-action{
  margin-top:4px;
  font-size:.82rem;
  font-weight:700;
  color:var(--accent);
}

/* V12 - Team spostato prima della sezione Servizi */


/* V13 - Sezione Control4 */
.control4-section{
  background:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.control4-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:72px;
  align-items:center;
}
.control4-brand{
  min-height:360px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:22px;
  padding:42px;
  background:linear-gradient(145deg,#f5f5f5,#ffffff);
  border:1px solid #e4e4e4;
  box-shadow:0 14px 40px rgba(0,0,0,.05);
}
.control4-logo{
  display:block;
  width:min(330px,90%);
  height:auto;
  object-fit:contain;
}
.control4-logo-fallback{
  font-size:clamp(3.2rem,7vw,5.8rem);
  line-height:1;
  font-weight:700;
  letter-spacing:-.07em;
  color:#707070;
}
.control4-logo-fallback span{color:#ed1c24}
.control4-logo-fallback sup{
  font-size:.18em;
  vertical-align:top;
  margin-left:5px;
  letter-spacing:0;
  color:#707070;
}
.control4-badge{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.72rem;
  font-weight:800;
  color:#777;
}
.control4-copy h2{
  font-size:clamp(2.2rem,4vw,3.8rem);
  margin:9px 0 20px;
  line-height:1.02;
  letter-spacing:-.035em;
}
.control4-copy h2::after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  background:var(--accent);
  margin-top:17px;
  border-radius:10px;
}
.control4-lead{
  font-size:1.13rem;
  color:#444;
}
.control4-copy p{max-width:720px}
.control4-features{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:26px 0 8px;
}
.control4-features span{
  border:1px solid #dedede;
  background:#fafafa;
  border-radius:999px;
  padding:8px 12px;
  font-size:.84rem;
  font-weight:700;
  color:#444;
}
@media(max-width:900px){
  .control4-grid{grid-template-columns:1fr;gap:34px}
  .control4-brand{min-height:260px}
}


/* V14 - Loghi partner cliccabili */
.partner-logo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.partner-logo-card{
  min-height:145px;
  border:1px solid #dedede;
  border-radius:12px;
  background:#fff;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}
.partner-logo-card:hover{
  transform:translateY(-2px);
  border-color:#cfcfcf;
  box-shadow:0 8px 24px rgba(0,0,0,.055);
}
.partner-logo-card a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.partner-logo{
  display:block;
  max-width:220px;
  max-height:85px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:none;
}
.partner-name{
  font-weight:800;
  text-align:center;
}
@media(max-width:900px){
  .partner-logo-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .partner-logo-grid{grid-template-columns:1fr}
}


/* V15 - Nome partner sopra, logo selezionabile nel riquadro sotto */
.partner-logo-card{
  min-height:190px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:12px;
}
.partner-name{
  font-weight:800;
  text-align:center;
  color:#222;
  font-size:1rem;
  line-height:1.25;
}
.partner-logo-box{
  flex:1;
  min-height:120px;
  width:100%;
  border:1px solid #e2e2e2;
  border-radius:10px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  transition:.2s ease;
}
a.partner-logo-box:hover{
  border-color:var(--accent);
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.partner-logo{
  display:block;
  max-width:220px;
  max-height:78px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.partner-logo-placeholder{
  color:#999;
  font-size:.85rem;
  font-weight:600;
}


/* V16 - Logo partner più grande dentro il riquadro */
.partner-logo-box{
  min-height:145px;
  padding:10px;
  overflow:hidden;
}
.partner-logo{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:120px;
  object-fit:contain;
}


/* V17 - Logo Control4 a destra del logo Elvectra nell'header */
.header-branding{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.header-brand-divider{
  display:block;
  width:1px;
  height:34px;
  background:#dcdcdc;
}
.header-control4-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  transition:.2s ease;
}
.header-control4-link:hover{
  opacity:.78;
}
.header-control4-logo{
  display:block;
  width:auto;
  height:34px;
  max-width:160px;
  object-fit:contain;
}
@media(max-width:900px){
  .header-branding{gap:11px}
  .header-brand-divider{height:28px}
  .header-control4-logo{
    height:28px;
    max-width:120px;
  }
}
@media(max-width:620px){
  .header-branding{gap:8px}
  .header-brand-divider{height:24px}
  .header-control4-logo{
    height:24px;
    max-width:92px;
  }
  .header-branding .custom-logo{
    max-width:185px;
  }
}
@media(max-width:430px){
  .header-control4-link,
  .header-brand-divider{
    display:none;
  }
}

/* V18 - Logo Control4 header completamente separato dal logo della sezione Control4 */


/* V19 - Sviluppo commerciale */
.technology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.technology-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.technology-logo{height:70px;display:flex;align-items:center;margin-bottom:16px}
.technology-logo img{max-height:62px;width:auto;object-fit:contain}
.technology-card h3{margin:0 0 8px}
.technology-card p{margin:0;color:var(--muted)}
.technology-placeholder{border-style:dashed}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.04)}
.case-image{height:220px;overflow:hidden}
.case-image img{width:100%;height:100%;object-fit:cover}
.case-copy{padding:22px}
.case-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}
.case-copy h3{margin:8px 0 10px}
.case-empty,.review-empty{grid-column:1/-1;border:1px dashed #aaa;border-radius:12px;padding:24px;color:#666}

.reviews-section{background:#fff}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}
.review-card blockquote{margin:14px 0 18px;color:#444}
.review-card strong,.review-card span{display:block}
.review-card span{font-size:.88rem;color:#777}
.stars{letter-spacing:.08em;color:#c78b00;font-size:1.05rem}

.intervention-section{background:var(--soft)}
.intervention-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}
.intervention-section h2{font-size:clamp(2.1rem,4vw,3.6rem);margin:8px 0 18px}
.intervention-benefits{display:grid;gap:10px;margin-top:28px;font-weight:700}
.intervention-benefits span{padding:10px 0;border-bottom:1px solid #ddd}
.intervention-form select{width:100%;padding:14px;border:1px solid #d3d3d3;border-radius:7px;background:#fff;font:inherit;color:#333}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.upload-box{border:1px dashed #bbb;border-radius:9px;padding:16px;background:#fff;display:grid;gap:5px;cursor:pointer}
.upload-box span{font-size:.82rem;color:#777}
.upload-box input{padding:8px 0;border:0}
.notice-error{background:#fff1f1;border-left-color:#b00020}

@media(max-width:900px){
  .technology-grid,.case-grid,.reviews-grid{grid-template-columns:repeat(2,1fr)}
  .intervention-grid{grid-template-columns:1fr;gap:35px}
}
@media(max-width:620px){
  .technology-grid,.case-grid,.reviews-grid,.form-two{grid-template-columns:1fr}
}

/* V20 - Possibilità di attivare/disattivare la sezione recensioni dal Customizer */

/* V21 - Ordinamento manuale disponibile dal pannello WordPress */

/* V26 - Toggle sezione Richiedi un intervento */

/* V27 - Messaggio contatti mostrato una sola volta */
.contact-success-notice{
  transition:opacity .35s ease, transform .35s ease;
}
.contact-success-notice.is-hiding{
  opacity:0;
  transform:translateY(-6px);
}

/* V28 - Chi siamo editabile dal Customizer */