/* ==========================
   SERVIÇOS (página dedicada)
   ========================== */

   .services-page .svcs{
    position:relative; padding-block: clamp(28px, 6vw, 56px);
  }
  
  .services-page .svc-split{
    display:grid;
    grid-template-columns: 300px 1fr;
    gap:14px;
    margin-top:14px;
  }
  
  /* Navegação lateral */
  .services-page .svc-nav{
    position: sticky; top: 76px;
    align-self: start;
    border-radius:16px; padding:10px;
    background: rgba(255,255,255,.75);
    border:1px solid rgba(148,163,184,.25);
    box-shadow: 0 10px 28px rgba(2,6,23,.06);
    display:grid; gap:8px;
  }
  .theme-dark .services-page .svc-nav{
    background: rgba(15,23,42,.55); border-color: rgba(148,163,184,.22);
    box-shadow: 0 10px 28px rgba(2,6,23,.5);
  }
  
  .services-page .svc-tab{
    width:100%;
    display:flex; align-items:center; gap:8px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(148,163,184,.28);
    background: rgba(255,255,255,.75);
    color:#0f172a; font-weight:700;
    cursor:pointer; text-align:left;
    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .services-page .svc-tab:hover{
    transform: translateY(-1px);
    background:#fff; border-color:#0b63f3;
    box-shadow: 0 8px 20px rgba(2,6,23,.08);
  }
  .theme-dark .services-page .svc-tab{
    background: rgba(15,23,42,.45); color:#e2e8f0; border-color: rgba(148,163,184,.28);
  }
  .theme-dark .services-page .svc-tab:hover{
    background: rgba(15,23,42,.65); border-color:#60a5fa;
  }
  
  .services-page .svc-tab.active{
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border-color:#0b63f3;
    box-shadow: 0 10px 24px rgba(2,6,23,.10);
  }
  .theme-dark .services-page .svc-tab.active{
    background: linear-gradient(180deg, rgba(15,23,42,.75), rgba(15,23,42,.55));
    border-color:#60a5fa;
  }
  
  /* Painéis */
  .services-page .svc-panels{ min-height: 420px; }
  .services-page .svc-panel{
    display:none;
    border-radius:16px; padding:14px;
    background: rgba(255,255,255,.75);
    border:1px solid rgba(148,163,184,.25);
    box-shadow: 0 10px 28px rgba(2,6,23,.06);
  }
  .theme-dark .services-page .svc-panel{
    background: rgba(15,23,42,.55); border-color: rgba(148,163,184,.22);
    box-shadow: 0 10px 28px rgba(2,6,23,.5);
  }
  .services-page .svc-panel.active{ display:block; }
  
  .services-page .svc-panel h2{
    margin:0 0 6px; line-height:1.15;
    font-size: clamp(1.2rem, 2.6vw, 1.6rem);
  }
  .services-page .svc-panel .lead{
    margin:0 0 10px; color:#475569;
  }
  .theme-dark .services-page .svc-panel .lead{ color:#cbd5e1; }
  
  .services-page .cols-2{
    display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin: 10px 0 12px;
  }
  
  /* Lista com check */
  .services-page .check{
    list-style:none; padding:0; margin:0; display:grid; gap:8px;
  }
  .services-page .check li{
    position:relative; padding-left:26px;
  }
  .services-page .check li::before{
    content:""; position:absolute; left:0; top:6px;
    width:16px; height:16px; border-radius:999px;
    background: #10b981;
    box-shadow: inset 0 0 0 2px #ecfdf5;
  }
  
  /* CTA */
  .services-page .panel-cta{
    display:flex; gap:10px; flex-wrap:wrap; margin-top: 4px;
  }
  
  /* Responsivo */
  @media (max-width: 1080px){
    .services-page .svc-split{ grid-template-columns: 1fr; }
    .services-page .svc-nav{ position: static; }
  }
  @media (max-width: 680px){
    .services-page .cols-2{ grid-template-columns: 1fr; }
  }