:root{
      --brand:#0d6efd;
      --text:#0b1220;
      --muted:#6c757d;
      --border:#edf1f5;
      --section-gap: clamp(3rem, 5vw, 5rem);
      /* Tints por seção */
      --tint-hero:#f4f8ff;        /* azul gelo */
      --tint-servicos:#fff7f4;    /* pêssego claro */
      --tint-sobre:#f6fff7;       /* menta clara */
      --tint-depo:#f5f3ff;        /* lavanda clara */
      --tint-contato:#f1f5f9;     /* cinza azulado claro + contraste */
    }
    html{ scroll-behavior:smooth }
    body{ color:var(--text); background:#fff }
    .btn-brand{ background:var(--brand); color:#fff; border:0 }
    .btn-brand:hover{ filter:brightness(0.95) }
    .navbar{ box-shadow: 0 1px 0 rgba(0,0,0,.06) }
    .nav-link{ font-weight:600 }

    /* Seções */
    section, header.section{ padding: var(--section-gap) 0 }
    .section-title{ font-weight:800; letter-spacing:.2px }
    .section-muted{ color:var(--muted) }
    .section-bordered{ border-top:1px solid var(--border); border-bottom:1px solid var(--border) }

    /* Tints */
    .bg-tint-hero{ background: var(--tint-hero) }
    .bg-tint-servicos{ background: var(--tint-servicos) }
    .bg-tint-sobre{ background: var(--tint-sobre) }
    .bg-tint-depo{ background: var(--tint-depo) }
    .bg-tint-contato{ background: var(--tint-contato) }

    /* Hero */
    .lead-hero{ font-size:1.125rem; color:var(--muted) }
    .hero-bullets li{ display:flex; align-items:center; gap:.5rem; margin:.5rem 0 }
    .hero-image{
      border-radius:1rem; box-shadow:0 10px 30px rgba(13,110,253,.08);
      object-fit:cover; width:100%; height:100%; max-height:520px;
    }

    /* Cards */
    .service-card{ border:1px solid var(--border); transition:transform .2s ease, box-shadow .2s ease }
    .service-card:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.06) }
    .service-card img{ aspect-ratio:4/3; object-fit:cover }

    /* ===== SOBRE (melhorado) ===== */
    .about .lead{ color:var(--muted) }
    .about .feature-list{ list-style:none; padding:0; margin:1rem 0 0 }
    .about .feature-list li{ display:flex; align-items:center; gap:.5rem; margin:.5rem 0 }
    .about .kpi{
      display:flex; align-items:center; gap:.75rem;
      padding:.9rem 1rem; border:1px solid var(--border); border-radius:.75rem; background:#fff;
    }
    .about .kpi .num{ font-weight:800; font-size:1.5rem; line-height:1 }
    .about .kpi .label{ color:var(--muted); font-size:.9375rem }

    .about-visual{ position:relative; min-height:380px }
    .about-visual .photo-main{
      width:75%; margin-left:auto; border-radius:1rem; object-fit:cover; aspect-ratio:4/3;
      box-shadow:0 12px 28px rgba(0,0,0,.08);
    }
    .about-visual .photo-float{
      position:absolute; left:0; bottom:-18px; width:55%; border-radius:1rem; object-fit:cover; aspect-ratio:4/3;
      box-shadow:0 16px 36px rgba(0,0,0,.12);
    }
    .about-visual .about-badge{
      position:absolute; right:6%; top:8%;
      background:#fff; border:1px solid var(--border); border-radius:.75rem; padding:.6rem .8rem;
      display:flex; align-items:center; gap:.5rem; box-shadow:0 10px 24px rgba(0,0,0,.08);
    }
    .about-visual .about-badge i{ color:var(--brand) }

    /* ===== DEPOIMENTOS ===== */
    .agg-rating{
      display:flex; justify-content:center; align-items:center; gap:.5rem;
      background:#fff; border:1px solid var(--border); border-radius:999px; padding:.5rem .9rem;
      width:max-content; margin:0 auto 1.25rem auto;
      box-shadow:0 6px 18px rgba(0,0,0,.05);
      font-weight:600;
    }
    .agg-rating .stars{ color:#f1b80b }
    .review-card{
      background:#fff; border:1px solid var(--border); border-radius:1rem; padding:1.25rem; height:100%;
      position:relative; box-shadow:0 8px 24px rgba(0,0,0,.05);
    }
    .review-card .quote{
      position:absolute; top:-14px; left:16px; width:42px; height:42px; border-radius:50%;
      background:rgba(13,110,253,.08); display:grid; place-items:center;
    }
    .review-card .quote i{ color:#0d6efd }
    .review-card .head{ display:flex; align-items:center; gap:.75rem; margin-bottom:.5rem }
    .review-card .avatar{ width:40px; height:40px; border-radius:50%; object-fit:cover }
    .review-card .name{ font-weight:700 }
    .review-card .meta{ font-size:.875rem; color:var(--muted) }
    .review-card .text{ margin:.5rem 0 0 }
    .review-card .rating{ color:#f1b80b }
    .review-nav{ display:flex; gap:.5rem; justify-content:center; margin-top:1rem }
    .review-nav .nav-btn{
      width:44px; height:44px; border:1px solid var(--border); background:#fff; border-radius:999px;
      display:grid; place-items:center; box-shadow:0 8px 20px rgba(0,0,0,.08)
    }

    /* ===== CONTATO (reprojetado) ===== */
    .contact .contact-card{
      border:1px solid var(--border); background:#fff; border-radius:1rem; padding:1.25rem;
      box-shadow:0 10px 24px rgba(0,0,0,.05); height:100%;
    }
    .contact .contact-list{ list-style:none; padding:0; margin:0 }
    .contact .contact-list li{ display:flex; gap:.6rem; align-items:center; margin:.5rem 0 }
    .contact .chips{ list-style:none; padding:0; margin:.25rem 0 0; display:flex; flex-wrap:wrap; gap:.5rem }
    .contact .chip{ background:#fff; border:1px solid var(--border); border-radius:999px; padding:.35rem .75rem; font-size:.9375rem }
    .contact .cta-bar{
      background:#fff; border:1px dashed var(--border); border-radius:1rem; padding:1rem; display:flex; gap:.75rem; align-items:center; justify-content:space-between
    }
    .contact .cta-bar .txt{ color:var(--muted) }
    .footer-note{ color:var(--muted); font-size:.9375rem }

    /* Acessórios */
    .floating-cta{
      position:fixed; right:16px; bottom:16px; z-index:1030;
      border-radius:999px; padding:.9rem 1.1rem; box-shadow:0 10px 24px rgba(0,0,0,.15)
    }
    .back-to-top{
      position:fixed; right:16px; bottom:86px; z-index:1030; display:none
    }