/* =========================================================
BNI THE BEST NETWORKERS UMBRIA — V1
Hero + carousel diplomi + lightbox + value cards
========================================================= */

.bnw-page{
  --bnw-red:#cf2030;
  --bnw-dark:#1d1d1f;
  --bnw-text:#444;
  --bnw-soft:#f7f7f7;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  color:var(--bnw-text)!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

.bnw-page *{box-sizing:border-box!important;}

.bnw-wrap{
  width:1240px!important;
  max-width:calc(100% - 44px)!important;
  margin:0 auto!important;
}

/* =========================================================
HERO
========================================================= */
.bnw-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:78px 20px 72px!important;
  background:
    radial-gradient(circle at 14% 30%,rgba(207,32,48,.025),transparent 24%),
    radial-gradient(circle at 86% 35%,rgba(207,32,48,.035),transparent 28%),
    #fff!important;
  border-bottom:1px solid #eee!important;
}

.bnw-hero-inner{
  position:relative!important;
  z-index:2!important;
  text-align:center!important;
}


.bnw-title{
  max-width:1100px!important;
  margin:0 auto!important;
  color:var(--bnw-dark)!important;
  -webkit-text-fill-color:var(--bnw-dark)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:62px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-1.8px!important;
}

.bnw-title span{
  color:var(--bnw-red)!important;
  -webkit-text-fill-color:var(--bnw-red)!important;
}

.bnw-title-line{
  width:72px!important;
  height:5px!important;
  margin:31px auto 26px!important;
  background:var(--bnw-red)!important;
}

.bnw-lead{
  max-width:790px!important;
  margin:0 auto!important;
  color:#505050!important;
  font-size:21px!important;
  line-height:1.55!important;
}

/* network watermark */
.bnw-network{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  opacity:.13!important;
  pointer-events:none!important;
}
.bnw-node{
  position:absolute!important;
  width:18px!important;
  height:18px!important;
  border:3px solid var(--bnw-red)!important;
  border-radius:50%!important;
  background:#fff!important;
}
.bnw-node-1{left:5%;top:46%!important;}
.bnw-node-2{left:17%;top:19%!important;}
.bnw-node-3{right:18%;top:20%!important;}
.bnw-node-4{right:5%;top:48%!important;}
.bnw-node-5{right:28%;bottom:12%!important;}
.bnw-net-line{
  position:absolute!important;
  height:2px!important;
  background:var(--bnw-red)!important;
  transform-origin:left center!important;
}
.bnw-net-line-1{left:6%;top:48%;width:13%;transform:rotate(-31deg);}
.bnw-net-line-2{left:18%;top:22%;width:64%;opacity:.32;}
.bnw-net-line-3{right:5.8%;top:51%;width:15%;transform:rotate(208deg);}
.bnw-net-line-4{right:18%;top:25%;width:17%;transform:rotate(116deg);}

/* =========================================================
AWARDS / CAROUSEL
========================================================= */
.bnw-awards{
  padding:56px 0 58px!important;
  background:#fff!important;
}

.bnw-awards-heading{
  text-align:center!important;
  margin-bottom:34px!important;
}

.bnw-quarter{
  margin-bottom:12px!important;
  color:var(--bnw-red)!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
}

.bnw-hashtag{
  color:#222!important;
  -webkit-text-fill-color:#222!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:43px!important;
  line-height:1.1!important;
  font-weight:700!important;
}

.bnw-hashtag span{
  color:var(--bnw-red)!important;
  -webkit-text-fill-color:var(--bnw-red)!important;
}

.bnw-awards-heading p{
  max-width:780px!important;
  margin:18px auto 0!important;
  color:#666!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.bnw-carousel{
  position:relative!important;
  width:100%!important;
  padding:0 58px!important;
}

.bnw-viewport{
  width:100%!important;
  overflow:hidden!important;
  padding:10px 4px 24px!important;
}

.bnw-track{
  display:flex!important;
  align-items:stretch!important;
  gap:24px!important;
  transition:transform .48s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}

.bnw-card{
  position:relative!important;
  flex:0 0 calc((100% - 48px)/3)!important;
  min-width:0!important;
  padding:8px!important;
  background:#fff!important;
  border:1px solid #e7e7e7!important;
  box-shadow:0 12px 28px rgba(0,0,0,.085)!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

.bnw-card:after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  height:4px!important;
  background:var(--bnw-red)!important;
  pointer-events:none!important;
}

.bnw-profile-link{
  display:block!important;
  width:100%!important;
  text-decoration:none!important;
  overflow:hidden!important;
  background:#f4f4f4!important;
}

.bnw-profile-link img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:scale(1)!important;
  transition:transform .35s ease!important;
}

.bnw-zoom{
  position:absolute!important;
  right:19px!important;
  bottom:20px!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:var(--bnw-red)!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:400!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
}

