.elementor-18779 .elementor-element.elementor-element-71215b57{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-71215b57:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-71215b57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smcore.it/wp/wp-content/uploads/2025/10/A-cinematic-shot-of-an-IT-operations-center-with_.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18779 .elementor-element.elementor-element-71215b57.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18779 .elementor-element.elementor-element-d52a449{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-18779 .elementor-element.elementor-element-d52a449 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:115px;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:100px;letter-spacing:0px;word-spacing:0em;color:#FBFBFB;}.elementor-18779 .elementor-element.elementor-element-421e4b4c > .elementor-widget-container{padding:0% 8% 0% 8%;}.elementor-18779 .elementor-element.elementor-element-421e4b4c{text-align:center;font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:38px;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}.elementor-18779 .elementor-element.elementor-element-0d8a4f5{--display:flex;--min-height:0px;--justify-content:space-around;}.elementor-18779 .elementor-element.elementor-element-0d8a4f5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18779 .elementor-element.elementor-element-8750ef5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18779 .elementor-element.elementor-element-77a0947{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18779 .elementor-element.elementor-element-94f8cf4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18779 .elementor-element.elementor-element-ef0634f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18779 .elementor-element.elementor-element-38beeaa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18779 .elementor-element.elementor-element-529b847{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18779 .elementor-element.elementor-element-1f548c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18779 .elementor-element.elementor-element-46e1a05 .ehp-cta{--cta-content-position-vertical:start;background-color:#F6F7F8;--cta-image-height:564px;--cta-image-width:100%;--cta-button-primary-text-color:#FFFFFF;--cta-button-primary-text-color-hover:var( --e-global-color-primary );--cta-button-primary-border-width:1px;--cta-button-primary-padding-block-end:8px;--cta-button-primary-padding-block-start:8px;--cta-button-primary-padding-inline-end:16px;--cta-button-primary-padding-inline-start:16px;--cta-overlay-opacity:0.5;--cta-elements-spacing:40px;--cta-box-padding-block-end:60px;--cta-box-padding-block-start:60px;--cta-box-padding-inline-end:60px;--cta-box-padding-inline-start:60px;}.elementor-18779 .elementor-element.elementor-element-46e1a05 .is-type-button.ehp-cta__button--primary{background-color:var( --e-global-color-6efa3ee );}.elementor-18779 .elementor-element.elementor-element-46e1a05 .ehp-cta__image-container img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-18779 .elementor-element.elementor-element-46e1a05 .ehp-cta__button--primary{flex-direction:row-reverse;}@media(max-width:1024px){.elementor-18779 .elementor-element.elementor-element-71215b57{--min-height:100vh;}.elementor-18779 .elementor-element.elementor-element-d52a449 .elementor-heading-title{font-size:78px;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-18779 .elementor-element.elementor-element-421e4b4c > .elementor-widget-container{padding:0% 13% 0% 13%;}.elementor-18779 .elementor-element.elementor-element-421e4b4c{font-size:20px;line-height:1.2em;}.elementor-18779 .elementor-element.elementor-element-46e1a05 .ehp-cta{--cta-content-position-vertical:start;--cta-image-position:center center;}}@media(max-width:767px){.elementor-18779 .elementor-element.elementor-element-d52a449 .elementor-heading-title{font-size:41px;}.elementor-18779 .elementor-element.elementor-element-421e4b4c > .elementor-widget-container{padding:0% 10% 0% 10%;}.elementor-18779 .elementor-element.elementor-element-46e1a05 .ehp-cta{--cta-content-position-vertical:start;--cta-image-position:center center;}}@media(min-width:768px){.elementor-18779 .elementor-element.elementor-element-71215b57{--width:126.95%;}.elementor-18779 .elementor-element.elementor-element-0d8a4f5{--content-width:880px;}.elementor-18779 .elementor-element.elementor-element-77a0947{--width:100%;}}@media(min-width:1025px){.elementor-18779 .elementor-element.elementor-element-71215b57:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-71215b57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-9d7c2a4 *//* ===== Bottoni SMcore in hero ===== */
.smc-hero__actions { position: relative; z-index: 3; }

/* Piastra scura con blur */
.smc-hero__actions--plate{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px;
  background: rgba(15,22,33,0.55);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius:16px;
  backdrop-filter: blur(6px);
}

/* Layout affiancato + wrap su mobile */
.smc-hero__actions--inline{
  display:flex; gap:16px; flex-wrap:nowrap; justify-content:center;
}
@media (max-width:640px){ .smc-hero__actions--inline{ flex-wrap:wrap; } }

/* Stile base del bottone */
.smc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px;
  padding:14px 22px;
  border-radius:14px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:.92rem;
  line-height:1;
  border:1px solid transparent;
  text-decoration:none !important;       /* <-- niente sottolineato */
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
  will-change: transform;
}

/* Primario (rosso brand) */
.smc-btn--primary.is-on-hero{
  background: linear-gradient(90deg, var(--smc-brand), var(--smc-brand-2));
  color: #0F1621;                        /* testo scuro sul rosso */
  box-shadow: 0 8px 18px rgba(255,58,45,0.25);
}
.smc-btn--primary.is-on-hero:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(253,119,78,0.32);
}
.smc-btn--primary.is-on-hero:focus-visible{
  outline: 2px solid #fff; outline-offset: 2px;
}

