/* =========================================================
BNI PRT — COSA DOVRESTI SAPERE / V2 CMS-SAFE
Scope totale cds27-
========================================================= */

.cds27-layout,
.cds27-layout *{
  box-sizing:border-box!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

.cds27-layout{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:16px!important;

  width:94%!important;
  max-width:1460px!important;
  margin:52px auto!important;
  padding:0!important;
}

/* INTRO */
.cds27-intro{
  display:flex!important;
  flex:0 0 25%!important;
  width:25%!important;
  min-height:350px!important;
  flex-direction:column!important;
  justify-content:center!important;

  padding:38px 34px!important;
  background:#f7f7f7!important;
  border:1px solid #e8e8e8!important;
  border-radius:18px!important;
}

.cds27-kicker{
  color:#5a5a5a!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}

.cds27-title{
  margin-top:10px!important;
  color:#202020!important;
  font-size:44px!important;
  line-height:1!important;
  font-weight:900!important;
}

.cds27-title span{
  color:#cf2030!important;
}

.cds27-intro-line{
  width:44px!important;
  height:3px!important;
  margin:18px 0 20px!important;
  background:#cf2030!important;
}

.cds27-intro-text{
  max-width:230px!important;
  color:#666!important;
  font-size:15px!important;
  line-height:1.55!important;
}

/* CARDS */
.cds27-card{
  position:relative!important;

  display:flex!important;
  flex:0 0 calc(25% - 12px)!important;
  width:calc(25% - 12px)!important;
  min-width:0!important;
  min-height:350px!important;

  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;

  margin:0!important;
  padding:34px 30px 26px!important;

  background:#fff!important;
  border:1px solid #e8e8e8!important;
  border-bottom:4px solid transparent!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.05)!important;

  overflow:hidden!important;

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

.cds27-card:hover{
  transform:translateY(-5px)!important;
  border-bottom-color:#cf2030!important;
  box-shadow:0 18px 34px rgba(0,0,0,.08)!important;
}

.cds27-number{
  position:absolute!important;
  top:18px!important;
  right:22px!important;

  color:rgba(207,32,48,.12)!important;

  font-size:58px!important;
  line-height:1!important;
  font-weight:900!important;
}

.cds27-icon{
  width:82px!important;
  height:82px!important;
  margin:0 0 22px!important;

  background:#fff center center / 54% 54% no-repeat!important;
  border:1.5px solid #cf2030!important;
  border-radius:50%!important;

  transition:box-shadow .28s ease!important;
}

.cds27-icon-business{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23cf2030%22%20stroke-width%3D%222.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Crect%20x%3D%2210%22%20y%3D%2240%22%20width%3D%228%22%20height%3D%2212%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2231%22%20width%3D%228%22%20height%3D%2221%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2221%22%20width%3D%228%22%20height%3D%2231%22%2F%3E%0A%3Cpath%20d%3D%22M10%2031l11-9%2010%205%2017-16%22%2F%3E%3Cpath%20d%3D%22M40%2011h8v8%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E")!important;}
.cds27-icon-unique{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23cf2030%22%20stroke-width%3D%222.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2220%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M32%2012v6M32%2046v6M12%2032h6M46%2032h6%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E")!important;}
.cds27-icon-global{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23cf2030%22%20stroke-width%3D%222.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2221%22%2F%3E%3Cpath%20d%3D%22M11%2032h42M32%2011c8%207%2011%2014%2011%2021S40%2046%2032%2053c-8-7-11-14-11-21S24%2018%2032%2011z%22%2F%3E%0A%3Cpath%20d%3D%22M15%2022h34M15%2042h34%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E")!important;}

.cds27-card:hover .cds27-icon{
  box-shadow:
    0 10px 24px rgba(207,32,48,.14),
    0 0 0 7px rgba(207,32,48,.045)!important;
}

.cds27-line{
  width:44px!important;
  height:3px!important;
  margin:0 0 15px!important;
  background:#cf2030!important;
}

.cds27-card-title{
  max-width:250px!important;
  margin:0 0 15px!important;

  color:#202020!important;

  font-size:20px!important;
  line-height:1.18!important;
  font-weight:900!important;
}

.cds27-card-text{
  max-width:270px!important;
  margin:0!important;

  color:#555!important;

  font-size:14px!important;
  line-height:1.5!important;
}

.cds27-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:42px!important;
  height:42px!important;
  margin:auto 0 0!important;

  color:#cf2030!important;
  background:#fff!important;
  border:1px solid rgba(207,32,48,.20)!important;
  border-radius:50%!important;

  font-size:21px!important;
  line-height:1!important;

  transition:
    transform .28s ease,
    box-shadow .28s ease!important;
}

.cds27-card:hover .cds27-arrow{
  transform:translateX(6px)!important;
  box-shadow:0 7px 16px rgba(207,32,48,.14)!important;
}

/* TABLET */
@media screen and (max-width:1000px){
  .cds27-layout{
    flex-wrap:wrap!important;
  }

  .cds27-intro{
    flex:0 0 100%!important;
    width:100%!important;
    min-height:0!important;
  }

  .cds27-card{
    flex:0 0 calc(33.333% - 11px)!important;
    width:calc(33.333% - 11px)!important;
  }
}

/* MOBILE */
@media screen and (max-width:700px){
  .cds27-layout{
    width:calc(100% - 28px)!important;
    margin:34px auto!important;
  }

  .cds27-card{
    flex:0 0 100%!important;
    width:100%!important;
    min-height:285px!important;
  }

  .cds27-intro{
    padding:28px 22px!important;
  }

  .cds27-title{
    font-size:36px!important;
  }
}


/* =========================================================
V3 — TYPOGRAPHY UPGRADE
Font leggermente più grandi su desktop e responsive,
con particolare enfasi su "COSA DOVRESTI".
========================================================= */

/* Intro */
.cds27-kicker{
  font-size:17px!important;
  line-height:1.1!important;
  letter-spacing:2.2px!important;
}

.cds27-title{
  font-size:48px!important;
  line-height:1.02!important;
}

.cds27-intro-text{
  max-width:250px!important;
  font-size:17px!important;
  line-height:1.55!important;
}

/* Card titles + body */
.cds27-card-title{
  max-width:270px!important;
  font-size:22px!important;
  line-height:1.2!important;
}

.cds27-card-text{
  max-width:290px!important;
  font-size:15.5px!important;
  line-height:1.52!important;
}

/* Numeri un filo più presenti */
.cds27-number{
  font-size:62px!important;
}

/* Tablet */
@media screen and (max-width:1000px){
  .cds27-kicker{
    font-size:17px!important;
    letter-spacing:2.1px!important;
  }

  .cds27-title{
    font-size:44px!important;
  }

  .cds27-intro-text{
    font-size:16.5px!important;
  }

  .cds27-card-title{
    font-size:21px!important;
  }

  .cds27-card-text{
    font-size:15px!important;
  }
}

/* Mobile */
@media screen and (max-width:700px){
  .cds27-kicker{
    font-size:16px!important;
    line-height:1.1!important;
    letter-spacing:2px!important;
  }

  .cds27-title{
    font-size:40px!important;
    line-height:1.02!important;
  }

  .cds27-intro-text{
    max-width:none!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  .cds27-card-title{
    font-size:20px!important;
    line-height:1.18!important;
  }

  .cds27-card-text{
    font-size:14.5px!important;
    line-height:1.5!important;
  }

  .cds27-number{
    font-size:54px!important;
  }
}