.bnw-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:6!important;
  width:46px!important;
  height:46px!important;
  margin-top:-23px!important;
  padding:0!important;
  border:1px solid #e2e2e2!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#222!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:31px!important;
  line-height:42px!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
}
.bnw-prev{left:0!important;}
.bnw-next{right:0!important;}
.bnw-arrow:disabled{opacity:.25!important;cursor:default!important;}

.bnw-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:20px!important;
  margin-top:3px!important;
}

.bnw-dot{
  width:10px!important;
  height:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#d1d1d1!important;
  font-size:0!important;
  cursor:pointer!important;
}
.bnw-dot.is-active{background:var(--bnw-red)!important;}

.bnw-help{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:17px!important;
  color:#777!important;
  font-size:12px!important;
}
.bnw-help-dot{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:var(--bnw-red)!important;
}
.bnw-help strong{color:var(--bnw-red)!important;}

@media(hover:hover) and (pointer:fine){
  .bnw-card:hover{
    transform:translateY(-5px)!important;
    box-shadow:0 18px 34px rgba(0,0,0,.13)!important;
  }
  .bnw-card:hover .bnw-profile-link img{transform:scale(1.018)!important;}
  .bnw-zoom:hover{background:#b81826!important;}
}

/* =========================================================
VALUE SECTION — WHITE + RED CARDS
========================================================= */
.bnw-value{
  padding:66px 0 56px!important;
  background:#f8f8f8!important;
  border-top:1px solid #ededed!important;
}

.bnw-value-heading{
  text-align:center!important;
  margin-bottom:34px!important;
}

.bnw-value-title{
  color:#222!important;
  -webkit-text-fill-color:#222!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:43px!important;
  line-height:1.12!important;
  font-weight:700!important;
}

.bnw-value-title span{
  color:var(--bnw-red)!important;
  -webkit-text-fill-color:var(--bnw-red)!important;
}

.bnw-value-line{
  width:68px!important;
  height:4px!important;
  margin:18px auto 17px!important;
  background:var(--bnw-red)!important;
}

.bnw-value-heading p{
  max-width:850px!important;
  margin:0 auto!important;
  color:#555!important;
  font-size:17px!important;
  line-height:1.55!important;
}

.bnw-value-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
}

.bnw-value-card{
  display:flex!important;
  min-height:155px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e6e6e6!important;
  box-shadow:0 10px 24px rgba(0,0,0,.055)!important;
}

.bnw-value-icon{
  flex:0 0 104px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--bnw-red)!important;
}

.bnw-ico{
  position:relative!important;
  display:block!important;
  width:54px!important;
  height:54px!important;
  color:#fff!important;
}

/* all icon pseudos */
.bnw-ico:before,.bnw-ico:after{
  content:""!important;
  position:absolute!important;
  box-sizing:border-box!important;
}

/* relations: two people + connection */
.bnw-ico-relations:before{
  left:3px;top:7px;width:16px;height:16px;
  border:3px solid #fff;border-radius:50%;
  box-shadow:32px 0 0 -3px var(--bnw-red),32px 0 0 0 #fff;
}
.bnw-ico-relations:after{
  left:5px;bottom:4px;width:44px;height:23px;
  border:3px solid #fff;border-top:0;border-radius:0 0 24px 24px;
}

/* referral: handshake-ish */
.bnw-ico-referral:before{
  left:5px;top:17px;width:43px;height:21px;
  border:3px solid #fff;border-radius:5px;transform:rotate(-7deg);
}
.bnw-ico-referral:after{
  left:14px;top:20px;width:27px;height:16px;
  border-top:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(37deg);
}

/* 1to1: table + two heads */
.bnw-ico-onetoone:before{
  left:2px;top:5px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;
  box-shadow:36px 0 0 -3px var(--bnw-red),36px 0 0 0 #fff;
}
.bnw-ico-onetoone:after{
  left:5px;bottom:5px;width:44px;height:23px;
  border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;
}

/* presence calendar */
.bnw-ico-presence:before{
  left:6px;top:10px;width:42px;height:38px;border:3px solid #fff;border-radius:4px;
}
.bnw-ico-presence:after{
  left:11px;top:18px;width:32px;height:3px;background:#fff;
  box-shadow:0 9px 0 #fff,0 18px 0 #fff;
}

/* generosity gift */
.bnw-ico-generosity:before{
  left:8px;top:20px;width:38px;height:28px;border:3px solid #fff;
}
.bnw-ico-generosity:after{
  left:25px;top:8px;width:4px;height:40px;background:#fff;
  box-shadow:-17px 12px 0 -1px #fff,17px 12px 0 -1px #fff;
}

/* growth */
.bnw-ico-growth:before{
  left:5px;bottom:5px;width:43px;height:36px;border-left:3px solid #fff;border-bottom:3px solid #fff;
}
.bnw-ico-growth:after{
  left:14px;top:8px;width:32px;height:24px;border-top:4px solid #fff;border-right:4px solid #fff;
  transform:skewY(-34deg) rotate(-5deg);
}