/* Ghost su hero scura */
.smc-btn--ghost.is-on-hero{
  background: transparent;
  color: var(--smc-ink);                 /* testo chiaro */
  border-color: rgba(255,255,255,0.38);
}
.smc-btn--ghost.is-on-hero:hover{
  background: rgba(255,255,255,0.08);
  border-color: var(--smc-brand-2);
  color:#fff;
}

/* Dimensioni minime e comportamento su mobile */
.smc-btn{ min-width: 230px; text-align:center; }
@media (max-width:640px){
  .smc-btn{ width: 100%; min-width: 0; }
}

/* (Opzionale) variante “cta-strong” più alta */
.smc-cta-strong.smc-btn{ padding:16px 26px; font-size:1rem; border-radius:16px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99711e4 *//* Bottoni compatti solo nella sezione #aree */
#aree .smc-btn { min-width: 10px; width:auto; }

/* Variante piccola */
.smc-btn--fit { min-width: 0; width: auto; }
.smc-btn--sm  { padding: 10px 16px; font-size: .88rem; border-radius: 10px; }

/* Evita che su mobile diventino 100% se non vuoi */
@media (max-width:640px){
  .smc-btn--noexpand{ width:auto !important; min-width:0 !important; }
}

/* Correggi il gradient troncato e rendilo coerente col tema */
#aree .smc-btn--primary{
  background: linear-gradient(90deg, #FF3A2D 0%, #D6281E 100%);
  color:#fff !important;
  padding: 12px 40px;                 /* un filo più corto */
  border-radius:10px;
}

/* (opzionale) effetto hover */
#aree .smc-btn--primary:hover{
  background: linear-gradient(90deg, #FF4E3F 0%, #E03025 100%);
  box-shadow: 0 0 14px rgba(255,58,45,.35);
  transform: translateY(-2px);
}

/* Titoli più equilibrati */
.smc-title-md {
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 10px;
}
.smc-title-sm {
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.3;
}

/* Griglia 4 card allineate */
.smc-grid--4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  justify-content: center;
}

/* Card */
.smc-card--area {
  background: var(--smc-surface, #1B2433);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .2s ease, box-shadow .2s ease;
}
.smc-card--area:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}

/* Testo e CTA distanziati */
.smc-card--area p {
  opacity: .9;
  margin-bottom: 24px;
}

/* Pulsante con respiro */
.smc-card__actions {
  margin-top: auto;
  padding-top: 8px;
}
.smc-btn--primary {
  background: linear-gradient(90deg, #FF3A2D 0%, #D6281E 100%);
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  padding: 14px 26px;
  transition: all .25s ease;
}
.smc-btn--primary:hover {
  background: linear-gradient(90deg, #FF4E3F 0%, #E03025 100%);
  box-shadow: 0 0 14px rgba(255,58,45,.45);
  transform: translateY(-2px);
}
/* 1) Titolo più equilibrato + meno spazio sotto */
#aree .smc-section__header h2{
  font-size: clamp(28px, 3.2vw, 48px); /* prima era troppo enorme */
  line-height: 1.1;
  margin-bottom: 8px;                  /* riduce gap con il sottotitolo */
}

/* 2) Sottotitolo: max width e centrato per migliore leggibilità */
#aree .smc-section__header p{
  max-width: 920px;
  margin: 0 auto 28px auto;            /* più aria tra testo e griglia */
  opacity: .9;
}

/* 3) Griglia: 4 affiancate con respiro uniforme */
#aree .smc-grid--areas{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 28px;
}
@media (max-width: 1200px){
  #aree .smc-grid--areas{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px){
  #aree .smc-grid--areas{ grid-template-columns: 1fr; }
}

/* 4) Card: altezza uniforme, ombra più soft, padding costante */
#aree .smc-card--area{
  display: flex; flex-direction: column;
  min-height: 260px;                    /* forza allineamento */
  padding: 26px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 24px rgba(0,0,0,.25);  /* meno “fumo” */
}
#aree .smc-card--area:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 28px rgba(0,0,0,.28);
}
#aree .smc-card--area h3{ margin-bottom: 8px; }
#aree .smc-card--area p{
  margin-bottom: 18px;                  /* più respiro sopra il bottone */
  opacity: .92;
}

/* 5) CTA: distanza sicura dal testo + dimensioni consistenti */
#aree .smc-card__actions{ margin-top: auto; padding-top: 6px; }
#aree .smc-btn--primary{
  padding: 12px 22px;
  background: linear-gradie
  
/* Bottoni compatti */
.smc-btn--fit { min-width: 0; width: auto; }   /* niente larghezza minima */
.smc-btn--sm  { padding: 10px 16px; font-size: .88rem; border-radius: 10px; }
/* Bottoni compatti solo nella sezione #aree */
#aree .smc-btn { min-width: 0; width: auto; }

/* Variante piccola */
.smc-btn--fit { min-width: 0; width: auto; }
.smc-btn--sm  { padding: 10px 16px; font-size: .88rem; border-radius: 10px; }

