/* =====================================================================
   VERSATRONIC ELETRÔNICA — main.css (carregado de forma assíncrona)
   ===================================================================== */

/* ---------- Seções ---------- */
.section{padding-block:clamp(56px,9vw,104px)}
.section--tight{padding-block:clamp(40px,6vw,68px)}
.section--paper2{background:var(--paper-2)}
.section--ink{background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.section--ink h2,.section--ink h3{color:#fff}
.sec-head{max-width:680px;margin-bottom:42px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font-size:clamp(1.9rem,4.2vw,2.8rem);letter-spacing:-.01em;margin-bottom:14px}
.sec-head p{color:var(--slate);font-size:1.08rem;margin:0}
.section--ink .sec-head p{color:#aebbd0}

/* ---------- Faixa de confiança (marquee) ---------- */
.trust{border-bottom:1px solid var(--line);background:#fff;padding:20px 0}
.trust .wrap{display:flex;flex-direction:column;gap:14px;align-items:center}
@media(min-width:860px){.trust .wrap{flex-direction:row;gap:30px}}
.trust .lbl{font-family:var(--font-head);font-weight:600;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-2);white-space:nowrap;flex:0 0 auto}
.marquee{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee .track{display:flex;width:max-content;animation:ve-marq 30s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee .track span{padding:0 26px;font-family:var(--font-head);font-weight:600;font-size:1.02rem;color:#34425a;white-space:nowrap}
.marquee .track span::after{content:"•";margin-left:26px;color:var(--blue);opacity:.45}
@keyframes ve-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- BENTO GRID (serviços) ---------- */
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(min-width:780px){.bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}}
.bento-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:26px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:inherit}
.bento-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cfe0f1}
.bento-card .b-ico{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:var(--paper-2);color:var(--blue);margin-bottom:auto;transition:background .25s,color .25s}
.bento-card:hover .b-ico{background:var(--blue);color:#fff}
.bento-card .b-ico svg{width:26px;height:26px}
.bento-card h3{font-size:1.22rem;margin:18px 0 7px}
.bento-card p{color:var(--slate);font-size:.97rem;margin:0}
.bento-card .b-more{margin-top:14px;font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--blue);display:inline-flex;align-items:center;gap:7px}
.bento-card .b-more svg{width:16px;height:16px;transition:transform .2s}
.bento-card:hover .b-more svg{transform:translateX(4px)}
/* card destaque (ocupa 2 colunas e tem fundo escuro) */
.bento-card.feature{grid-column:span 2;background:linear-gradient(135deg,var(--ink-3),var(--ink));color:#fff;border-color:transparent;min-height:240px}
.bento-card.feature h3{color:#fff;font-size:1.5rem}
.bento-card.feature p{color:#b9c6da}
.bento-card.feature .b-ico{background:rgba(124,178,240,.16);color:#7cc0f5}
.bento-card.feature:hover .b-ico{background:var(--blue);color:#fff}
.bento-card.feature .b-more{color:#7cc0f5}
.bento-card.feature::after{content:"";position:absolute;width:240px;height:240px;right:-60px;top:-60px;background:radial-gradient(closest-side,rgba(0,113,185,.4),transparent 70%);filter:blur(20px)}
@media(max-width:779px){.bento-card.feature{grid-column:span 2}}

/* ---------- TIMELINE (como funciona) ---------- */
.timeline{position:relative;display:grid;gap:0}
@media(min-width:880px){.timeline{grid-template-columns:repeat(4,1fr);gap:24px}}
.tl-step{position:relative;padding:28px 22px;text-align:center}
.tl-step .num{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-400));box-shadow:0 12px 28px rgba(0,113,185,.32);position:relative;z-index:2}
.tl-step h3{font-size:1.16rem;margin-bottom:8px}
.tl-step p{color:var(--slate);font-size:.96rem;margin:0}
@media(min-width:880px){
  .tl-step::before{content:"";position:absolute;top:30px;left:50%;width:100%;height:2px;background:linear-gradient(90deg,var(--blue-400),var(--line));z-index:1}
  .tl-step:last-child::before{display:none}
}

/* ---------- DIFERENCIAIS (linhas alternadas) ---------- */
.feat-rows{display:grid;gap:22px}
.feat-row{display:grid;grid-template-columns:1fr;gap:16px;align-items:center;padding:26px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
@media(min-width:760px){.feat-row{grid-template-columns:64px 1fr;gap:24px}}
.feat-row .fr-ico{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,113,185,.12),rgba(34,211,238,.12));color:var(--blue)}
.feat-row .fr-ico svg{width:30px;height:30px}
.feat-row h3{font-size:1.25rem;margin-bottom:6px}
.feat-row p{color:var(--slate);margin:0}

/* ---------- STATS ---------- */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{text-align:center;padding:18px}
.stat .num{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,5vw,3rem);background:linear-gradient(135deg,#39a7ff,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1}
.stat .lbl{color:#aebbd0;font-size:.96rem;margin-top:8px}
.section:not(.section--ink) .stat .lbl{color:var(--slate)}

/* ---------- GALERIA + LIGHTBOX ---------- */
.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:640px){.galeria{grid-template-columns:repeat(4,1fr)}}
.galeria-item{padding:0;border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;cursor:zoom-in;aspect-ratio:1/1;position:relative;transition:transform .25s,box-shadow .25s}
.galeria-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.galeria-item::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(0,113,185,.2),transparent 60%);opacity:0;transition:opacity .25s}
.galeria-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.galeria-item:hover img{transform:scale(1.06)}
.galeria-item:hover::after{opacity:1}
.galeria-item:focus-visible{outline:3px solid var(--blue-400);outline-offset:2px}

.lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(8,13,24,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px}
.lightbox.open{display:flex}
.lightbox-img{max-width:min(1100px,94vw);max-height:88vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:ve-lb .28s ease}
@keyframes ve-lb{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s}
.lightbox-btn:hover{background:rgba(255,255,255,.24)}
.lightbox-prev{left:18px}.lightbox-next{right:18px}
.lightbox-close{position:absolute;top:18px;right:20px;width:46px;height:46px;border:none;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:26px;cursor:pointer}
.lightbox-close:hover{background:rgba(255,255,255,.24)}
.lightbox-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#bcd6f3;font:600 14px/1 var(--font-head);letter-spacing:.05em}
@media(max-width:600px){.lightbox-prev{left:6px}.lightbox-next{right:6px}.lightbox-btn{width:44px;height:44px}}

/* ---------- REVIEWS / DEPOIMENTOS ---------- */
.reviews-head{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;margin-bottom:38px}
.reviews-score{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 20px;box-shadow:var(--shadow)}
.reviews-score .big{font-family:var(--font-head);font-weight:700;font-size:1.6rem;color:var(--ink)}
.reviews-score .stars{color:#f5a623;font-size:1.1rem;letter-spacing:2px}
.reviews-score .cnt{color:var(--slate);font-size:.92rem}
.reviews-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:680px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}
.review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,box-shadow .25s}
.review:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.review .stars{color:#f5a623;letter-spacing:2px;font-size:1.05rem}
.review p{color:#36425a;margin:0;font-size:1rem;line-height:1.65}
.review .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.review .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-400));flex:0 0 auto}
.review .who b{display:block;font-family:var(--font-head);font-size:.98rem;color:var(--ink)}
.review .who span{font-size:.82rem;color:var(--slate-2)}

/* ---------- CTA BAND ---------- */
.cta-band{position:relative;overflow:hidden;border-radius:26px;padding:clamp(36px,6vw,64px);text-align:center;background:linear-gradient(135deg,var(--blue-700),var(--blue),var(--blue-400));color:#fff;isolation:isolate}
.cta-band::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 80% 0%,rgba(34,211,238,.4),transparent 60%)}
.cta-band h2{color:#fff;font-size:clamp(1.7rem,4vw,2.5rem);margin-bottom:12px}
.cta-band p{color:rgba(255,255,255,.92);max-width:42em;margin:0 auto 26px;font-size:1.08rem}
.cta-band .ve-btn--wpp{background:#fff;color:var(--blue-700);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.cta-band .ve-btn--wpp:hover{background:#eef4fa}

/* ---------- JIGAS / bancada ---------- */
.bench{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
@media(min-width:920px){.bench{grid-template-columns:1.05fr .95fr;gap:48px}}
.bench-media img{width:100%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}
.bench ul{display:grid;gap:14px;margin-top:18px}
.bench li{display:flex;gap:12px;align-items:flex-start;color:#36425a}
.bench li svg{width:24px;height:24px;color:var(--blue);flex:0 0 auto;margin-top:1px}

/* =====================================================================
   PÁGINAS DE CATEGORIA
   ===================================================================== */
.cat-hero{position:relative;overflow:hidden;background:radial-gradient(120% 130% at 85% -20%,#16294a,#0d1830 50%,#0a1220);color:#fff;isolation:isolate}
.cat-hero .hero-fx{position:absolute;inset:0;z-index:0}
.cat-hero .wrap{position:relative;z-index:2}
.cat-hero-inner{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;padding-block:clamp(46px,7vw,82px)}
@media(min-width:920px){.cat-hero-inner{grid-template-columns:1.05fr .95fr;gap:46px}}
.cat-hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.1rem);margin-bottom:16px}
.cat-hero .lead{color:#cdd9ec;font-size:clamp(1.02rem,2.2vw,1.18rem);max-width:34em;margin-bottom:26px}
.cat-hero-media{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.cat-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover}

.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.86rem;color:var(--slate-2);padding:18px 0}
.crumbs a{color:var(--slate-2)}
.crumbs a:hover{color:var(--blue)}
.crumbs span{opacity:.5}

.cat-body{display:grid;grid-template-columns:1fr;gap:40px}
@media(min-width:960px){.cat-body{grid-template-columns:1fr 320px;gap:48px}}
.cat-main h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 16px}
.cat-main h2:not(:first-child){margin-top:42px}
.cat-main p{color:#37445c}
.reparamos-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}
@media(min-width:560px){.reparamos-grid{grid-template-columns:repeat(2,1fr)}}
.reparamos-grid li{display:flex;gap:12px;align-items:flex-start;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:#2c3950;font-weight:500}
.reparamos-grid li svg{width:22px;height:22px;color:var(--blue);flex:0 0 auto;margin-top:1px}

.sintomas-box{background:linear-gradient(135deg,var(--ink-3),var(--ink));color:#fff;border-radius:var(--radius);padding:clamp(26px,4vw,40px);margin-top:42px}
.sintomas-box h2{color:#fff}
.sintomas-list{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0 24px}
@media(min-width:620px){.sintomas-list{grid-template-columns:repeat(2,1fr)}}
.sintomas-list li{display:flex;gap:11px;align-items:flex-start;color:#dbe5f4}
.sintomas-list li svg{width:22px;height:22px;color:#39a7ff;flex:0 0 auto}

/* sidebar sticky */
.cat-aside{align-self:start}
@media(min-width:960px){.cat-aside{position:sticky;top:96px}}
.aside-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-bottom:18px}
.aside-card h3{font-size:1.15rem;margin-bottom:6px}
.aside-card p{color:var(--slate);font-size:.94rem;margin-bottom:16px}
.aside-card .ve-btn{width:100%}
.aside-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:11px;color:#2c3950;font-family:var(--font-head);font-weight:500;font-size:.95rem;border:1px solid transparent}
.aside-list a:hover{background:var(--paper-2);color:var(--blue)}
.aside-list a svg{width:16px;height:16px;opacity:.6}
.aside-list a.is-current{background:var(--blue);color:#fff}

/* FAQ */
.faq{margin-top:14px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 0;font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--ink);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.5rem;color:var(--blue);transition:transform .2s;flex:0 0 auto}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .faq-a{padding:0 0 18px;color:#41506a}

/* índice de categorias */
.cat-index{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:680px){.cat-index{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.cat-index{grid-template-columns:repeat(3,1fr)}}
.cat-index-card{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s,box-shadow .25s;color:inherit;position:relative;overflow:hidden}
.cat-index-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.cat-index-card .ci-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--paper-2);color:var(--blue)}
.cat-index-card:hover .ci-ico{background:var(--blue);color:#fff}
.cat-index-card .ci-ico svg{width:28px;height:28px}
.cat-index-card h3{font-size:1.22rem;margin:0}
.cat-index-card p{color:var(--slate);font-size:.96rem;margin:0;flex:1}
.cat-index-card .ci-more{font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--blue);display:inline-flex;align-items:center;gap:7px}
.cat-index-card .ci-more svg{width:16px;height:16px}

/* página simples / contato */
.page-hero{background:linear-gradient(135deg,var(--ink-3),var(--ink));color:#fff;padding-block:clamp(46px,7vw,80px)}
.page-hero h1{color:#fff;font-size:clamp(2rem,4.4vw,2.9rem);margin-bottom:10px}
.page-hero p{color:#aebbd0;font-size:1.1rem;max-width:40em;margin:0}
.prose{max-width:760px}
.prose p{color:#37445c;margin-bottom:1.1em}
.prose h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:1.4em 0 .5em}
.contact-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
.ci-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:16px}
.ci-card .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--paper-2);color:var(--blue);flex:0 0 auto}
.ci-card .ic svg{width:24px;height:24px}
.ci-card b{display:block;font-family:var(--font-head);color:var(--ink);margin-bottom:2px}
.ci-card a,.ci-card span{color:var(--slate)}
.map-embed{border:0;width:100%;height:100%;min-height:340px;border-radius:var(--radius);filter:grayscale(.2)}

/* sobre / unicamp opcional reuse */
.about-grid{display:grid;grid-template-columns:1fr;gap:34px;align-items:center}
@media(min-width:900px){.about-grid{grid-template-columns:1.05fr .95fr}}
.about-media img{width:100%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:#c3cee0;position:relative;overflow:hidden;isolation:isolate}
.site-footer::before{content:"";position:absolute;z-index:-1;top:-40%;right:-10%;width:50%;height:140%;background:radial-gradient(closest-side,rgba(0,113,185,.22),transparent 70%);filter:blur(50px)}
.footer-top{display:grid;grid-template-columns:1fr;gap:36px;padding-block:clamp(48px,7vw,76px)}
@media(min-width:760px){.footer-top{grid-template-columns:1.6fr 1fr 1fr}}
.footer-brand img{height:46px;width:auto;margin-bottom:16px}
.footer-brand p{color:#9fadc4;max-width:34em;font-size:.98rem}
.footer-soc{display:flex;gap:12px;margin-top:18px}
.footer-soc a{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#cdd9ec;transition:background .2s,color .2s}
.footer-soc a:hover{background:var(--blue);color:#fff}
.footer-soc a svg{width:20px;height:20px}
.footer-col h4{color:#fff;font-size:1.02rem;margin-bottom:16px}
.footer-col ul{display:grid;gap:10px}
.footer-col a{color:#9fadc4;font-size:.96rem}
.footer-col a:hover{color:#fff}
.footer-contact li{display:flex;gap:11px;align-items:flex-start;color:#9fadc4;font-size:.96rem;margin-bottom:12px}
.footer-contact li svg{width:20px;height:20px;color:#5fa8dd;flex:0 0 auto;margin-top:1px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:.86rem;color:#7f8da3}

/* botão flutuante WhatsApp */
.wpp-float{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:0;background:#25d366;color:#fff;border-radius:999px;padding:14px;box-shadow:0 14px 34px rgba(37,211,102,.44);transition:padding .25s,gap .25s}
.wpp-float svg{width:30px;height:30px;flex:0 0 auto}
.wpp-float .t{max-width:0;overflow:hidden;white-space:nowrap;font-family:var(--font-head);font-weight:600;font-size:.95rem;transition:max-width .25s,margin .25s}
@media(min-width:760px){.wpp-float:hover{padding:14px 22px;gap:10px}.wpp-float:hover .t{max-width:170px;margin-left:2px}}

/* =====================================================================
   EFEITOS (21st.dev em CSS/JS nativo)
   ===================================================================== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* spotlight nos cards */
.bento-card,.cat-index-card,.feat-row,.review{position:relative}
.bento-card:not(.feature)::before,.cat-index-card::before,.feat-row::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(0,113,185,.1),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
.bento-card:not(.feature):hover::before,.cat-index-card:hover::before,.feat-row:hover::before{opacity:1}

/* shimmer no botão wpp */
.ve-btn--wpp{position:relative;overflow:hidden}
.ve-btn--wpp::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);animation:ve-shimmer 4.5s ease-in-out infinite;pointer-events:none}
@keyframes ve-shimmer{0%,72%{left:-120%}86%{left:130%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.ve-btn--wpp::after{display:none}}

/* aurora nas seções ink */
.section--ink::before{content:"";position:absolute;z-index:-1;width:55%;height:150%;top:-25%;left:-8%;background:radial-gradient(closest-side,rgba(0,113,185,.26),transparent 70%);filter:blur(46px);animation:ve-aur 18s ease-in-out infinite alternate}
.section--ink::after{content:"";position:absolute;z-index:-1;width:50%;height:140%;bottom:-25%;right:-6%;background:radial-gradient(closest-side,rgba(34,211,238,.16),transparent 70%);filter:blur(46px);animation:ve-aur 22s ease-in-out infinite alternate-reverse}
@keyframes ve-aur{0%{transform:translate(0,0) scale(1)}50%{transform:translate(7%,5%) scale(1.14)}100%{transform:translate(-5%,-4%) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.section--ink::before,.section--ink::after{animation:none}}