.bnw-value-copy{
  padding:23px 23px 20px!important;
}

.bnw-value-copy strong{
  display:block!important;
  margin-bottom:8px!important;
  color:var(--bnw-red)!important;
  font-size:17px!important;
  line-height:1.25!important;
}

.bnw-value-copy p{
  margin:0!important;
  color:#444!important;
  font-size:14px!important;
  line-height:1.5!important;
}

.bnw-closing{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  margin-top:38px!important;
  color:#333!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:22px!important;
  line-height:1.35!important;
}
.bnw-closing strong{color:var(--bnw-red)!important;}
.bnw-heart{
  color:var(--bnw-red)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:38px!important;
  line-height:1!important;
}

/* =========================================================
LIGHTBOX
========================================================= */
html.bnw-lightbox-open{overflow:hidden!important;}

.bnw-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:30px!important;
  background:rgba(0,0,0,.88)!important;
}

.bnw-lightbox.is-open{display:flex!important;}

.bnw-lightbox-inner{
  max-width:1180px!important;
  max-height:88vh!important;
  overflow:auto!important;
  background:#fff!important;
  padding:10px!important;
  box-shadow:0 25px 70px rgba(0,0,0,.45)!important;
}

.bnw-lightbox-inner img{
  display:block!important;
  max-width:100%!important;
  width:auto!important;
  height:auto!important;
  max-height:84vh!important;
  margin:0 auto!important;
}

.bnw-lightbox-close{
  position:fixed!important;
  right:25px!important;
  top:20px!important;
  z-index:2!important;
  width:52px!important;
  height:52px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.75)!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.35)!important;
  color:#fff!important;
  font-size:36px!important;
  line-height:46px!important;
  cursor:pointer!important;
}

/* =========================================================
TABLET
========================================================= */
@media(max-width:980px){
  .bnw-title{font-size:52px!important;}
  .bnw-lead{font-size:19px!important;}
  .bnw-hashtag{font-size:37px!important;}
  .bnw-card{flex-basis:calc((100% - 24px)/2)!important;}
  .bnw-value-grid{grid-template-columns:repeat(2,1fr)!important;}
}

/* =========================================================
MOBILE
========================================================= */
@media(max-width:640px){
  .bnw-wrap{max-width:calc(100% - 28px)!important;}

  .bnw-hero{
    padding:50px 0 46px!important;
  }
  .bnw-hero-inner{text-align:left!important;}
  .bnw-network{display:none!important;}
  .bnw-title{
    margin:0!important;
    font-size:39px!important;
    line-height:1.12!important;
    letter-spacing:-.8px!important;
  }
  .bnw-title-line{
    width:58px!important;
    height:4px!important;
    margin:24px 0 21px!important;
  }
  .bnw-lead{
    margin:0!important;
    font-size:18px!important;
    text-align:left!important;
  }

  .bnw-awards{padding:44px 0 46px!important;}
  .bnw-quarter{font-size:13px!important;}
  .bnw-hashtag{
    font-size:29px!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important;
  }
  .bnw-awards-heading p{font-size:15px!important;}

  .bnw-carousel{padding:0 35px!important;}
  .bnw-track{gap:14px!important;}
  .bnw-card{flex-basis:100%!important;}
  .bnw-arrow{
    width:38px!important;height:38px!important;margin-top:-19px!important;
    font-size:27px!important;line-height:34px!important;
  }
  .bnw-help{
    flex-wrap:wrap!important;
    font-size:11px!important;
    text-align:center!important;
  }
  .bnw-help-sep{display:none!important;}

  .bnw-value{padding:48px 0 44px!important;}
  .bnw-value-title{font-size:32px!important;}
  .bnw-value-heading p{font-size:16px!important;}
  .bnw-value-grid{grid-template-columns:1fr!important;}
  .bnw-value-card{min-height:138px!important;}
  .bnw-value-icon{flex-basis:88px!important;}
  .bnw-value-copy{padding:20px 18px!important;}
  .bnw-value-copy strong{font-size:17px!important;}
  .bnw-value-copy p{font-size:14px!important;}

  .bnw-closing{
    align-items:flex-start!important;
    font-size:18px!important;
    text-align:left!important;
  }
  .bnw-heart{font-size:31px!important;}

  .bnw-lightbox{padding:54px 12px 18px!important;}
  .bnw-lightbox-close{
    right:12px!important;top:10px!important;
    width:42px!important;height:42px!important;font-size:30px!important;line-height:37px!important;
  }
}



/* =========================================================
BEST NETWORKERS — V1BIS AUTOPLAY
========================================================= */

@media (prefers-reduced-motion: reduce){
  .bnw-track{
    transition:none !important;
  }

  .bnw-card,
  .bnw-profile-link img{
    transition:none !important;
  }
}