/* Evita che su mobile diventino 100% se non vuoi */
@media (max-width:640px){
  .smc-btn--noexpand{ width:auto !important; min-width:0 !important; }
}

/* Correggi il gradient troncato e rendilo coerente col tema */
#aree .smc-btn--primary{
  background: linear-gradient(90deg, #FF3A2D 0%, #D6281E 100%);
  color:#fff !important;
  padding: 12px 18px;                 /* un filo più corto */
  border-radius:10px;
}

/* (opzionale) effetto hover */
#aree .smc-btn--primary:hover{
  background: linear-gradient(90deg, #FF4E3F 0%, #E03025 100%);
  box-shadow: 0 0 14px rgba(255,58,45,.35);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef0634f *//* ============================
   SEZIONE: Il nostro metodo (Light)
   ============================ */
#metodo.smc-section--light{
  background:#F3F6FB;
  color:#1B2433;
  padding: clamp(56px, 7vw, 96px) 0;
}

/* Header */
#metodo .smc-section__header .smc-title-lg{ margin:0 0 8px 0; }
#metodo .smc-section__header .smc-title-sm{
  color:#4A5568;
  max-width: 860px;
  margin: 0 auto clamp(20px,3vw,36px);
}

/* Lista step: reset di default e layout */
#metodo .smc-steps{
  list-style: none; margin:0; padding:0;
  display:grid; gap: clamp(18px,2.2vw,28px);
  max-width:1100px; margin-inline:auto;
}

/* Riga step: 2 colonne (badge + contenuto) */
#metodo .smc-step{
  position:relative;
  display:grid;
  grid-template-columns: 60px 1fr;
  align-items:start;
  gap:16px;
  padding:8px 0;
}

/* Linea verticale della timeline */
#metodo .smc-step::after{
  content:"";
  position:absolute;
  left: 30px;                 /* centro del badge (56px/2 ≈ 28–30) */
  top: 64px;                  /* parte sotto al badge */
  bottom: -6px;
  width:2px;
  background: linear-gradient(180deg, rgba(15,22,33,.08), rgba(15,22,33,.12));
}
#metodo .smc-step:last-child::after{ display:none; }

/* Badge numerico (usa i numeri che hai in HTML) */
#metodo .smc-step__badge{
  display:grid; place-items:center;
  width:56px; height:56px;
  border-radius:14px;
  font-weight:800;
  font-variant-numeric: tabular-nums;
  letter-spacing:.02em;
  color:#fff;
  background: linear-gradient(90deg, var(--smc-brand,#FF3A2D), var(--smc-brand-2,#FD774E));
  box-shadow: 0 8px 18px rgba(255,58,45,.22);
}

/* Titolo + testo step */
#metodo .smc-step__title{
  font-size: clamp(20px, 2.3vw, 28px);
  line-height:1.2;
  font-weight:800;
  margin:0 0 6px 0;
}
#metodo .smc-step__text{
  color:#3E4A5E;
  opacity:.95;
  max-width:900px;
  margin:0;
}

/* CTA compatta e centrata */
#metodo .smc-title-center{ margin-top: clamp(18px,3vw,30px); }
#metodo .smc-title-center .smc-btn{
  min-width:0; width:auto;
  padding:12px 18px;
  border-radius:10px;
  text-transform:uppercase;
  font-weight:700;
}

/* Responsive */
@media (max-width: 860px){
  #metodo .smc-step{ grid-template-columns: 44px 1fr; }
  #metodo .smc-step__badge{ width:42px; height:42px; border-radius:10px; font-size:14px; }
  #metodo .smc-step::after{ left: 22px; top: 52px; }
}
@media (max-width: 520px){
  #metodo .smc-steps{ gap:20px; }
  #metodo .smc-step{ padding:4px 0; }
}
/* Fix layout: titolo e testo nella colonna 2, badge su 2 righe */
#metodo .smc-step{
  display:grid;
  grid-template-columns: 56px 1fr; /* badge + contenuto */
  align-items:start;
  gap: 12px 16px;                  /* row gap, column gap */
}

#metodo .smc-step__badge{
  grid-column: 1;
  grid-row: 1 / span 2;            /* il badge copre titolo+testo */
  width:56px; height:56px;         /* (mantieni il tuo stile) */
}

#metodo .smc-step__title,
#metodo .smc-step__text{
  grid-column: 2;                  /* forza nella colonna di destra */
}

/* linea verticale allineata al centro del badge */
#metodo .smc-step::after{
  left: 28px;                      /* metà del badge (56/2) */
  top: 64px;
}

/* rifiniture */
#metodo .smc-step__title{ margin: 0 0 6px 0; }
#metodo .smc-step__text{ margin: 0; max-width: 900px; }

/* responsive */
@media (max-width: 860px){
  #metodo .smc-step{
    grid-template-columns: 44px 1fr;
  }
  #metodo .smc-step__badge{
    width:42px; height:42px; border-radius:10px; font-size:14px;
  }
  #metodo .smc-step::after{ left: 22px; top: 52px; }
}/* End custom CSS */