.especialidades{
    position:relative;
    overflow:hidden;
    padding:120px 0;
    background:
      linear-gradient(135deg, #061f35 0%, #092f4f 45%, #0f4c75 100%);
  }
  
  .especialidades-bg{
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 18% 20%, rgba(187,225,250,.08), transparent 22%),
      radial-gradient(circle at 82% 78%, rgba(187,225,250,.06), transparent 24%);
  }
  
  .especialidades-circle{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(187,225,250,.10);
    pointer-events:none;
  }
  
  .especialidades-circle::after{
    content:"";
    position:absolute;
    inset:22px;
    border-radius:50%;
    border:1px solid rgba(187,225,250,.08);
  }
  
  .especialidades-circle-one{
    width:420px;
    height:420px;
    right:-180px;
    top:-100px;
  }
  
  .especialidades-circle-two{
    width:280px;
    height:280px;
    left:-120px;
    bottom:-80px;
  }
  
  .section-header{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:860px;
    margin:0 auto 70px;
  }
  
  .section-header .section-tag{
    display:inline-block;
    margin-bottom:18px;
    color:#bbe1fa;
    font-size:.85rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
  }
  
  .section-header h2{
    font-family:'Cormorant Garamond', serif;
    font-size:clamp(2.7rem, 4vw, 4.5rem);
    line-height:1;
    color:#fff;
    margin-bottom:24px;
    letter-spacing:-.04em;
  }
  
  .section-header p{
    color:#d8eefc;
    line-height:1.9;
    font-size:1.05rem;
  }
  
  .especialidades-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:26px;
  }
  
  .especialidade-card{
    position:relative;
    padding:36px 30px;
    border-radius:32px;
    background:
      linear-gradient(
        135deg,
        rgba(255,255,255,.10),
        rgba(255,255,255,.04)
      );
  
    border:1px solid rgba(187,225,250,.12);
  
    backdrop-filter:blur(14px);
  
    overflow:hidden;
  
    transition:
      transform .4s ease,
      border .4s ease,
      box-shadow .4s ease;
  }
  
  .especialidade-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(187,225,250,.04);
    top:-90px;
    right:-70px;
  }
  
  .especialidade-card:hover{
    transform:translateY(-10px);
    border:1px solid rgba(187,225,250,.28);
  
    box-shadow:
      0 24px 50px rgba(0,0,0,.22),
      0 0 0 1px rgba(187,225,250,.05);
  }
  
  .especialidade-icon{
    width:78px;
    height:78px;
    border-radius:24px;
  
    background:
      linear-gradient(
        135deg,
        rgba(187,225,250,.18),
        rgba(50,130,184,.12)
      );
  
    border:1px solid rgba(187,225,250,.14);
  
    display:flex;
    align-items:center;
    justify-content:center;
  
    margin-bottom:28px;
  
    transition:.4s ease;
  }
  
  .especialidade-card:hover .especialidade-icon{
    transform:scale(1.08) rotate(-3deg);
  }
  
  .especialidade-icon img{
    width:78px;
    height:78px;
    object-fit:contain;
  }
  
  .especialidade-card h3{
    font-family:'Cormorant Garamond', serif;
    color:#fff;
    font-size:2rem;
    margin-bottom:16px;
    line-height:1;
    letter-spacing:-.02em;
  }
  
  .especialidade-card p{
    color:#d8eefc;
    line-height:1.8;
    font-size:.97rem;
  }
  
  .destaque-card{
    border:1px solid rgba(187,225,250,.22);
  
    background:
      linear-gradient(
        135deg,
        rgba(187,225,250,.12),
        rgba(50,130,184,.08)
      );
  }
  
  .destaque-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:32px;
  
    background:
      linear-gradient(
        135deg,
        transparent,
        rgba(187,225,250,.04)
      );
  
    pointer-events:none;
  }
  
  @media(max-width:1200px){
  
    .especialidades-grid{
      grid-template-columns:repeat(3, 1fr);
    }
  
  }
  
  @media(max-width:992px){
  
    .especialidades-grid{
      grid-template-columns:repeat(2, 1fr);
    }
  
  }
  
  @media(max-width:768px){
  
    .especialidades{
      padding:90px 0;
    }
  
    .section-header{
      margin-bottom:50px;
    }
  
    .especialidades-grid{
      grid-template-columns:1fr;
      gap:20px;
    }
  
    .especialidade-card{
      padding:32px 26px;
    }
  
    .especialidade-card h3{
      font-size:1.8rem;
    }
  
  }