/* MT Consultoria Agrícola & Topografia — site.css
   Cores tiradas da logo: verde #00612e / #00923f, sol #f4ae00. */
:root{
  --verde-950:#082114;--verde-900:#0b2e1b;--verde-800:#0f3d24;--verde-700:#00612e;--verde-500:#00923f;
  --sol:#f4ae00;--sol-hover:#ffbd24;
  --papel:#f7f5ee;--papel-2:#efece1;--papel-3:#e4e0d1;--branco:#fff;
  --tinta:#16211a;--tinta-2:#47564b;--tinta-3:#6b776e;
  --linha:rgba(22,33,26,.11);--linha-forte:rgba(22,33,26,.2);
  --raio-p:6px;--raio-m:10px;--raio-g:16px;--raio-xg:22px;
  --sombra:0 1px 2px rgba(11,46,27,.06),0 10px 30px -12px rgba(11,46,27,.22);
  --sombra-forte:0 2px 4px rgba(8,33,20,.12),0 24px 60px -20px rgba(8,33,20,.55);
  --fonte:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --topo:72px;
  color-scheme:light;
}
@view-transition{navigation:auto}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 12px);-webkit-text-size-adjust:100%}
body{font-family:var(--fonte);font-size:17px;line-height:1.6;color:var(--tinta);background:var(--papel);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,textarea{font:inherit;color:inherit}
h1,h2,h3{font-stretch:112%;letter-spacing:-.02em;line-height:1.08;text-wrap:balance;font-weight:740}
p{text-wrap:pretty}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.ic{width:20px;height:20px;flex:none}
:focus-visible{outline:2px solid var(--verde-500);outline-offset:3px;border-radius:4px}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--verde-700);color:#fff;padding:10px 16px;border-radius:var(--raio-m);font-weight:600;transition:top .15s}
.pular:focus{top:12px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 20px;border-radius:var(--raio-m);font-weight:650;font-size:16px;line-height:1.2;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .12s ease;touch-action:manipulation}
.btn .ic{width:19px;height:19px}
.btn:active{transform:translateY(1px)}
.btn-sol{background:var(--sol);color:var(--verde-950)}
.btn-sol:hover{background:var(--sol-hover)}
.btn-verde{background:var(--verde-700);color:#fff}
.btn-verde:hover{background:var(--verde-800)}
.btn-linha{border-color:rgba(255,255,255,.34);color:#fff}
.btn-linha:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55)}
.btn-largo{width:100%}
.link-seta{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:15px;color:var(--verde-700)}
.link-seta .ic{width:17px;height:17px;transition:transform .15s var(--ease)}
.link-seta:hover .ic{transform:translateX(3px)}
.rotulo{font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--verde-700)}

/* ---------- topo ---------- */
.topo{position:sticky;top:0;z-index:50;background:rgba(247,245,238,.9);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}
.topo.rolou{border-bottom-color:var(--linha);box-shadow:0 6px 20px -16px rgba(11,46,27,.4)}
.topo-linha{display:flex;align-items:center;gap:20px;height:var(--topo)}
.marca{display:flex;align-items:center;gap:10px;flex:none}
.marca img{height:40px;width:auto}
.marca-nome{font-size:12.5px;line-height:1.2;font-weight:650;font-stretch:108%;color:var(--verde-700);letter-spacing:.005em}
.menu{margin-left:auto}
.menu ul{display:flex;gap:2px}
.menu a{display:block;padding:9px 12px;border-radius:8px;font-weight:550;font-size:15px;color:var(--tinta-2);transition:background-color .15s ease,color .15s ease}
.menu a:hover{background:rgba(0,97,46,.07);color:var(--tinta)}
.menu a[aria-current="page"]{color:var(--verde-700)}
.topo-cta{min-height:42px;padding:9px 16px;font-size:15px}
.abrir-menu{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--linha-forte);border-radius:var(--raio-m);background:transparent;cursor:pointer;place-items:center}
.abrir-menu .ic{width:22px;height:22px}

