:root{

      --mineral-950:#1d211c;

      --mineral-900:#272c25;

      --mineral-800:#343b31;

      --olive-700:#58624c;

      --olive-600:#6d785e;

      --verm-500:#a98252;

      --verm-400:#c29c68;

      --sand-100:#f4efe6;

      --sand-50:#faf8f3;

      --white:#ffffff;

      --ink:#20241f;

      --muted:#697066;

      --line:rgba(39,44,37,.12);

    }



    html{scroll-behavior:smooth}

    body{

      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

      color:var(--ink);

      background:var(--sand-50);

    }

    .navbar{

      background:rgba(250,248,243,.92);

      backdrop-filter:blur(14px);

      border-bottom:1px solid var(--line);

    }

    .brand-mark{

      width:42px;height:42px;border-radius:12px;

      display:grid;place-items:center;

      background:linear-gradient(145deg,var(--verm-400),var(--olive-700));

      color:white;font-weight:800;letter-spacing:-.05em;

      box-shadow:0 8px 22px rgba(39,44,37,.16);

    }

    .navbar-brand strong{letter-spacing:-.035em}

    .nav-link{font-weight:600;color:#42483f!important}

    .nav-link:hover{color:var(--verm-500)!important}

    .btn-mineral{

      background:var(--mineral-900);color:#fff;border:0;

      border-radius:999px;padding:.78rem 1.2rem;font-weight:700;

    }

    .btn-mineral:hover{background:var(--verm-500);color:#fff}

    .btn-outline-mineral{

      border:1px solid rgba(255,255,255,.38);color:#fff;

      border-radius:999px;padding:.78rem 1.2rem;font-weight:700;

    }

    .btn-outline-mineral:hover{background:#fff;color:var(--mineral-900)}



    .hero{

      min-height:760px;

      padding:9.5rem 0 6rem;

      color:white;

      position:relative;overflow:hidden;

      background:

        radial-gradient(circle at 78% 22%, rgba(194,156,104,.28), transparent 26%),

        radial-gradient(circle at 90% 80%, rgba(109,120,94,.28), transparent 25%),

        linear-gradient(125deg,#1d211c 0%,#2d332a 54%,#4e5746 100%);

    }

    .hero:after{

      content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;

      background-image:

        radial-gradient(circle at 20% 30%, #fff 0 1px, transparent 1.5px),

        radial-gradient(circle at 70% 60%, #fff 0 1px, transparent 1.5px);

      background-size:31px 31px,47px 47px;

    }

    .hero .container{position:relative;z-index:2}

    .eyebrow{

      display:inline-flex;align-items:center;gap:.55rem;

      text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;

      color:var(--verm-400);

    }

    .hero h1{

      font-size:clamp(3.2rem,7vw,6.8rem);

      line-height:.92;letter-spacing:-.065em;font-weight:800;max-width:920px;

    }

    .hero h1 span{color:var(--verm-400)}

    .hero-copy{font-size:1.15rem;color:rgba(255,255,255,.72);max-width:650px;line-height:1.75}

    .hero-panel{

      border:1px solid rgba(255,255,255,.14);

      background:rgba(255,255,255,.07);

      backdrop-filter:blur(14px);

      border-radius:28px;padding:1.6rem;

    }

    .metric{border-left:1px solid rgba(255,255,255,.18);padding-left:1.4rem}

    .metric:first-child{border-left:0;padding-left:0}

    .metric strong{font-size:1.9rem;letter-spacing:-.05em}

    .metric span{display:block;color:rgba(255,255,255,.56);font-size:.82rem}



    .section{padding:7rem 0}

    .section-label{

      text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;

      font-weight:800;color:var(--verm-500);margin-bottom:1rem;

    }

    .display-title{

      font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.02;

      letter-spacing:-.055em;font-weight:800;

    }

    .lead-soft{color:var(--muted);line-height:1.8}



    .about-card{

      background:var(--mineral-900);color:white;border-radius:30px;padding:2.2rem;

      min-height:410px;position:relative;overflow:hidden;

    }

    .about-card:after{

      content:"24+";position:absolute;right:-12px;bottom:-55px;

      font-size:10rem;font-weight:900;color:rgba(255,255,255,.045);letter-spacing:-.08em;

    }

    .year{font-size:5rem;font-weight:800;letter-spacing:-.08em;color:var(--verm-400)}



    .product-card{

      background:#fff;border:1px solid var(--line);border-radius:28px;padding:2.2rem;

      height:100%;transition:.3s ease;position:relative;overflow:hidden;

    }

    .product-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(39,44,37,.09)}

    .grain{

      width:78px;height:78px;border-radius:24px;margin-bottom:2rem;

      background:

        radial-gradient(circle at 30% 30%,#e6cfaa 0 7%,transparent 8%),

        radial-gradient(circle at 65% 35%,#a98252 0 9%,transparent 10%),

        radial-gradient(circle at 42% 68%,#c7a26e 0 12%,transparent 13%),

        #eee4d3;

      box-shadow:inset 0 0 0 1px rgba(39,44,37,.08);

    }

    .grain.medium{background-size:28px 28px;background-color:#e8dcc7}

    .product-card h3{font-size:2rem;letter-spacing:-.04em;font-weight:800}

    .text-link{color:var(--mineral-900);font-weight:800;text-decoration:none}

    .text-link i{transition:.2s}.text-link:hover i{transform:translateX(5px)}



    .applications{background:var(--sand-100)}

    .application-card{

      background:transparent;border-top:1px solid rgba(39,44,37,.18);

      padding:2rem 0;height:100%;

    }

    .application-icon{

      width:50px;height:50px;border-radius:15px;display:grid;place-items:center;

      background:#fff;color:var(--verm-500);font-size:1.35rem;margin-bottom:2.8rem;

      box-shadow:0 8px 24px rgba(39,44,37,.06);

    }



    .benefit{

      padding:1.1rem 0;border-bottom:1px solid var(--line);

      display:flex;gap:1rem;align-items:flex-start;

    }

    .benefit i{color:var(--verm-500);font-size:1.15rem;margin-top:.15rem}



    .quote-section{

      background:

        radial-gradient(circle at 12% 50%,rgba(194,156,104,.18),transparent 25%),

        var(--mineral-950);

      color:white;border-radius:36px;padding:clamp(2rem,5vw,5rem);

    }

    .quote-section h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.06em;line-height:.98;font-weight:800}

    .form-control,.form-select{

      border-radius:14px;padding:.9rem 1rem;border-color:rgba(255,255,255,.15);

      background:rgba(255,255,255,.08);color:white;

    }

    .form-control::placeholder{color:rgba(255,255,255,.45)}

    .form-control:focus,.form-select:focus{background:rgba(255,255,255,.11);color:#fff;border-color:var(--verm-400);box-shadow:none}

    .form-select option{color:#222}

    footer{padding:3.5rem 0;background:#171a16;color:rgba(255,255,255,.6)}

    footer a{color:rgba(255,255,255,.7);text-decoration:none}

    footer a:hover{color:white}

    .contact-strip{

      background:#fff;border:1px solid var(--line);border-radius:28px;

      padding:1rem 1.2rem;box-shadow:0 18px 50px rgba(39,44,37,.06);

    }

    .contact-item{

      display:flex;align-items:center;gap:1rem;padding:1rem;

      color:var(--ink);text-decoration:none;border-radius:20px;transition:.25s ease;

    }

    .contact-item:hover{background:var(--sand-100);color:var(--ink);transform:translateY(-2px)}

    .contact-icon{

      flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;

      background:var(--sand-100);color:var(--verm-500);font-size:1.15rem;

    }

    .contact-item small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:.2rem}

    .contact-item strong{font-size:.94rem;line-height:1.35}

    .floating-whatsapp{

      position:fixed;right:22px;bottom:22px;z-index:1050;

      display:flex;align-items:center;gap:.75rem;

      background:#20251f;color:white;font-weight:800;text-decoration:none;

      border-radius:999px;padding:.68rem 1rem .68rem .7rem;

      box-shadow:0 14px 35px rgba(0,0,0,.24);

      animation:whatsappPulse 2s infinite;

    }

    .floating-whatsapp .wa-icon{

      width:42px;height:42px;border-radius:50%;display:grid;place-items:center;

      background:#25D366;color:white;font-size:1.35rem;

    }

    .floating-whatsapp small{display:block;font-size:.67rem;color:rgba(255,255,255,.62);font-weight:600;line-height:1}

    .floating-whatsapp:hover{background:var(--verm-500);color:#fff;transform:translateY(-2px)}

    @keyframes whatsappPulse{

      0%{box-shadow:0 0 0 0 rgba(37,211,102,.42),0 14px 35px rgba(0,0,0,.24)}

      70%{box-shadow:0 0 0 16px rgba(37,211,102,0),0 14px 35px rgba(0,0,0,.24)}

      100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 14px 35px rgba(0,0,0,.24)}

    }

    @media(max-width:991px){

      .hero{min-height:auto;padding-top:8rem}

      .hero h1{font-size:clamp(3rem,12vw,5.4rem)}

      .section{padding:5rem 0}

      .metric{border-left:0;padding-left:0}

    }



    /* WhatsApp flutuante: somente ícone */

    .floating-whatsapp{

      width:60px!important;

      height:60px!important;

      padding:0!important;

      border-radius:50%!important;

      display:grid!important;

      place-items:center!important;

      font-size:1.65rem!important;

    }

    .floating-whatsapp .wa-icon{display:contents!important}





/* Aplicações detalhadas */

.applications-intro{max-width:900px}.civil-feature{overflow:hidden;border-radius:32px;background:linear-gradient(120deg,var(--mineral-950),var(--mineral-800));color:#fff;box-shadow:0 28px 70px rgba(29,33,28,.14)}

.civil-copy{padding:clamp(2rem,5vw,4.5rem)}.civil-kicker{display:inline-flex;gap:.55rem;align-items:center;color:var(--verm-400);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}

.civil-feature h3{font-size:clamp(2.2rem,4vw,4.3rem);line-height:1;letter-spacing:-.055em;font-weight:800}.civil-lead{color:rgba(255,255,255,.72);font-size:1.08rem;line-height:1.75}

.civil-photo{height:100%;min-height:500px}.civil-photo img{width:100%;height:100%;object-fit:cover;display:block}.civil-benefit{display:flex;gap:.85rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.12)}

.civil-benefit i{color:var(--verm-400);font-size:1.15rem}.civil-benefit strong,.agro-item strong{display:block}.civil-benefit span{display:block;color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.5}

.use-card,.agro-panel{background:#fff;border:1px solid var(--line);border-radius:28px;height:100%;overflow:hidden}.use-card{padding:2rem;transition:.3s}.use-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(39,44,37,.08)}

.use-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--sand-100);color:var(--verm-500);font-size:1.3rem;margin-bottom:1.5rem}.use-card h4{font-size:1.35rem;font-weight:800}.use-card p{color:var(--muted);line-height:1.7;margin:0}

.use-photo-card{padding:0}.use-photo-card img{width:100%;height:255px;object-fit:cover}.use-content,.agro-panel{padding:2rem}.agro-item{display:flex;gap:.9rem;padding:1rem 0;border-top:1px solid var(--line)}.agro-item:first-of-type{border-top:0}.agro-item i{color:var(--verm-500)}.agro-item span{display:block;color:var(--muted);font-size:.9rem;line-height:1.55}

.application-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2.2rem}.application-tag{border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:999px;padding:.55rem .85rem;font-size:.76rem;font-weight:700;color:#5c6259}

@media(max-width:991px){.civil-photo{min-height:380px}}



/* Refinamento visual das aplicações */

.civil-feature .row{align-items:center}

.civil-photo{

  min-height:0!important;

  height:auto!important;

  padding:2.2rem 2.2rem 2.2rem 0;

  display:flex;

  align-items:center;

  justify-content:center;

}

.civil-photo img{

  width:auto!important;

  max-width:100%;

  height:auto!important;

  max-height:430px;

  object-fit:contain!important;

  border-radius:24px;

  box-shadow:0 20px 45px rgba(0,0,0,.20);

}

.use-photo-card{

  display:flex;

  flex-direction:column;

}

.use-photo-card img{

  width:100%!important;

  height:auto!important;

  max-height:none!important;

  object-fit:contain!important;

  background:#eee9df;

  display:block;

}

.use-photo-card .use-content{flex:1}



.other-applications{

  margin-top:3rem;

  padding-top:2.2rem;

  border-top:1px solid rgba(39,44,37,.14);

}

.other-applications-head{

  display:flex;

  align-items:end;

  justify-content:space-between;

  gap:2rem;

  margin-bottom:1.25rem;

}

.other-applications-head h4{

  margin:0;

  font-size:1.05rem;

  font-weight:800;

  letter-spacing:-.015em;

}

.other-applications-head p{

  margin:0;

  color:var(--muted);

  font-size:.9rem;

}

.application-list{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  column-gap:2rem;

}

.application-list-item{

  position:relative;

  padding:.8rem 0 .8rem 1.05rem;

  border-bottom:1px solid rgba(39,44,37,.09);

  color:#555c52;

  font-size:.9rem;

  line-height:1.35;

  font-weight:600;

}

.application-list-item:before{

  content:"";

  position:absolute;

  left:0;

  top:1.18rem;

  width:5px;

  height:5px;

  border-radius:50%;

  background:var(--verm-400);

}

@media(max-width:991px){

  .civil-photo{padding:0 1.5rem 2rem}

  .civil-photo img{max-height:360px}

  .application-list{grid-template-columns:repeat(2,minmax(0,1fr))}

}

@media(max-width:575px){

  .application-list{grid-template-columns:1fr}

  .other-applications-head{display:block}

  .other-applications-head p{margin-top:.45rem}

}





/* Ajustes finais: aplicações mais compactas */

#aplicacoes{padding-bottom:1rem!important}

.other-applications{margin-top:1.5rem!important;padding-top:1.25rem!important}

.other-applications-head{margin-bottom:.7rem!important}

.application-list-item{padding:.58rem 0 .58rem 1.05rem!important}

.application-list-item:before{top:.98rem!important}

.application-list{margin-bottom:0!important}

#aplicacoes .application-list-item:nth-last-child(-n+4){border-bottom:0}

@media(max-width:991px){

  #aplicacoes{padding-bottom:1rem!important}

  #aplicacoes .application-list-item:nth-last-child(-n+4){border-bottom:1px solid rgba(39,44,37,.09)}

  #aplicacoes .application-list-item:nth-last-child(-n+2){border-bottom:0}

}

@media(max-width:575px){

  #aplicacoes .application-list-item:nth-last-child(-n+2){border-bottom:1px solid rgba(39,44,37,.09)}

  #aplicacoes .application-list-item:last-child{border-bottom:0}

}





    /* Espaçamento vertical final das seções */

    .section{

      padding:4.5rem 0;

    }



    #empresa{

      padding-top:4.5rem;

      padding-bottom:3.5rem;

    }



    #produtos{

      padding-top:1rem!important;

      padding-bottom:4.5rem;

    }



    #aplicacoes{

      padding-top:4.5rem;

      padding-bottom:1rem!important;

    }



    #vermiculita{

      padding-top:4.5rem;

      padding-bottom:4.5rem;

    }



    @media(max-width:991px){

      .section{

        padding:3.5rem 0;

      }



      #empresa{

        padding-top:3.5rem;

        padding-bottom:2.5rem;

      }



      #produtos{

        padding-top:.5rem!important;

        padding-bottom:3.5rem;

      }



      #aplicacoes{

        padding-top:3.5rem;

        padding-bottom:1rem!important;

      }



      #vermiculita{

        padding-top:3.5rem;

        padding-bottom:3.5rem;

      }

    }



  

/* Destaque do texto principal sobre a vermiculita */
.mineral-highlight{
  position:relative;
  margin:1.8rem 0;
  padding:1.45rem 1.6rem 1.45rem 1.8rem;
  background:linear-gradient(135deg,rgba(244,239,230,.95),rgba(255,255,255,.78));
  border-left:4px solid var(--verm-500);
  border-radius:0 20px 20px 0;
  box-shadow:0 12px 32px rgba(39,44,37,.06);
  color:#4f574c;
}
.mineral-highlight::first-letter{
  color:var(--verm-500);
  font-size:2.2rem;
  line-height:1;
  font-weight:800;
}