.diferenciais{
    position:relative;
    overflow:hidden;
    padding:120px 0;
    background:
      radial-gradient(circle at 12% 18%, rgba(187,225,250,.40), transparent 28%),
      radial-gradient(circle at 88% 78%, rgba(50,130,184,.12), transparent 26%),
      linear-gradient(135deg, #f8fcff 0%, #edf6fb 100%);
  }
  
  .diferenciais-bg{
    position:absolute;
    inset:0;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.45),
        rgba(255,255,255,0)
      );
  }
  
  .diferenciais-circle{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(15,76,117,.08);
    pointer-events:none;
  }
  
  .diferenciais-circle::after{
    content:"";
    position:absolute;
    inset:20px;
    border-radius:50%;
    border:1px solid rgba(50,130,184,.08);
  }
  
  .diferenciais-circle-one{
    width:420px;
    height:420px;
    right:-180px;
    top:-100px;
  }
  
  .diferenciais-circle-two{
    width:260px;
    height:260px;
    left:-100px;
    bottom:40px;
  }
  
  .diferenciais-header{
    margin-bottom:80px;
  }
  
  .diferenciais-header h2{
    color:#092f4f;
  }
  
  .diferenciais-header p{
    color:#446273;
  }
  
  .diferenciais-timeline{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:34px;
  }
  
  .diferenciais-timeline::before{
    content:"";
    position:absolute;
    left:58px;
    top:10px;
    width:1px;
    height:calc(100% - 20px);
  
    background:
      linear-gradient(
        to bottom,
        rgba(50,130,184,.15),
        rgba(50,130,184,.45),
        rgba(50,130,184,.15)
      );
  }
  
  .diferencial-item{
    display:grid;
    grid-template-columns:120px 1fr;
    align-items:flex-start;
    gap:34px;
  
    opacity:0;
    transform:translateY(50px);
  
    transition:
      opacity .8s ease,
      transform .8s ease;
  }
  
  .diferencial-item.show{
    opacity:1;
    transform:translateY(0);
  }
  
  .diferencial-number{
    position:relative;
    width:120px;
    height:120px;
  
    border-radius:50%;
  
    background:
      linear-gradient(
        135deg,
        #bbe1fa,
        #3282b8,
        #0f4c75
      );
  
    color:#fff;
  
    display:flex;
    align-items:center;
    justify-content:center;
  
    font-family:'Cormorant Garamond', serif;
    font-size:2.5rem;
    font-weight:700;
  
    box-shadow:
      0 18px 40px rgba(50,130,184,.28);
  
    z-index:2;
  }
  
  .diferencial-number::before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.24);
  }
  
  .diferencial-content{
    position:relative;
  
    padding:38px;
  
    border-radius:34px;
  
    background:
      linear-gradient(
        135deg,
        rgba(255,255,255,.86),
        rgba(255,255,255,.62)
      );
  
    backdrop-filter:blur(18px);
  
    border:1px solid rgba(187,225,250,.65);
  
    box-shadow:
      0 24px 60px rgba(9,47,79,.08);
  
    overflow:hidden;
  
    transition:
      transform .35s ease,
      box-shadow .35s ease;
  }
  
  .diferencial-content::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
  
    background:
      radial-gradient(
        circle,
        rgba(187,225,250,.24),
        transparent
      );
  
    right:-60px;
    top:-60px;
  }
  
  .diferencial-content:hover{
    transform:translateY(-6px);
  
    box-shadow:
      0 30px 70px rgba(9,47,79,.12);
  }
  
  .diferencial-icon{
    width:72px;
    height:72px;
  
    border-radius:24px;
  
    background:
      linear-gradient(
        135deg,
        rgba(187,225,250,.55),
        rgba(50,130,184,.24)
      );
  
    display:flex;
    align-items:center;
    justify-content:center;
  
    margin-bottom:24px;
  
    border:1px solid rgba(50,130,184,.12);
  }
  
  .diferencial-icon i{
    font-size:1.6rem;
    color:#0f4c75;
  }
  
  .diferencial-content h3{
    font-family:'Cormorant Garamond', serif;
    color:#092f4f;
    font-size:2.2rem;
    line-height:1;
    margin-bottom:18px;
    letter-spacing:-.03em;
  }
  
  .diferencial-content p{
    color:#446273;
    line-height:1.9;
    font-size:1rem;
    max-width:720px;
  }
  
  @media(max-width:992px){
  
    .diferencial-item{
      grid-template-columns:1fr;
      gap:24px;
    }
  
    .diferenciais-timeline::before{
      display:none;
    }
  
    .diferencial-number{
      width:95px;
      height:95px;
      font-size:2rem;
    }
  
  }
  
  @media(max-width:768px){
  
    .diferenciais{
      padding:90px 0;
    }
  
    .diferenciais-header{
      margin-bottom:50px;
    }
  
    .diferencial-content{
      padding:30px 26px;
      border-radius:28px;
    }
  
    .diferencial-content h3{
      font-size:1.9rem;
    }
  
  }