/* menu do celular (tela cheia) */
.menu-celular{position:fixed;inset:0;z-index:80;background:var(--papel);overflow-y:auto;padding:18px 0 32px;opacity:0;transform:translateY(-8px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
.menu-celular.aberto{opacity:1;transform:none}
.menu-celular[hidden]{display:none}
.menu-celular .wrap{display:flex;flex-direction:column;min-height:100%}
.fechar-menu{align-self:flex-end;width:44px;height:44px;border:1px solid var(--linha-forte);border-radius:var(--raio-m);background:transparent;display:grid;place-items:center;cursor:pointer;margin-bottom:12px}
.fechar-menu .ic{width:22px;height:22px}
.menu-cel-principal a{display:block;padding:10px 0;font-size:32px;font-weight:720;font-stretch:112%;letter-spacing:-.02em;line-height:1.15}
.menu-cel-rotulo{margin:28px 0 8px;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.menu-cel-frentes{border-top:1px solid var(--linha);margin-bottom:28px}
.menu-cel-frentes a{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--linha);font-weight:600;font-size:18px}
.menu-cel-frentes .ic{color:var(--verde-700)}
.menu-celular .btn-largo{margin-top:auto}

/* ---------- capa ---------- */
.capa{position:relative;overflow:hidden;isolation:isolate;background:var(--verde-800);color:#fff}
.capa::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 80% at 12% 18%,rgba(15,61,36,.92),rgba(15,61,36,0) 70%),linear-gradient(180deg,rgba(8,33,20,0) 55%,rgba(8,33,20,.6))}
.curvas-caixa{position:absolute;inset:-6% -4%;z-index:-2;color:#7fc795;opacity:.32}
.curvas{width:100%;height:100%;animation:deriva 70s ease-in-out infinite alternate}
.curvas path{stroke-dasharray:1;stroke-dashoffset:1;animation:tracar 3.4s var(--ease) .1s forwards}
.curvas path+path{animation-delay:.5s}
@keyframes tracar{to{stroke-dashoffset:0}}
@keyframes deriva{from{transform:translate3d(-1.5%,0,0) scale(1.02)}to{transform:translate3d(1.5%,-2%,0) scale(1.06)}}
.capa-grade{display:grid;grid-template-rows:1fr auto;gap:56px;min-height:min(780px,calc(100svh - var(--topo)));padding:clamp(56px,9vw,104px) 0 36px}
.capa h1{font-size:clamp(44px,7.4vw,96px);line-height:.98;letter-spacing:-.032em;font-weight:760;max-width:13ch;align-self:start}
.ponto{color:var(--sol)}
.capa-grade{position:relative}
.rosa{position:absolute;top:clamp(56px,9vw,104px);right:0;display:flex;flex-direction:column;align-items:flex-end;gap:14px;color:rgba(255,255,255,.5)}
.norte{width:30px;height:auto;margin-right:46px}
.escala{display:flex;width:128px;height:7px;border:1px solid currentColor}
.escala i{flex:1}
.escala i:nth-child(odd){background:currentColor}
.rosa small{font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.capa-base{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:40px;align-items:end;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.capa-texto p{font-size:18px;line-height:1.55;color:rgba(255,255,255,.84);max-width:46ch;margin-bottom:24px}
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.marcos{display:flex;flex-wrap:wrap;gap:14px 36px}
.marco{display:grid;grid-template-columns:16px auto;column-gap:10px;align-items:center}
.marco-ic{width:16px;height:16px;color:var(--sol);grid-row:span 2}
.marco b{font-size:15px;font-weight:620}
.marco small{grid-column:2;font-size:12.5px;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums;letter-spacing:.04em}
[data-entra]{animation:entra .7s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms + .15s)}
@keyframes entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* capa das páginas de serviço */
.capa-interna .wrap{padding:28px 0 clamp(48px,7vw,80px)}
.trilha ol{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:rgba(255,255,255,.66);margin-bottom:clamp(36px,6vw,64px)}
.trilha li+li::before{content:"/";margin-right:6px;opacity:.5}
.trilha a:hover{color:#fff}
.capa-rotulo{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:650;color:var(--sol);margin-bottom:16px}
.capa-interna h1{font-size:clamp(40px,6.2vw,80px);line-height:1;letter-spacing:-.03em;max-width:15ch}
.capa-intro{font-size:19px;color:rgba(255,255,255,.84);max-width:52ch;margin:20px 0 32px}
.atalhos{display:flex;flex-wrap:wrap;gap:10px}
.atalhos a{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:15px;font-weight:550;transition:background-color .15s ease,border-color .15s ease}
.atalhos a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55)}

/* ---------- seções ---------- */
.secao{padding:clamp(72px,10vw,128px) 0}
.secao-alt{background:var(--papel-2)}
.titulo-secao{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px 40px;align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.titulo-secao h2,.sobre h2,.faq h2,.detalhe-texto h2{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.028em;line-height:1.02}
.titulo-secao p{color:var(--tinta-2);font-size:17px}
.h-menor{font-size:clamp(26px,3vw,34px);margin-bottom:28px}

/* serviços (home) */
.frentes{border-top:1px solid var(--linha-forte)}
.frente{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px 48px;padding:40px 0;border-bottom:1px solid var(--linha-forte)}
.frente-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(0,146,63,.1);color:var(--verde-700);flex:none}
.frente-ic .ic{width:23px;height:23px}
.frente-cab h3{font-size:26px;margin:16px 0 8px}
.frente-cab h3 a:hover{color:var(--verde-700)}
.frente-cab p{color:var(--tinta-2);font-size:16px;max-width:34ch;margin-bottom:14px}
.servicos-lista li+li{border-top:1px solid var(--linha)}
.servico{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px 16px;margin:0 -16px;border-radius:var(--raio-m);transition:background-color .15s ease}
.servico strong{display:block;font-size:19px;font-weight:650;font-stretch:104%;letter-spacing:-.01em;line-height:1.3}
.servico span span{display:block;color:var(--tinta-2);font-size:15.5px;margin-top:2px}
.servico .seta{color:var(--verde-700);transition:transform .18s var(--ease)}
.servico:hover{background:rgba(0,146,63,.07)}
.servico:hover .seta{transform:translateX(4px)}

/* como trabalhamos */
.passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.passos li{position:relative;padding-top:64px}
.passos li::before{content:"";position:absolute;top:21px;left:44px;right:-28px;border-top:2px dashed rgba(0,97,46,.32)}
.passos li:last-child::before{right:0;left:44px;border-top-style:dotted;opacity:.5}
.num{position:absolute;top:0;left:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--verde-700);color:#fff;font-weight:700;font-stretch:110%;font-variant-numeric:tabular-nums;box-shadow:0 0 0 6px var(--papel-2)}
.passos h3{font-size:21px;margin-bottom:8px}
.passos p{color:var(--tinta-2);font-size:16px}

/* a MT */
.sobre{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px 64px;align-items:start}
.sobre-texto h2{margin-bottom:24px}
.sobre-texto p{color:var(--tinta-2);max-width:52ch;margin-bottom:14px}
.sobre-texto .destaque{color:var(--tinta);font-weight:600;font-size:19px;line-height:1.45;padding-left:18px;border-left:3px solid var(--sol);margin-top:24px}
.bases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.base{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:280px;padding:24px;border-radius:var(--raio-g);background:var(--branco) url("../img/curvas-cartao.svg") center/cover no-repeat;border:1px solid var(--linha);box-shadow:var(--sombra)}
.base h3{font-size:32px;margin-top:10px}
.base-uf{color:var(--tinta-2);font-size:16px}
.base-coord{margin-top:auto;font-size:13px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--tinta-3)}
.base .link-seta{margin-top:8px}

/* no campo */
.fotos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(170px,15vw);gap:12px}
.foto{position:relative;overflow:hidden;border-radius:14px;background:var(--papel-3) url("../img/curvas-cartao.svg") center/cover no-repeat}
.foto-grande{grid-column:span 2;grid-row:span 2}
.foto img{width:100%;height:100%;object-fit:cover}
.foto figcaption{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(247,245,238,.92);font-size:14px;font-weight:600}
.aguardando{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tinta-3)}
.aguardando .ic{width:16px;height:16px}

