:root{
      --ink:#111827; --muted:#6b7280; --line:#e5e7eb; --bg:#ffffff;
      --pink:#1d4f61; --pink-dark:#0a528a; --soft:#eef2ff;
      --good:#10b981; --bad:#ef4444; --brand:#0f766e;
      --container:1080px;
      --radius:14px; --shadow:0 6px 24px rgba(17,24,39,.08);
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial}
    img{max-width:100%;display:block}
    a{color:var(--pink);text-decoration:none}
    a:hover{text-decoration:underline}
    .wrap{max-width:var(--container);margin:0 auto;padding:0 20px}
    .muted{color:var(--muted)}
    .micro{font-size:12px}
    .pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:700}

    /* NAV */
    .nav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
    .nav__row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}
    .brand{display:flex;align-items:center;gap:12px}
    .brand img{height:48px;width:auto}

    /* Hamburger button */
    .hamburger{
      display:none; /* hidden on desktop */
      background:#fff;border:1px solid var(--line);border-radius:10px;
      width:42px;height:42px;align-items:center;justify-content:center;
      cursor:pointer;padding:0;
    }
    .hamburger .bar{display:block;width:22px;height:2px;background:var(--ink);position:relative}
    .hamburger .bar::before,.hamburger .bar::after{
      content:"";position:absolute;left:0;width:22px;height:2px;background:var(--ink);transition:transform .2s ease, top .2s ease, opacity .2s ease;
    }
    .hamburger .bar::before{top:-7px}
    .hamburger .bar::after{top:7px}
    .hamburger[aria-expanded="true"] .bar{background:transparent}
    .hamburger[aria-expanded="true"] .bar::before{top:0;transform:rotate(45deg)}
    .hamburger[aria-expanded="true"] .bar::after{top:0;transform:rotate(-45deg)}

    /* Desktop menu visible */
    .menu{
      display:flex !important;
      gap:18px;
      align-items:center;
    }

    /* Mobile behavior */
    @media (max-width:960px){
      .brand img{height:40px}
      .hamburger{display:inline-flex}
      .menu{
        display:none !important;
        position:absolute; right:16px; top:64px;
        flex-direction:column; gap:12px;
        padding:16px; background:#fff; border:1px solid var(--line); border-radius:12px;
        box-shadow:var(--shadow); width:min(88vw,320px);
      }
      .menu.open{display:flex !important;}
    }

    .cta-nav{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--pink);color:#fff;border:2px solid var(--pink);font-weight:800}
    .cta-nav:hover{background:var(--pink-dark);border-color:var(--pink-dark);text-decoration:none}

    /* HERO */
    .hero{padding:56px 0 28px;background:
      radial-gradient(1000px 380px at 50% -200px, rgba(233,30,99,.10), transparent 60%)}
    .hero h1{font-size:40px;line-height:1.15;margin:12px 0}
    .lead{max-width:760px;color:var(--muted)}
    .hero .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
    .btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:800;letter-spacing:.2px;border:2px solid var(--pink);background:var(--pink);color:#fff}
    .btn:hover{background:var(--pink-dark);border-color:var(--pink-dark);text-decoration:none}
    .btn--ghost{background:#fff;color:var(--pink)}
    .btn--ghost:hover{background:#fff;border-color:var(--pink-dark);color:var(--pink-dark)}

    /* SECTIONS */
    section{padding:44px 0}
    h2{font-size:28px;margin:0 0 8px}
    .grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
    .badge{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#065f46;background:#ecfdf5;border:1px solid #d1fae5;border-radius:999px;padding:6px 12px}

    /* ICON ROW */
    .icons{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
    .icon{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:700}
    .dot{width:10px;height:10px;border-radius:999px;background:var(--pink)}

    /* FEATURE ROWS */
    .feature{display:flex;gap:16px}
    .feature .i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
    .feature h3{margin:0 0 6px;font-size:18px}
    .feature p{margin:0}

    /* PRODUCTS STRIP */
    .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .product{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fff;text-align:center}
    .product h3{margin:10px 0 6px}
    .price{font-weight:900;font-size:18px}

    /* QUOTE */
    .quote{display:flex;gap:16px;align-items:flex-start}
    .quote .mark{font-size:40px;color:var(--pink);line-height:1}
    blockquote{margin:0}


    @media (max-width:960px){
      .grid-2{grid-template-columns:1fr}
      .grid-3{grid-template-columns:1fr}
      .strip{grid-template-columns:1fr}
    }
      /* ===== Carousel layout ===== */
  .products-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
  }
  .products-nav{ display:flex; gap:10px; }

  .pnav{
    width:44px;height:44px;
    border-radius:12px;
    border:1px solid rgba(15,23,42,.14);
    background:#fff;
    cursor:pointer;
    font-size:22px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(15,23,42,.06);
    user-select:none;
  }
  .pnav:disabled{ opacity:.35; cursor:not-allowed; }

  .products-carousel{
    position:relative;
  }

  .products-track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns: calc(33.333% - 14px);
    gap:20px;

    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding: 6px 4px 10px;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .products-track::-webkit-scrollbar{ display:none; }

  .products-track .product{
    scroll-snap-align:start;
  }

  /* Cards (mantém seu estilo atual, ajusta se quiser) */
  .product{
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    border-radius:16px;
    padding:18px;
    box-shadow:0 10px 26px rgba(15,23,42,.06);
  }
  .product img{
    width:100%;
    height:240px;
    object-fit:contain;
    border-radius:12px;
    background:#f8fafc;
  }

  /* Dots */
  .products-dots{
    display:flex;
    gap:8px;
    justify-content:center;
    margin-top:14px;
  }
  .pdot{
    width:9px;height:9px;
    border-radius:999px;
    border:0;
    background: rgba(15,23,42,.22);
    cursor:pointer;
  }
  .pdot.is-active{
    width:22px;
    background: rgba(15,23,42,.70);
  }

  /* ===== Responsive ===== */
  @media (max-width: 980px){
    .products-track{ grid-auto-columns: calc(50% - 10px); }
    .product img{ height:220px; }
  }
  @media (max-width: 640px){
    .products-head{ align-items:flex-start; }
    .products-track{ grid-auto-columns: 88%; }
    .product img{ height:210px; }
  }
    .quality{
    background: var(--soft);
    padding: 56px 0;
  }
/* FOOTER (fix mobile spacing + avoid conflicts) */
footer,
.site-footer{
  border-top:1px solid var(--line);
  background:#fafafa;
  padding: 22px 0 28px;
}

footer .wrap,
.site-footer .wrap{
  padding-left: 20px;
  padding-right: 20px;
}

/* base layout */
footer .foot,
.site-footer .foot{
  color:var(--muted);
  font-size:14px;
  display:grid;
  gap:14px;
  padding: 0;               
  justify-content:stretch; 
}

footer .foot-top,
.site-footer .foot-top{
  display:grid;
  gap:8px;
}

footer .foot-copy,
.site-footer .foot-copy{
  margin:0;
  padding-left:20px;
  font-weight:600;
  line-height:1.35;
}

footer .foot-address,
.site-footer .foot-address{
  margin:0;
  padding-left:20px;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
  word-break: break-word;
}

footer .foot-address a,
.site-footer .foot-address a{
  color:inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* disclaimer box */
footer .foot-disclaimer,
.site-footer .foot-disclaimer{
  margin:0;
  padding:12px 16px;
  border-radius:14px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.06);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: .1px;
}

/* MOBILE */
@media (max-width: 680px){
  footer,
  .site-footer{
    padding: 18px 0 24px;
  }

  footer .wrap,
  .site-footer .wrap{
    padding-left: 16px;
    padding-right: 16px;
  }

  footer .foot-copy,
  footer .foot-address,
  .site-footer .foot-copy,
  .site-footer .foot-address{
    padding-left: 0;
  }

  footer .foot-disclaimer,
  .site-footer .foot-disclaimer{
    padding: 14px 14px;
  }
}