/* =========================================================
BNI THE BEST NETWORKERS UMBRIA — V2 CLEAN
KICKER PERSONALIZZABILE SENZA ALTERARE IL LAYOUT

MODIFICA SOLO QUESTI 4 VALORI:
========================================================= */

.bnw-page-v2{
  --bnw-kicker-size-desktop:22px;
  --bnw-kicker-size-tablet:18px;
  --bnw-kicker-size-mobile:15px;
  --bnw-kicker-font:Arial,Helvetica,sans-serif;
}

/* =========================================================
KICKER — BNI PERUGIA · RIETI · TERNI
========================================================= */

.bnw-page-v2 .bnw-kicker{
  display:block !important;

  width:auto !important;
  max-width:none !important;

  margin:0 0 27px !important;
  padding:0 !important;

  color:#cf2030 !important;
  -webkit-text-fill-color:#cf2030 !important;

  font-family:var(--bnw-kicker-font) !important;
  font-size:var(--bnw-kicker-size-desktop) !important;
  line-height:1.20 !important;
  font-weight:800 !important;

  letter-spacing:4px !important;
  text-transform:uppercase !important;

  text-align:center !important;

  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  float:none !important;
}

/* neutralizza eventuali pseudo-elementi del tema */
.bnw-page-v2 .bnw-kicker:before,
.bnw-page-v2 .bnw-kicker:after{
  content:none !important;
  display:none !important;
}

/* HERO: centratura blindata, senza alterare larghezze */
.bnw-page-v2 .bnw-hero-inner{
  text-align:center !important;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:980px){

  .bnw-page-v2 .bnw-kicker{
    font-size:var(--bnw-kicker-size-tablet) !important;
    letter-spacing:3.2px !important;
    text-align:center !important;
  }
}

/* =========================================================
SMARTPHONE
========================================================= */

@media(max-width:640px){

  .bnw-page-v2 .bnw-kicker{
    font-size:var(--bnw-kicker-size-mobile) !important;
    line-height:1.25 !important;
    letter-spacing:2.2px !important;
    text-align:center !important;
    margin-bottom:22px !important;
  }

  /* Il resto della hero su mobile resta a sinistra,
     MA il kicker rimane volutamente centrato */
  .bnw-page-v2 .bnw-hero-inner{
    text-align:left !important;
  }

  .bnw-page-v2 .bnw-kicker{
    text-align:center !important;
  }
}