/* página de serviço */
.detalhe-grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px 64px;align-items:start}
.detalhe-texto .rotulo{margin-bottom:14px}
.lead{font-size:20px;line-height:1.5;color:var(--tinta);max-width:44ch;margin:20px 0 16px}
.para-quem{color:var(--tinta-2);max-width:52ch;margin-bottom:28px}
.para-quem b{color:var(--tinta);font-weight:650}
.entregas{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-g);padding:28px;box-shadow:var(--sombra)}
.entregas h3{font-size:19px;font-stretch:104%;margin-bottom:12px}
.entregas li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--linha);font-size:16px;line-height:1.45}
.entregas li .ic{width:18px;height:18px;margin-top:2px;color:var(--verde-500)}
.faq-grade{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 64px;align-items:start}
.faq-lista{border-top:1px solid var(--linha-forte)}
.faq details{border-bottom:1px solid var(--linha-forte)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:620;line-height:1.35;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq-ic{width:22px;height:22px;color:var(--verde-700);transition:transform .2s var(--ease)}
.faq details[open] .faq-ic{transform:rotate(45deg)}
.faq details p{color:var(--tinta-2);padding:0 40px 24px 0;max-width:64ch}
.outras-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.outra-frente{display:flex;align-items:center;gap:18px;padding:24px;border-radius:var(--raio-g);background:var(--branco);border:1px solid var(--linha);transition:box-shadow .2s ease,border-color .2s ease}
.outra-frente:hover{box-shadow:var(--sombra);border-color:var(--linha-forte)}
.outra-txt{flex:1}
.outra-txt b{display:block;font-size:20px;font-stretch:108%;letter-spacing:-.01em}
.outra-txt span{font-size:15px;color:var(--tinta-2)}
.outra-frente .seta{color:var(--verde-700);transition:transform .18s var(--ease)}
.outra-frente:hover .seta{transform:translateX(4px)}

/* ---------- contato ---------- */
.contato{position:relative;overflow:hidden;isolation:isolate;background:var(--verde-800) url("../img/curvas-contato.svg") center/cover no-repeat;color:#fff;padding:clamp(72px,10vw,120px) 0}
.contato-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px 64px;align-items:start}
.contato h2{font-size:clamp(36px,4.8vw,58px);letter-spacing:-.03em;line-height:1}
.contato-texto>p{color:rgba(255,255,255,.82);font-size:18px;max-width:40ch;margin:20px 0 32px}
.canais{display:grid;gap:12px;margin-bottom:36px}
.canal{display:flex;align-items:center;gap:14px;padding:6px 0}
.canal-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.1);transition:background-color .15s ease}
.canal:hover .canal-ic{background:rgba(255,255,255,.18)}
.canal small{display:block;font-size:13px;color:rgba(255,255,255,.64)}
.canal b{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;word-break:break-word}
.form-orcamento{background:var(--papel);color:var(--tinta);border-radius:var(--raio-xg);padding:clamp(22px,3.2vw,36px);box-shadow:var(--sombra-forte);display:grid;gap:18px}
.escolha{border:0}
.escolha legend,.campo label{display:block;font-size:15px;font-weight:650;margin-bottom:10px}
.campo label{margin-bottom:6px}
.opcional{font-weight:450;color:var(--tinta-3)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--linha-forte);border-radius:999px;font-size:14.5px;font-weight:550;background:var(--branco);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.chip span:hover{border-color:var(--verde-500)}
.chip input:checked+span{background:var(--verde-700);border-color:var(--verde-700);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--verde-500);outline-offset:2px}
.linha-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.campo input,.campo textarea{width:100%;padding:12px 14px;min-height:48px;border:1px solid var(--linha-forte);border-radius:var(--raio-p);background:var(--branco);font-size:16px;transition:border-color .15s ease,box-shadow .15s ease}
.campo textarea{resize:vertical;min-height:110px}
.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--verde-500);box-shadow:0 0 0 3px rgba(0,146,63,.18)}
.campo input[aria-invalid="true"]{border-color:#b3261e}
.erro{color:#b3261e;font-size:14px;margin-top:6px}
.form-alt{font-size:14.5px;color:var(--tinta-3);text-align:center}
.form-alt a{color:var(--verde-700);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.contato .marcos{padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}

/* ---------- rodapé ---------- */
.rodape{background:var(--verde-950);color:rgba(255,255,255,.72);font-size:15px;padding:56px 0 28px}
.rodape-grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.selo{display:inline-block;background:var(--papel);border-radius:12px;padding:10px 14px;margin-bottom:14px}
.selo img{height:44px;width:auto}
.rodape-tit{color:#fff;font-weight:650;margin-bottom:10px}
.rodape li{margin-bottom:6px}
.rodape a:hover{color:#fff}
.rodape b{color:rgba(255,255,255,.9);font-weight:600}
.rodape-fim{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:rgba(255,255,255,.5)}

/* WhatsApp flutuante */
.zap{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 24px -6px rgba(0,0,0,.35);transition:opacity .2s ease,transform .2s var(--ease)}
.zap .ic{width:27px;height:27px}
.zap:hover{transform:scale(1.05)}
.zap.some{opacity:0;transform:scale(.85);pointer-events:none}

/* revelar ao rolar */
.js [data-revelar]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js [data-revelar].visto{opacity:1;transform:none}

/* ---------- responsivo ---------- */
@media (max-width:1080px){
  .menu{display:none}
  .abrir-menu{display:grid}
  .topo-cta{margin-left:auto}
  .abrir-menu{margin-left:0}
}
@media (max-width:900px){
  .capa-base,.titulo-secao,.frente,.sobre,.detalhe-grade,.faq-grade,.contato-grade{grid-template-columns:1fr}
  .capa-base{gap:28px}
  .capa-base>div:first-child{order:2}
  .rosa{display:none}
  .passos{grid-template-columns:1fr 1fr;row-gap:40px}
  .passos li:nth-child(2)::before{right:0}
  .rodape-grade{grid-template-columns:1fr 1fr}
  .fotos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(160px,38vw)}
}
@media (max-width:620px){
  body{font-size:16px}
  .topo-cta{display:none}
  .abrir-menu{margin-left:auto}
  .marca img{height:36px}
  .capa-grade{gap:40px;min-height:calc(100svh - var(--topo) - 40px)}
  .acoes .btn{flex:1 1 100%}
  .passos{grid-template-columns:1fr;row-gap:0}
  .passos li{padding:0 0 32px 64px}
  .passos li::before,.passos li:nth-child(2)::before{top:44px;bottom:0;left:21px;right:auto;border-top:0;border-left:2px dashed rgba(0,97,46,.32)}
  .passos li:last-child::before{display:none}
  .bases,.outras-grade,.linha-2{grid-template-columns:1fr}
  .base{min-height:220px}
  .rodape-grade{grid-template-columns:1fr}
  .faq details p{padding-right:0}
  .zap{right:14px;bottom:14px;width:54px;height:54px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .curvas path{stroke-dashoffset:0}
  .js [data-revelar]{opacity:1;transform:none}
}