:root{
    --preto:#0c0c0d;
    --preto-2:#161617;
    --vermelho:#c8102e;
    --vermelho-escuro:#8f0b20;
    --verde:#0f9e8e;
    --off:#f2f1ec;
    --off-2:#e7e5dc;
    --cinza:#8a8a86;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter',sans-serif;
    background:var(--off);
    color:var(--preto);
    line-height:1.6;
    overflow-x:hidden;
  }
  h1,h2,h3,.disp{
    font-family:'Barlow Condensed',sans-serif;
    text-transform:uppercase;
    letter-spacing:0.02em;
    font-weight:700;
    line-height:1.02;
  }
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

  /* NAV */
  header{
    position:fixed;top:0;left:0;right:0;z-index:50;
    background:rgba(12,12,13,0.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  nav{
    display:flex;align-items:center;justify-content:space-between;
    max-width:1180px;margin:0 auto;padding:14px 24px;
  }
  .logo{display:flex;align-items:center;color:#fff;}
  .logo-img{height:42px;width:auto;display:block;}
  .navlinks{display:flex;gap:32px;font-size:0.85rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;}
  .navlinks a{color:#d8d8d4;transition:color .2s;}
  .navlinks a:hover{color:var(--vermelho);}
  .nav-cta{
    background:var(--vermelho);color:#fff;padding:10px 20px;border-radius:2px;
    font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
    display:flex;align-items:center;gap:8px;
  }
  .navlinks, .nav-cta{display:none;}
  @media(min-width:840px){.navlinks{display:flex;} .nav-cta{display:flex;}}

  /* BANNER TOPO (slideshow puro, sem texto/sombra) */
  .banner-topo{
    position:relative;width:100%;overflow:hidden;
    background:#000;
    margin-top:80px;padding:0;
    aspect-ratio:16/7;
  }
  @media(max-width:900px){.banner-topo{aspect-ratio:4/3;margin-top:96px;}}
  .banner-slide{
    position:absolute;inset:0;
    background-repeat:no-repeat;background-position:center top;background-size:cover;
    animation-duration:22s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;
  }
  .banner-slide--contain{background-position:center center;background-size:contain;}
  .banner-slide--a{background-image:url("../img/hero-slide-1.jpg");animation-name:slideA;}
  .banner-slide--b{background-image:url("../img/hero-slide-portfolio.jpg");animation-name:slideB;}
  .banner-slide--c{background-image:url("../img/hero-slide-2.jpg");animation-name:slideC;}
  .banner-slide--d{background-image:url("../img/hero-slide-garden.jpg");animation-name:slideD;}
  @keyframes slideA{
    0%,19%{opacity:1;}
    22%,97%{opacity:0;}
    100%{opacity:1;}
  }
  @keyframes slideB{
    0%,22%{opacity:0;}
    25%,44%{opacity:1;}
    47%,100%{opacity:0;}
  }
  @keyframes slideC{
    0%,47%{opacity:0;}
    50%,69%{opacity:1;}
    72%,100%{opacity:0;}
  }
  @keyframes slideD{
    0%,72%{opacity:0;}
    75%,94%{opacity:1;}
    97%,100%{opacity:0;}
  }
  .banner-caption{
    position:absolute;inset:0;z-index:2;
    display:flex;
    pointer-events:none;
    animation-duration:22s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;
  }
  .banner-caption--1{align-items:flex-end;padding-bottom:36px;animation-name:slideA;}
  .banner-caption--2{align-items:flex-start;padding-top:44px;animation-name:slideC;}
  .banner-caption--3{align-items:flex-start;padding-top:44px;animation-name:slideD;}
  .banner-caption--3 .wrap{margin-left:auto;margin-right:0;text-align:right;}
  .banner-caption--3 .banner-caption-eyebrow{padding-right:0;}
  .banner-caption--4{align-items:flex-start;padding-top:44px;animation-name:slideB;}
  .banner-caption-eyebrow{
    display:block;color:#fff;font-weight:700;font-size:0.72rem;
    letter-spacing:0.22em;text-transform:uppercase;margin-bottom:10px;
    text-shadow:0 2px 10px rgba(0,0,0,0.65);
  }
  .banner-caption-h1{
    font-family:'Barlow Condensed';text-transform:uppercase;font-weight:800;
    color:#fff;line-height:1.05;letter-spacing:0.01em;
    font-size:clamp(1.7rem, 4.2vw, 3.1rem);
    text-shadow:0 3px 18px rgba(0,0,0,0.7);
  }
  .banner-caption-h1 span{color:var(--vermelho);}
  @media(max-width:600px){
    .banner-caption--1{padding-bottom:22px;}
    .banner-caption--2{padding-top:26px;}
    .banner-caption--3{padding-top:26px;}
    .banner-caption--4{padding-top:26px;}
  }

  /* DIFERENCIAIS (cards) */
  .diferenciais{padding:56px 0 90px;position:relative;z-index:5;}
  .diferenciais-box{
    display:grid;grid-template-columns:1fr;
    background:var(--preto-2);border-radius:6px;overflow:hidden;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.45);
  }
  @media(min-width:800px){.diferenciais-box{grid-template-columns:repeat(4,1fr);}}
  .dif-card{padding:34px 28px;border-top:1px solid rgba(255,255,255,0.08);}
  .dif-card:first-child{border-top:none;}
  @media(min-width:800px){
    .dif-card{border-top:none;border-left:1px solid rgba(255,255,255,0.08);}
    .dif-card:first-child{border-left:none;}
  }
  .dif-icon{
    width:52px;height:52px;border:1.5px solid rgba(255,255,255,0.35);border-radius:50%;
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--verde);
  }
  .dif-card h4{color:#fff;font-family:'Barlow Condensed';font-size:1.15rem;text-transform:none;letter-spacing:0;font-weight:700;margin-bottom:10px;}
  .dif-card p{color:#b9b9b4;font-size:0.85rem;line-height:1.55;}

  /* HERO (conteudo, abaixo do banner) */
  .hero{
    background:var(--preto);
    color:#fff;
    position:relative;
    overflow:hidden;
  }
  .hero::before{
    content:"";position:absolute;inset:0;z-index:0;
    background:repeating-linear-gradient(115deg, rgba(200,16,46,0.06) 0 2px, transparent 2px 90px);
    pointer-events:none;
  }
  .hero-solo{
    position:relative;z-index:2;max-width:640px;
  }
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;
    color:var(--verde);font-weight:700;margin-bottom:18px;
  }
  .eyebrow::before{content:"";width:22px;height:2px;background:var(--verde);}
  .hero h1{
    font-size:clamp(2.6rem, 7vw, 4.6rem);
    color:#fff;
  }
  .hero h1 em{
    font-style:normal;color:var(--vermelho);
    display:block;
  }
  .hero p.lead{
    margin-top:22px;color:#c8c8c4;font-size:1.05rem;max-width:480px;font-family:'Inter';
  }
  .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 26px;border-radius:2px;font-weight:700;
    font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em;
    transition:transform .15s, background .2s;
    border:1px solid transparent;
    cursor:pointer;
    font-family:'Inter',sans-serif;appearance:none;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primario{background:var(--vermelho);color:#fff;}
  .btn-primario:hover{background:var(--vermelho-escuro);}
  .btn-secundario{background:transparent;border-color:rgba(255,255,255,0.3);color:#fff;}
  .btn-secundario:hover{border-color:#fff;background:rgba(255,255,255,0.08);}
  .btn-secundario-off{background:transparent;border-color:#cfcdc2;color:var(--preto);}
  .btn-secundario-off:hover{border-color:var(--preto);background:rgba(12,12,13,0.05);}

  /* SECAO GENERICA */
  section{padding:100px 0;}
  .sec-head{max-width:640px;margin-bottom:56px;}
  .sec-eyebrow{color:var(--vermelho);font-weight:700;font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;}
  .sec-head h2{font-size:clamp(2rem,4.5vw,3rem);margin-top:10px;}
  .sec-head p{color:#55554f;margin-top:16px;font-size:1.02rem;max-width:540px;}

  /* SOBRE */
  .sobre{background:var(--off);}
  .sobre-texto-solo{max-width:820px;margin:0 auto;text-align:center;}
  .sobre-texto-solo h2{font-size:clamp(2.1rem,4.5vw,3.1rem);margin:10px auto 26px;}
  .sobre-texto-solo p{color:#4a4a44;margin-bottom:18px;font-size:1.08rem;text-align:left;}
  .lista-check{list-style:none;margin-top:24px;display:grid;gap:14px;text-align:left;}
  .lista-check-2col{max-width:680px;margin:24px auto 0;}
  @media(min-width:700px){.lista-check-2col{grid-template-columns:1fr 1fr;column-gap:24px;}}
  .lista-check li{display:flex;gap:12px;align-items:flex-start;font-size:0.95rem;color:#333;}
  .lista-check .ic{
    flex:none;width:22px;height:22px;border-radius:50%;background:var(--verde);
    color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:800;
  }

  /* PRESENCA COMERCIAL / MAPA */
  .presenca{background:var(--off-2);}
  .presenca-grid{display:grid;grid-template-columns:1fr;gap:48px;}
  @media(min-width:900px){.presenca-grid{grid-template-columns:0.95fr 1.05fr;align-items:center;}}
  .presenca-map{
    background:#fff;border:1px solid #e3e1d6;border-radius:4px;padding:24px;
    box-shadow:0 25px 50px -20px rgba(0,0,0,0.15);
  }
  .br-map{width:100%;height:auto;display:block;}
  .br-map .uf{fill:#d8d6cb;stroke:#fff;stroke-width:1.4;transition:fill .2s;}
  .br-map .uf-on{fill:var(--vermelho);}
  .br-map .pais-on{fill:var(--vermelho-escuro);stroke:#fff;stroke-width:1.4;}
  .presenca-legenda{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:0.78rem;color:#55554f;}
  .presenca-legenda span{display:inline-flex;align-items:center;gap:7px;}
  .presenca-legenda i{width:11px;height:11px;border-radius:2px;display:inline-block;}
  .presenca-legenda .i-on{background:var(--vermelho);}
  .presenca-legenda .i-pais{background:var(--vermelho-escuro);}
  .presenca-legenda .i-off{background:#d8d6cb;}
  .presenca-texto p{color:#4a4a44;margin-bottom:16px;}
  .presenca-stats{display:flex;flex-wrap:wrap;gap:36px;margin-top:28px;}
  .stat-num{font-family:'Barlow Condensed';font-size:2.8rem;font-weight:800;color:var(--vermelho);line-height:1;}
  .stat-label{display:block;margin-top:6px;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em;color:#55554f;max-width:170px;}

  /* PRODUTO / FICHA */
  .produto{background:var(--preto);color:#fff;}
  .produto .sec-head p{color:#b9b9b4;}
  .ficha{display:grid;grid-template-columns:1fr;gap:50px;}
  @media(min-width:900px){.ficha{grid-template-columns:0.9fr 1.1fr;}}
  .ficha-img{background:#111;border-radius:4px;padding:30px;display:flex;align-items:center;justify-content:center;}
  .ficha-img img{max-height:420px;}
  table.tabela{
    width:100%;border-collapse:collapse;font-size:0.88rem;
  }
  table.tabela th{
    text-align:left;color:var(--verde);text-transform:uppercase;font-size:0.72rem;
    letter-spacing:0.08em;padding:10px 12px;border-bottom:2px solid rgba(255,255,255,0.15);
  }
  table.tabela td{
    padding:12px;border-bottom:1px solid rgba(255,255,255,0.08);color:#e2e2de;
  }
  .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px;}
  .tag{
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);
    padding:7px 14px;border-radius:20px;font-size:0.75rem;text-transform:uppercase;
    letter-spacing:0.04em;color:#e6e6e2;
  }

  /* BENEFICIOS (12 cards) */
  .beneficios{background:var(--off);}
  .beneficios-destaque{
    display:inline-block;margin-top:18px;padding:12px 18px;
    background:#fff;border-left:3px solid var(--vermelho);border-radius:2px;
    font-weight:700;color:var(--preto);font-size:0.98rem;
  }
  .beneficios-grid{display:grid;grid-template-columns:1fr;gap:20px;}
  @media(min-width:700px){.beneficios-grid{grid-template-columns:repeat(3,1fr);}}
  @media(min-width:1100px){.beneficios-grid{grid-template-columns:repeat(4,1fr);}}
  .beneficio-card{
    background:#fff;border:1px solid #e3e1d6;border-radius:6px;
    padding:28px 22px;text-align:center;
    transition:box-shadow .2s, transform .2s;
  }
  .beneficio-card:hover{box-shadow:0 20px 40px -20px rgba(0,0,0,0.2);transform:translateY(-3px);}
  .beneficio-icon{
    width:52px;height:52px;margin:0 auto 16px;border-radius:50%;
    background:rgba(200,16,46,0.06);border:1.5px solid rgba(200,16,46,0.3);
    display:flex;align-items:center;justify-content:center;color:var(--vermelho);
  }
  .beneficio-card h4{font-family:'Barlow Condensed';font-size:1.05rem;text-transform:none;letter-spacing:0;font-weight:700;margin-bottom:6px;color:var(--preto);}
  .beneficio-card p{font-size:0.83rem;color:#5c5c56;}


  /* LOJA */
  .loja{background:var(--off);}
  .grade-produtos{
    display:grid;grid-template-columns:1fr;gap:26px;
  }
  @media(min-width:700px){.grade-produtos{grid-template-columns:repeat(2,1fr);}}
  @media(min-width:1000px){.grade-produtos{grid-template-columns:repeat(3,1fr);}}
  .card-produto{
    background:#fff;border:1px solid #e3e1d6;border-radius:4px;overflow:hidden;
    display:flex;flex-direction:column;transition:box-shadow .2s, transform .2s;
  }
  .card-produto:hover{box-shadow:0 20px 40px -18px rgba(0,0,0,0.25);transform:translateY(-3px);}
  .card-media{background:var(--preto);padding:26px;display:flex;align-items:center;justify-content:center;min-height:230px;}
  .card-media img{max-height:190px;}
  .card-corpo{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .card-corpo .cat{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--verde);font-weight:700;}
  .card-corpo h3{font-family:'Barlow Condensed';font-size:1.5rem;text-transform:none;letter-spacing:0;font-weight:700;}
  .card-corpo p{font-size:0.85rem;color:#5c5c56;flex:1;}
  .card-rodape{display:flex;align-items:center;justify-content:space-between;margin-top:6px;}
  .preco{font-family:'Barlow Condensed';font-size:1.05rem;color:var(--preto);font-weight:700;}
  .preco small{display:block;font-family:'Inter';font-size:0.65rem;color:var(--cinza);font-weight:500;text-transform:none;}
  .btn-whats{
    display:inline-flex;align-items:center;gap:7px;background:var(--verde);color:#fff;
    padding:10px 16px;border-radius:2px;font-size:0.75rem;font-weight:700;text-transform:uppercase;
    cursor:pointer;
  }
  .btn-whats:hover{background:#0b7f72;}

  /* LINHA GARDEN */
  .garden{background:var(--off-2);}
  .garden-grid{display:grid;grid-template-columns:1fr;gap:48px;}
  @media(min-width:900px){.garden-grid{grid-template-columns:0.85fr 1.15fr;align-items:center;}}
  .garden-img{
    background:#fff;border:1px solid #e3e1d6;border-radius:4px;
    padding:30px;display:flex;align-items:center;justify-content:center;
    box-shadow:0 25px 50px -20px rgba(0,0,0,0.15);
  }
  .garden-img img{max-height:360px;}
  .garden-dose{
    margin:22px 0;padding:14px 18px;background:#fff;border-radius:4px;
    border-left:3px solid var(--verde);font-size:0.92rem;color:#333;
  }
  .garden-dose b{color:var(--verde);}
  .garden-dose-eco{border-left-color:var(--vermelho);}
  .garden-dose-eco b{color:var(--vermelho);}
  .garden-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}

  /* PROVA / OPERACOES */
  .prova{background:var(--off-2);padding:90px 0;}
  .prova-solo{max-width:760px;margin:0 auto;text-align:center;}
  .prova-solo blockquote{
    font-family:'Barlow Condensed';font-size:clamp(1.9rem,4vw,2.7rem);font-weight:600;line-height:1.2;color:var(--preto);
  }
  .prova-solo blockquote span{color:var(--vermelho);}
  .prova-solo cite{display:block;margin-top:20px;font-style:normal;font-size:0.85rem;color:#6b6b64;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;}

  /* PARCEIROS */
  .parceiros{background:var(--off);}
  .parceiros-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
  @media(min-width:700px){.parceiros-grid{grid-template-columns:repeat(3,1fr);}}
  @media(min-width:1000px){.parceiros-grid{grid-template-columns:repeat(6,1fr);}}
  .parceiro-card{
    background:#fff;border:1px solid #e3e1d6;border-radius:6px;
    height:120px;display:flex;align-items:center;justify-content:center;padding:18px;
    transition:box-shadow .2s, transform .2s;
  }
  .parceiro-card:hover{box-shadow:0 20px 40px -20px rgba(0,0,0,0.2);transform:translateY(-3px);}
  .parceiro-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}

  /* CTA FINAL */
  .cta-final{
    background:linear-gradient(120deg, var(--vermelho-escuro), var(--vermelho));
    color:#fff;text-align:center;padding:90px 0;
  }
  .cta-final h2{font-size:clamp(2rem,5vw,3.2rem);color:#fff;}
  .cta-final p{max-width:500px;margin:16px auto 30px;color:#ffe4e4;}
  .cta-final .btn-secundario{border-color:rgba(255,255,255,0.5);}
  .cta-final-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}

  /* FOOTER */
  footer{background:var(--preto);color:#c9c9c5;padding:56px 0 28px;}
  .footer-grid{display:grid;grid-template-columns:1fr;gap:36px;}
  @media(min-width:800px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;}}
  footer h4{font-family:'Barlow Condensed';color:#fff;text-transform:uppercase;font-size:0.95rem;letter-spacing:0.06em;margin-bottom:14px;}
  footer ul{list-style:none;display:grid;gap:9px;font-size:0.85rem;}
  footer a:hover{color:var(--verde);}
  .footer-bottom{
    margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,0.08);
    font-size:0.75rem;color:#7a7a75;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;
  }

  /* BENEFICIOS COM VIDEO */
  .beneficio-video{cursor:pointer;}
  .beneficio-video:focus-visible{outline:2px solid var(--vermelho);outline-offset:2px;}
  .beneficio-play{
    display:inline-flex;align-items:center;gap:6px;margin-top:12px;
    font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
    color:var(--vermelho);
  }

  /* MODAL "SEJA UM REPRESENTANTE" */
  .modal-overlay{
    position:fixed;inset:0;z-index:80;
    background:rgba(12,12,13,0.75);
    display:none;align-items:center;justify-content:center;
    padding:20px;
  }
  .modal-overlay.is-open{display:flex;}
  .modal-box{
    background:#fff;border-radius:6px;max-width:420px;width:100%;
    padding:36px 30px 30px;position:relative;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);
  }
  .modal-close{
    position:absolute;top:12px;right:14px;background:none;border:none;
    font-size:1.7rem;line-height:1;color:var(--cinza);cursor:pointer;padding:6px;
  }
  .modal-close:hover{color:var(--vermelho);}
  .modal-box h3{font-family:'Barlow Condensed';font-size:1.5rem;text-transform:uppercase;margin-bottom:10px;color:var(--preto);}
  .modal-box p{font-size:0.85rem;color:#5c5c56;margin-bottom:22px;}
  .modal-box form{display:grid;gap:16px;}
  .modal-box label{display:block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:#333;}
  .modal-box label small{font-weight:500;text-transform:none;letter-spacing:0;color:var(--cinza);}
  .modal-box input{
    display:block;width:100%;margin-top:7px;padding:11px 12px;
    border:1px solid #d8d6cb;border-radius:3px;font-family:'Inter',sans-serif;font-size:0.92rem;
    color:var(--preto);
  }
  .modal-box input:focus{outline:none;border-color:var(--vermelho);}
  .modal-box .btn{width:100%;justify-content:center;margin-top:4px;}
  .modal-box--video{max-width:640px;padding:20px;}
  .modal-box--video h3{padding-right:26px;}
  .modal-box--video video{
    display:block;width:100%;border-radius:4px;background:#000;margin-top:14px;
    max-height:75vh;
  }

  /* WHATSAPP FLUTUANTE */
  .whats-float{
    position:fixed;bottom:22px;right:22px;z-index:60;
    background:var(--verde);color:#fff;width:58px;height:58px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,0.3);
    font-size:1.5rem;
  }