/* ===== V3 — NETWORKING VALUE CARDS / MOCKUP ICONS ===== */
.bnw-page-v2 .bnw-value{background:#fff!important}
.bnw-page-v2 .bnw-value-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.bnw-page-v2 .bnw-value-card{position:relative!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;align-items:center!important;min-height:220px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e4e4e4!important;box-shadow:0 12px 28px rgba(0,0,0,.07)!important;transition:transform .28s ease,box-shadow .28s ease!important}
.bnw-page-v2 .bnw-value-icon{position:relative!important;width:150px!important;height:100%!important;min-height:220px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important}
.bnw-page-v2 .bnw-value-icon:before,.bnw-page-v2 .bnw-value-icon:after{content:""!important;position:absolute!important;width:112px!important;height:112px!important;border-radius:50%!important}
.bnw-page-v2 .bnw-value-icon:before{border:3px solid #d2d2d2!important;background:#fff!important}
.bnw-page-v2 .bnw-value-icon:after{border:4px solid transparent!important;border-top-color:var(--bnw-red)!important;border-right-color:var(--bnw-red)!important;transform:rotate(18deg)!important;transition:transform .45s ease!important}
.bnw-page-v2 .bnw-value-svg{position:relative!important;z-index:2!important;display:block!important;width:68px!important;height:68px!important;fill:none!important;stroke:var(--bnw-red)!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .28s ease!important}
.bnw-page-v2 .bnw-value-copy{padding:30px 28px 28px 8px!important}
.bnw-page-v2 .bnw-value-copy strong{position:relative!important;margin:0 0 25px!important;color:var(--bnw-red)!important;font-size:20px!important;line-height:1.2!important}
.bnw-page-v2 .bnw-value-copy strong:after{content:""!important;position:absolute!important;left:0!important;bottom:-12px!important;width:38px!important;height:3px!important;background:var(--bnw-red)!important}
.bnw-page-v2 .bnw-value-copy p{font-size:16px!important;line-height:1.55!important;color:#333!important}
@media(hover:hover) and (pointer:fine){.bnw-page-v2 .bnw-value-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 38px rgba(0,0,0,.11)!important}.bnw-page-v2 .bnw-value-card:hover .bnw-value-icon:after{transform:rotate(105deg)!important}.bnw-page-v2 .bnw-value-card:hover .bnw-value-svg{transform:scale(1.06)!important}}
@media(max-width:980px){.bnw-page-v2 .bnw-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.bnw-page-v2 .bnw-value-grid{grid-template-columns:1fr!important;gap:16px!important}.bnw-page-v2 .bnw-value-card{grid-template-columns:112px minmax(0,1fr)!important;min-height:170px!important}.bnw-page-v2 .bnw-value-icon{width:112px!important;min-height:170px!important}.bnw-page-v2 .bnw-value-icon:before,.bnw-page-v2 .bnw-value-icon:after{width:86px!important;height:86px!important}.bnw-page-v2 .bnw-value-svg{width:52px!important;height:52px!important}.bnw-page-v2 .bnw-value-copy{padding:23px 18px 22px 4px!important}.bnw-page-v2 .bnw-value-copy strong{font-size:18px!important}.bnw-page-v2 .bnw-value-copy p{font-size:14px!important}}


/* =========================================================
V3BIS — CMS-SAFE VALUE ICONS
Il CMS BNI elimina gli SVG inline: le icone ora sono background-image
su elementi span normali, quindi restano visibili.
========================================================= */

.bnw-page-v2 .bnw-value-img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:68px!important;
  height:68px!important;
  flex:0 0 68px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  transition:transform .28s ease!important;
}

/* 01 — Relazioni autentiche / handshake */
.bnw-page-v2 .bnw-value-img.bnw-ico-relations{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23cf2030' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 28l9 8c2 2 5 2 7 0l8-8'/%3E%3Cpath d='M7 29l10-10 10 5-13 13zM57 29L47 19l-10 5 13 13z'/%3E%3Cpath d='M20 36l7 7c2 2 5 2 7 0l10-10'/%3E%3Cpath d='M27 43l4 4c2 2 5 2 7 0l9-9'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 02 — Referenze di qualità / diamante */
.bnw-page-v2 .bnw-value-img.bnw-ico-referral{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23cf2030' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7l18 25-18 25L14 32z'/%3E%3Cpath d='M14 32h36M23 20l9 37 9-37M14 32l9-12h18l9 12'/%3E%3Cpath d='M15 14l3 4M49 14l-3 4M32 5v5'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 03 — 1to1 strategici */
.bnw-page-v2 .bnw-value-img.bnw-ico-onetoone{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23cf2030' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='35' r='7'/%3E%3Ccircle cx='46' cy='35' r='7'/%3E%3Cpath d='M9 54v-6c0-6 4-10 9-10s9 4 9 10v6M37 54v-6c0-6 4-10 9-10s9 4 9 10v6'/%3E%3Cpath d='M24 52h16'/%3E%3Cpath d='M23 12h18c5 0 9 4 9 9s-4 9-9 9H29l-7 6 2-7c-4-1-7-4-7-8 0-5 3-9 6-9z'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 04 — Presenza e costanza / calendario */
.bnw-page-v2 .bnw-value-img.bnw-ico-presence{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23cf2030' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='13' width='42' height='39' rx='4'/%3E%3Cpath d='M7 24h42M17 8v11M39 8v11'/%3E%3Cpath d='M16 32h5M27 32h5M16 40h5M27 40h5'/%3E%3Ccircle cx='48' cy='45' r='11'/%3E%3Cpath d='M43 45l4 4 7-9'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 05 — Generosità professionale / community */
.bnw-page-v2 .bnw-value-img.bnw-ico-generosity{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23cf2030' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='20' r='6'/%3E%3Ccircle cx='32' cy='16' r='7'/%3E%3Ccircle cx='46' cy='20' r='6'/%3E%3Cpath d='M8 47v-7c0-6 4-10 10-10M56 47v-7c0-6-4-10-10-10'/%3E%3Cpath d='M20 51V38c0-7 5-12 12-12s12 5 12 12v13'/%3E%3Cpath d='M22 51h20'/%3E%3Cpath d='M26 53h12M29 57h6'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 06 — Risultati che si moltiplicano / crescita */
.bnw-page-v2 .bnw-value-img.bnw-ico-growth{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23cf2030' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 53V39h9v14M27 53V30h9v23M44 53V20h9v33'/%3E%3Cpath d='M10 29c10-2 19-7 26-14l6-6'/%3E%3Cpath d='M34 9h8v8'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* Nasconde eventuali vecchi pseudo-elementi delle icone precedenti */
.bnw-page-v2 .bnw-value-img::before,
.bnw-page-v2 .bnw-value-img::after{
  content:none!important;
  display:none!important;
}

@media(hover:hover) and (pointer:fine){
  .bnw-page-v2 .bnw-value-card:hover .bnw-value-img{
    transform:scale(1.07)!important;
  }
}

@media(max-width:640px){
  .bnw-page-v2 .bnw-value-img{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
}


/* =========================================================
V3TER — FILLED / FULLER ICONS
Le icone precedenti erano lineari; questa versione usa pittogrammi
più pieni e marcati, coerenti con il mockup approvato.
========================================================= */

.bnw-page-v2 .bnw-value-img{
  width:72px!important;
  height:72px!important;
  flex-basis:72px!important;
  background-size:contain!important;
}

/* 01 — Relazioni autentiche: stretta di mano più piena */
.bnw-page-v2 .bnw-value-img.bnw-ico-relations{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23cf2030'%3E%3Cpath d='M14 21l10 5-8 13-10-5zM50 21l-10 5 8 13 10-5z'/%3E%3Cpath d='M23 27l7-5c2-1 4-1 6 0l6 5-5 5-4-3-8 7-6-5z'/%3E%3Cpath d='M18 35l13 12c2 2 5 2 7 0l9-9-4-4-9 8-12-11z'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 02 — Referenze di qualità: diamante pieno */
.bnw-page-v2 .bnw-value-img.bnw-ico-referral{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23cf2030' d='M13 25l10-13h18l10 13-19 28zm6 1h26l-6-9H25zm6-9l7 27 7-27-7 9z'/%3E%3C/svg%3E")!important;
}

/* 03 — 1to1 strategici: due persone + dialogo, pieno */
.bnw-page-v2 .bnw-value-img.bnw-ico-onetoone{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23cf2030'%3E%3Ccircle cx='18' cy='38' r='7'/%3E%3Ccircle cx='46' cy='38' r='7'/%3E%3Cpath d='M7 55v-5c0-7 5-11 11-11s11 4 11 11v5h-6v-5c0-3-2-5-5-5s-5 2-5 5v5zM35 55v-5c0-7 5-11 11-11s11 4 11 11v5h-6v-5c0-3-2-5-5-5s-5 2-5 5v5z'/%3E%3Cpath d='M20 10h24c6 0 10 4 10 10S50 30 44 30H32l-9 7 3-8c-4-2-6-5-6-9 0-6 4-10 10-10z'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 04 — Presenza e costanza: calendario + check pieno */
.bnw-page-v2 .bnw-value-img.bnw-ico-presence{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23cf2030'%3E%3Cpath d='M10 14h38a5 5 0 015 5v28a5 5 0 01-5 5H10a5 5 0 01-5-5V19a5 5 0 015-5zm0 10v23h38V24z'/%3E%3Crect x='15' y='8' width='5' height='12' rx='2'/%3E%3Crect x='38' y='8' width='5' height='12' rx='2'/%3E%3Crect x='14' y='30' width='7' height='7' rx='1'/%3E%3Crect x='25' y='30' width='7' height='7' rx='1'/%3E%3Ccircle cx='47' cy='46' r='12'/%3E%3Cpath fill='%23fff' d='M41 46l4 4 8-10 3 3-11 13-7-7z'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 05 — Generosità professionale: community piena */
.bnw-page-v2 .bnw-value-img.bnw-ico-generosity{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23cf2030'%3E%3Ccircle cx='18' cy='19' r='7'/%3E%3Ccircle cx='32' cy='15' r='8'/%3E%3Ccircle cx='46' cy='19' r='7'/%3E%3Cpath d='M7 47v-5c0-8 5-13 11-13 3 0 6 1 8 3-4 3-6 8-6 14v3H7zM57 47v-5c0-8-5-13-11-13-3 0-6 1-8 3 4 3 6 8 6 14v3h13z'/%3E%3Cpath d='M19 52v-7c0-9 6-15 13-15s13 6 13 15v7z'/%3E%3Cpath d='M26 54h12l-2 5h-8z'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* 06 — Risultati che si moltiplicano: grafico pieno */
.bnw-page-v2 .bnw-value-img.bnw-ico-growth{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23cf2030'%3E%3Crect x='9' y='40' width='9' height='14' rx='1'/%3E%3Crect x='27' y='31' width='9' height='23' rx='1'/%3E%3Crect x='45' y='20' width='9' height='34' rx='1'/%3E%3Cpath d='M8 30c12-2 23-8 32-18l-5-1 1-5 14 3-4 14-5-2 2-6C33 26 21 33 9 35z'/%3E%3C/g%3E%3C/svg%3E")!important;
}

@media(max-width:640px){
  .bnw-page-v2 .bnw-value-img{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
}

/* =========================================================
BEST NETWORKERS — V4
Modulo "valore" in negativo rispetto agli Ambassador
Cornice unica 3x2 + hover premium
========================================================= */

.bnw-page-v2 .bnw-value{
  padding:72px 0 58px!important;
  background:#fff!important;
  border-top:1px solid #ededed!important;
}

.bnw-page-v2 .bnw-value-heading{
  margin-bottom:40px!important;
}

.bnw-page-v2 .bnw-value-title{
  color:#222!important;
  -webkit-text-fill-color:#222!important;
  font-size:43px!important;
  line-height:1.12!important;
  font-weight:700!important;
}

.bnw-page-v2 .bnw-value-title span{
  color:#cf2030!important;
  -webkit-text-fill-color:#cf2030!important;
}

.bnw-page-v2 .bnw-value-heading p{
  max-width:900px!important;
  color:#555!important;
  font-size:17px!important;
  line-height:1.55!important;
}

/* grande cornice unica */
.bnw-page-v2 .bnw-value-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  background:#fff!important;
  border:1px solid #dcdcdc!important;
  box-shadow:0 14px 34px rgba(0,0,0,.05)!important;
}

/* celle unite dentro la cornice */
.bnw-page-v2 .bnw-value-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:220px!important;
  overflow:visible!important;
  background:#fff!important;
  border:0!important;
  border-right:1px solid #e1e1e1!important;
  border-bottom:1px solid #e1e1e1!important;
  box-shadow:none!important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    background-color .28s ease!important;
}

/* elimina bordi doppi per griglia 3x2 */
.bnw-page-v2 .bnw-value-card:nth-child(3n){
  border-right:0!important;
}
.bnw-page-v2 .bnw-value-card:nth-last-child(-n+3){
  border-bottom:0!important;
}

.bnw-page-v2 .bnw-value-icon{
  position:relative!important;
  width:150px!important;
  height:100%!important;
  min-height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}

/* cerchio grigio + arco rosso */
.bnw-page-v2 .bnw-value-icon:before,
.bnw-page-v2 .bnw-value-icon:after{
  content:""!important;
  position:absolute!important;
  width:112px!important;
  height:112px!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}

.bnw-page-v2 .bnw-value-icon:before{
  border:3px solid #d2d2d2!important;
  background:#fff!important;
}

.bnw-page-v2 .bnw-value-icon:after{
  border:4px solid transparent!important;
  border-top-color:#cf2030!important;
  border-right-color:#cf2030!important;
  transform:rotate(18deg)!important;
  transition:transform .45s ease!important;
}

.bnw-page-v2 .bnw-value-img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  transition:transform .28s ease!important;
}

.bnw-page-v2 .bnw-value-copy{
  padding:30px 28px 28px 8px!important;
}

.bnw-page-v2 .bnw-value-copy strong{
  position:relative!important;
  display:block!important;
  margin:0 0 25px!important;
  color:#cf2030!important;
  -webkit-text-fill-color:#cf2030!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

.bnw-page-v2 .bnw-value-copy strong:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-12px!important;
  width:38px!important;
  height:3px!important;
  background:#cf2030!important;
}

.bnw-page-v2 .bnw-value-copy p{
  margin:0!important;
  color:#64666A!important;
  -webkit-text-fill-color:#64666A!important;
  font-size:16px!important;
  line-height:1.55!important;
}

@media(hover:hover) and (pointer:fine){
  .bnw-page-v2 .bnw-value-card:hover{
    z-index:2!important;
    background:#fafafa!important;
    transform:translateY(-5px)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.10)!important;
  }

  .bnw-page-v2 .bnw-value-card:hover .bnw-value-icon:after{
    transform:rotate(105deg)!important;
  }

  .bnw-page-v2 .bnw-value-card:hover .bnw-value-img{
    transform:scale(1.07)!important;
  }
}

@media(max-width:980px){
  .bnw-page-v2 .bnw-value-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .bnw-page-v2 .bnw-value-card{
    border-right:1px solid #e1e1e1!important;
    border-bottom:1px solid #e1e1e1!important;
  }

  .bnw-page-v2 .bnw-value-card:nth-child(3n){
    border-right:1px solid #e1e1e1!important;
  }

  .bnw-page-v2 .bnw-value-card:nth-last-child(-n+3){
    border-bottom:1px solid #e1e1e1!important;
  }

  .bnw-page-v2 .bnw-value-card:nth-child(2n){
    border-right:0!important;
  }

  .bnw-page-v2 .bnw-value-card:nth-last-child(-n+2){
    border-bottom:0!important;
  }
}

@media(max-width:640px){
  .bnw-page-v2 .bnw-value{
    padding:50px 0 46px!important;
  }

  .bnw-page-v2 .bnw-value-title{
    font-size:32px!important;
  }

  .bnw-page-v2 .bnw-value-heading p{
    font-size:16px!important;
  }

  .bnw-page-v2 .bnw-value-grid{
    grid-template-columns:1fr!important;
  }

  .bnw-page-v2 .bnw-value-card{
    grid-template-columns:112px minmax(0,1fr)!important;
    min-height:170px!important;
    border-right:0!important;
    border-bottom:1px solid #e1e1e1!important;
  }

  .bnw-page-v2 .bnw-value-card:nth-child(2n),
  .bnw-page-v2 .bnw-value-card:nth-child(3n){
    border-right:0!important;
  }

  .bnw-page-v2 .bnw-value-card:nth-last-child(-n+2){
    border-bottom:1px solid #e1e1e1!important;
  }

  .bnw-page-v2 .bnw-value-card:last-child{
    border-bottom:0!important;
  }

  .bnw-page-v2 .bnw-value-icon{
    width:112px!important;
    min-height:170px!important;
  }

  .bnw-page-v2 .bnw-value-icon:before,
  .bnw-page-v2 .bnw-value-icon:after{
    width:86px!important;
    height:86px!important;
  }

  .bnw-page-v2 .bnw-value-img{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }

  .bnw-page-v2 .bnw-value-copy{
    padding:23px 18px 22px 4px!important;
  }

  .bnw-page-v2 .bnw-value-copy strong{
    font-size:18px!important;
  }

  .bnw-page-v2 .bnw-value-copy p{
    font-size:14px!important;
  }
}


/* =========================================================
BEST NETWORKERS — V4BIS
Cornice esterna SOLO sul modulo valore
Istruzioni diplomi escluse e maggiormente separate
========================================================= */

/* Più respiro tra istruzioni carosello e modulo successivo */
.bnw-page-v2 .bnw-help{
  margin-top:17px!important;
  margin-bottom:42px!important;
}

/* Cornice istituzionale Sterling Grey attorno al SOLO modulo valore */
.bnw-page-v2 .bnw-value-frame{
  width:100%!important;
  margin:0 auto!important;
  padding:44px 34px 34px!important;
  background:#fff!important;
  border:1px solid #C8C8C8!important;
  box-shadow:0 12px 30px rgba(0,0,0,.035)!important;
}

/* La griglia resta una cornice interna unica 3x2 */
.bnw-page-v2 .bnw-value-frame .bnw-value-grid{
  margin-top:0!important;
}

/* Chiusura compresa nel riquadro */
.bnw-page-v2 .bnw-value-frame .bnw-closing{
  margin-top:34px!important;
  margin-bottom:2px!important;
}

/* Evita che il box esterno aderisca troppo ai bordi su tablet */
@media(max-width:980px){
  .bnw-page-v2 .bnw-help{
    margin-bottom:36px!important;
  }

  .bnw-page-v2 .bnw-value-frame{
    padding:38px 26px 30px!important;
  }
}

/* Mobile: cornice sempre presente ma più leggera */
@media(max-width:640px){
  .bnw-page-v2 .bnw-help{
    margin-bottom:30px!important;
  }

  .bnw-page-v2 .bnw-value-frame{
    padding:30px 14px 24px!important;
    border-color:#C8C8C8!important;
  }

  .bnw-page-v2 .bnw-value-frame .bnw-closing{
    margin-top:26px!important;
  }
}


/* =========================================================
BEST NETWORKERS — V4TER
Citazione editoriale finale Caramagna
========================================================= */

.bnw-page-v2 .bnw-quote-section{
  width:100%!important;
  padding:58px 20px 68px!important;
  background:#fff!important;
  border-top:1px solid #f0f0f0!important;
}

.bnw-page-v2 .bnw-quote-wrap{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:34px!important;
  max-width:980px!important;
  margin:0 auto!important;
}

.bnw-page-v2 .bnw-quote-mark{
  flex:0 0 auto!important;
  margin-top:5px!important;
  color:#cf2030!important;
  -webkit-text-fill-color:#cf2030!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:102px!important;
  line-height:.78!important;
  font-weight:700!important;
}

.bnw-page-v2 .bnw-quote-content{
  max-width:820px!important;
}

.bnw-page-v2 .bnw-quote-text{
  margin:0!important;
  color:#262626!important;
  -webkit-text-fill-color:#262626!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:31px!important;
  line-height:1.35!important;
  font-weight:700!important;
  font-style:italic!important;
  letter-spacing:-.4px!important;
}

.bnw-page-v2 .bnw-quote-text span{
  color:#cf2030!important;
  -webkit-text-fill-color:#cf2030!important;
}

.bnw-page-v2 .bnw-quote-author{
  margin-top:17px!important;
  color:#64666A!important;
  -webkit-text-fill-color:#64666A!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.4!important;
  font-weight:500!important;
}

@media(max-width:980px){
  .bnw-page-v2 .bnw-quote-section{
    padding:52px 28px 58px!important;
  }
  .bnw-page-v2 .bnw-quote-text{
    font-size:27px!important;
  }
  .bnw-page-v2 .bnw-quote-mark{
    font-size:88px!important;
  }
}

@media(max-width:640px){
  .bnw-page-v2 .bnw-quote-section{
    padding:42px 22px 48px!important;
  }
  .bnw-page-v2 .bnw-quote-wrap{
    display:block!important;
  }
  .bnw-page-v2 .bnw-quote-mark{
    margin-bottom:18px!important;
    font-size:72px!important;
    line-height:.65!important;
  }
  .bnw-page-v2 .bnw-quote-text{
    font-size:23px!important;
    line-height:1.4!important;
    letter-spacing:-.2px!important;
  }
  .bnw-page-v2 .bnw-quote-author{
    margin-top:15px!important;
    font-size:15px!important;
  }
}
