*{box-sizing:border-box}body{margin:0;background:#faf9f7;color:#202329;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#871e2f}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #c88c33;outline-offset:3px}.wrap{max-width:1060px;margin:auto;padding:0 22px}header{background:#282329;color:white}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}header a{color:white}nav{display:flex;flex-wrap:wrap;gap:16px}nav a{display:inline-flex;align-items:center;min-height:40px;padding:4px 6px}.brand{font-size:1.35rem;font-weight:800;text-decoration:none}.hero{padding:64px 0;background:#f2e8e7}.hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.12;max-width:820px}.btn{display:inline-block;background:#821c2e;color:white;border-radius:10px;padding:12px 20px;font-weight:700;text-decoration:none}.btn:hover{background:#5f1220}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.card{background:white;border:1px solid #ddd;border-radius:12px;padding:18px}.card h2{font-size:1.12rem;line-height:1.35}.card a{text-decoration:none}.content{max-width:800px;padding-top:38px;padding-bottom:70px}.content h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.content h2{margin-top:34px;line-height:1.3}.content p,.content li{overflow-wrap:anywhere}footer{background:#282329;color:white;padding:32px 0}footer a{color:white}.notice{background:#fff2ce;border-left:4px solid #a46b12;padding:12px 16px;margin:22px 0}.wa{position:fixed;bottom:20px;right:20px;z-index:99;background:#07873e;color:white;padding:12px 18px;border-radius:100px;text-decoration:none;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.35);display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,background-color .2s ease}.wa:hover{background:#067335;transform:translateY(-2px);color:white}.wa:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:540px){header .wrap{align-items:flex-start}.hero{padding:38px 0}}
.cookie-banner{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;color:#202329;border-top:2px solid #871e2f;box-shadow:0 -5px 24px #0003;padding:14px 20px}.cookie-banner .inner{max-width:1050px;margin:auto;display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.cookie-banner p{margin:0;max-width:700px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-actions button{padding:9px 14px;border-radius:8px;cursor:pointer;font:inherit;border:1px solid #871e2f;background:white;color:#871e2f}.cookie-actions button:first-child{background:#871e2f;color:white}.cookie-banner[hidden]{display:none!important}body:has(#cookie-banner:not([hidden])) .wa{bottom:100px}@media(max-width:600px){.cookie-banner{padding:12px}.wa{bottom:16px;right:16px;padding:10px 15px;font-size:.9rem}body:has(#cookie-banner:not([hidden])) .wa{bottom:230px}}
.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:white;color:#871e2f;padding:10px 16px;border:3px solid #871e2f}.skip-link:focus{top:12px}html{scroll-behavior:smooth}main:focus{outline:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.cookie-banner .cookie-actions button{min-height:44px}

.brand-logo{display:block;width:168px;height:auto;max-height:88px;object-fit:contain}.gallery figure{margin:0;background:white;border:1px solid #ddd;border-radius:12px;overflow:hidden}.gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{padding:10px 14px;font-size:.9rem}.gallery{align-items:start}

.hero-photo{margin:24px 0 0;max-width:720px}.hero-photo img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 8px 24px #0002}.hero-photo figcaption{font-size:.88rem;margin-top:6px;color:#45414a}

.article-cover{margin:0 0 24px}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:43/22;object-fit:cover;border-radius:12px}.article-cover figcaption{font-size:.82rem;color:#555}

.article-card{overflow:hidden}.article-card .card-image{display:block;margin:-18px -18px 14px}.article-card .card-image img{display:block;width:100%;height:auto;aspect-ratio:860/440;object-fit:cover}.article-cover{margin:20px 0}.article-cover img{display:block;width:100%;height:auto;border-radius:12px}.article-cover figcaption{font-size:.85rem;color:#555}

.blog-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:26px 0 14px}.blog-controls label{font-weight:650}.blog-controls input,.blog-controls select{width:100%;font:inherit;border:1px solid #777;border-radius:9px;padding:11px 12px;background:white;color:#202329}.blog-controls label:nth-of-type(1){grid-column:1}.blog-controls label:nth-of-type(2){grid-column:2;grid-row:1}.blog-controls select{grid-column:2;grid-row:2}.blog-controls input{grid-column:1;grid-row:2}.article-topic{font-size:.77rem;font-weight:750;color:#871e2f;text-transform:uppercase;letter-spacing:.03em}.article-card[hidden],#blog-empty[hidden]{display:none!important}@media(max-width:600px){.blog-controls{grid-template-columns:1fr}.blog-controls label,.blog-controls input,.blog-controls select{grid-column:1!important;grid-row:auto!important}}

.blog-reset{padding:10px 14px;border:1px solid #871e2f;color:#871e2f;background:#fff;border-radius:8px;cursor:pointer}.blog-reset:focus-visible{outline:3px solid #c88c33;outline-offset:2px}.article-card[hidden],#blog-empty[hidden]{display:none!important}

/* Página inicial V2: identidade visual aprovada, sem alterar páginas internas */
.home-v2{background:#101315;color:#f5f5f5;line-height:1.6}.home-v2 .wrap{max-width:1200px}.home-v2 header{background:#0a0d0f;border-bottom:1px solid #303336}.home-v2 header .wrap{min-height:94px}.home-v2 header nav a{text-decoration:none;font-weight:650}.home-v2 header nav a:hover{color:#ff5361}.home-v2 .brand-logo{width:175px;max-height:100px}.home-v2 h1,.home-v2 h2,.home-v2 h3{line-height:1.14}.home-v2 h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:8px 0 14px}.home-v2 a:focus-visible{outline:3px solid #fff;outline-offset:4px}.v2-hero{background:radial-gradient(circle at 75% 32%,#49222a 0%,#18191c 42%,#0b0d0f 90%);padding:64px 0 72px}.v2-hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}.v2-eyebrow{font-size:.82rem;letter-spacing:.11em;font-weight:800;color:#f14653;text-transform:uppercase;margin:0 0 12px}.v2-hero h1{font-size:clamp(2.8rem,6.4vw,5.6rem);letter-spacing:-.055em;margin:0 0 18px;font-weight:950}.v2-hero h1 span{display:block;color:#f02d3d}.v2-lead{font-size:1.12rem;color:#e2e2e2;max-width:600px}.v2-features{display:flex;flex-wrap:wrap;gap:10px 18px;color:#f2c5ca;font-size:.85rem;font-weight:650;margin:28px 0}.v2-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 14px}.home-v2 .btn{border-radius:9px}.home-v2 .v2-primary{background:#07873e;color:white}.home-v2 .v2-primary:hover{background:#067335}.home-v2 .v2-secondary{background:transparent;border:1px solid #bcbcbc;color:white}.home-v2 .v2-secondary:hover{background:#292b2e}.v2-hero small{color:#c7b8bb}.v2-hero-image{margin:0;position:relative}.v2-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;border-radius:18px;box-shadow:0 24px 60px #0008}.v2-hero-image figcaption{font-size:.75rem;color:#c4c4c4;text-align:right;margin-top:6px}.v2-services,.v2-gallery,.v2-blog{padding:72px 0}.v2-heading{margin-bottom:30px}.v2-heading>p:not(.v2-eyebrow),.v2-heading-row>div>p:not(.v2-eyebrow){color:#bcbfc3}.v2-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v2-service-card{display:flex;flex-direction:column;background:#191e22;border:1px solid #383d41;border-radius:14px;padding:22px 16px;color:#fff;text-decoration:none;min-height:250px}.v2-service-card:hover{border-color:#f13b4a;transform:translateY(-2px)}.v2-service-card span{font-size:2rem}.v2-service-card h3{font-size:1.06rem;margin:16px 0 10px}.v2-service-card p{color:#c7c9cb;font-size:.9rem;margin:0 0 16px}.v2-service-card b{color:#ff6370;margin-top:auto;font-size:.85rem}.v2-location{background:#f2f2f2;color:#191b1e;padding:28px 0}.v2-location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.v2-location-grid>div{border-right:1px solid #ccc;padding-right:18px}.v2-location-grid>div:last-child{border-right:0}.v2-location strong{font-size:1.12rem}.v2-location p{margin:5px 0 0;font-size:.85rem;color:#4a4e52}.v2-gallery{background:#0b1013}.v2-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.v2-outline{border:1px solid #9c9fa3;border-radius:9px;padding:10px 16px;text-decoration:none;color:white;white-space:nowrap}.v2-gallery-grid,.v2-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v2-gallery-grid figure{margin:0;background:#1b2024;border:1px solid #32373c;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.v2-gallery-grid img{width:100%;height:260px;object-fit:cover;object-position:center;display:block}.v2-gallery-grid figcaption{padding:14px 18px;font-weight:700;margin-top:auto}.v2-blog-grid>a{display:flex;flex-direction:column;background:#1a1e22;border:1px solid #393c40;border-radius:12px;padding:22px;color:white;text-decoration:none;min-height:215px}.v2-blog-grid span{color:#ff4c5b;font-size:1.8rem;font-weight:850}.v2-blog-grid h3{font-size:1.2rem;margin:12px 0 8px}.v2-blog-grid p{color:#c3c6c8;font-size:.9rem}.v2-blog-grid b{margin-top:auto;color:#ff6370}.v2-final{background:#39171e;padding:64px 0;text-align:center}.v2-final p{max-width:730px;margin:0 auto 24px;color:#f1dadd}.home-v2 footer{background:#080a0b}.home-v2 .cookie-banner{color:#202329}
@media(max-width:900px){.v2-hero-layout{grid-template-columns:1fr}.v2-hero-image{max-width:680px}.v2-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-location-grid{grid-template-columns:repeat(2,1fr)}.v2-location-grid>div:nth-child(2){border-right:0}}
@media(max-width:620px){.v2-hero{padding:42px 0}.v2-hero h1{font-size:clamp(2.55rem,12vw,4.5rem)}.v2-services,.v2-gallery,.v2-blog{padding:48px 0}.v2-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-gallery-grid,.v2-blog-grid{grid-template-columns:1fr}.v2-gallery-grid img{height:220px}.v2-location-grid{grid-template-columns:1fr}.v2-location-grid>div{border-right:0;border-bottom:1px solid #ddd;padding-bottom:12px}.v2-location-grid>div:last-child{border-bottom:0}.v2-service-card{min-height:230px}.v2-actions .btn{width:100%;text-align:center}.home-v2 header .wrap{gap:8px}.home-v2 header nav{gap:10px;font-size:.9rem}}
@media(max-width:420px){.v2-service-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v2-service-card:hover{transform:none}}

/* Identidade visual V2 nas páginas internas: alinhada à página inicial aprovada */
.inner-v2{background:#0d1114;color:#f3f3f4}
.inner-v2 header{background:#080b0d;border-bottom:1px solid #32373a}
.inner-v2 header nav a{text-decoration:none;font-weight:650}
.inner-v2 header nav a:hover{color:#ff5665}
.inner-v2 .content{max-width:1060px;padding-top:58px;padding-bottom:78px}
.inner-v2 .content>h1{font-size:clamp(2rem,4.8vw,3.8rem);letter-spacing:-.035em;line-height:1.12;margin:4px 0 24px}
.inner-v2 .content>p,.inner-v2 .content>ul,.inner-v2 .content>ol{max-width:800px}
.inner-v2 .content p,.inner-v2 .content li{color:#d0d2d5}
.inner-v2 .content h2{color:#fff}
.inner-v2 .content a{color:#ff6673}
.inner-v2 .inner-eyebrow{color:#ff5665!important;font-size:.82rem;font-weight:850;letter-spacing:.14em;margin:0 0 12px}
.inner-v2 .inner-intro{font-size:1.12rem;margin-bottom:28px}
.inner-v2 .grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:18px}
.inner-v2 .card{background:#1a1f23;border:1px solid #3b4145;border-radius:14px;padding:22px;display:flex;flex-direction:column}
.inner-v2 .card:hover{border-color:#b93c4a}
.inner-v2 .card h2{margin:0 0 12px;font-size:1.16rem}
.inner-v2 .card h2 a{color:#fff;text-decoration:none}
.inner-v2 .card p{font-size:.95rem;margin:0 0 18px}
.inner-v2 .inner-card-link{margin-top:auto;font-weight:750;text-decoration:none}
.inner-v2 .article-topic{color:#ff7180;font-size:.75rem;font-weight:800;letter-spacing:.04em;margin-bottom:9px}
.inner-v2 .blog-controls{background:#1a1f23;border:1px solid #3b4145;border-radius:14px;padding:18px}
.inner-v2 .blog-controls label{color:#f4f4f4}
.inner-v2 .blog-controls input,.inner-v2 .blog-controls select{background:#0f1316;color:white;border:1px solid #73787c}
.inner-v2 .blog-reset{border:1px solid #f05b69;color:#fff;background:#79202d;border-radius:8px;cursor:pointer}
.inner-v2 #blog-count{color:#d5d7d9}
.inner-v2 .inner-contact{background:linear-gradient(115deg,#451921,#191d21);border:1px solid #843340;border-radius:16px;padding:26px;margin-top:48px}
.inner-v2 .inner-contact h2{margin:0 0 10px}
.inner-v2 .inner-contact .btn{background:#07873e;color:white}.inner-v2 .inner-contact .btn:hover{background:#067335}
.inner-v2 footer{background:#07090a;border-top:1px solid #303438}
.inner-v2 footer a{color:#ff8892}
.inner-v2 .cookie-banner{color:#202329}
.inner-v2 .wa{background:#07873e;color:#fff}
@media(max-width:620px){.inner-v2 .content{padding-top:36px;padding-bottom:55px}.inner-v2 .card{padding:18px}.inner-v2 .inner-contact{padding:20px}}

/* Acessibilidade: navegação por teclado e preferência de movimento */
.skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-160%);background:#fff;color:#1e1720;border:3px solid #871e2f;border-radius:8px;padding:12px 18px;font-weight:700;text-decoration:none;box-shadow:0 3px 12px #0005}
.skip-link:focus{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Leitura e impressão dos artigos: sem botões fixos, fundos pesados ou navegação */
@media print{body{background:#fff!important;color:#111!important;font:11pt/1.5 Georgia,serif!important}header,nav,footer,.wa,.skip-link,.btn,.blog-filters,.blog-search,.related-posts{display:none!important}main,.content,.wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;color:#111!important;box-shadow:none!important}a{color:#111!important;text-decoration:underline}a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;overflow-wrap:anywhere}h1,h2,h3{break-after:avoid}p,li{orphans:3;widows:3}img{max-width:100%!important;height:auto!important;break-inside:avoid}.article-cover img{max-height:110mm;object-fit:contain}}

/* Como funciona — página inicial */
.v2-how{background:linear-gradient(135deg,#101417,#1b1e22);color:#fff;padding:64px 20px}
.v2-how .v2-container{max-width:1160px;margin:0 auto}
.v2-how .v2-eyebrow{font-size:.82rem;letter-spacing:.15em;color:#f2484f;font-weight:800}
.v2-how h2{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.15;margin:10px 0 16px;color:#fff}
.v2-how-intro{max-width:750px;color:#d4d7d9;line-height:1.6}
.v2-how-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0}
.v2-how-steps li{display:flex;gap:16px;padding:24px;background:#202529;border:1px solid #393e42;border-radius:14px}
.v2-step-number{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#cf1624;color:white;font-weight:900}
.v2-how-steps h3{font-size:1.12rem;color:#fff;margin:0 0 8px}
.v2-how-steps p{color:#d4d7d9;margin:0;line-height:1.5}
.v2-how-cta{display:inline-block;padding:14px 24px;border-radius:10px;background:#078d40;color:#fff!important;font-weight:800;text-decoration:none}
.v2-how-cta:hover,.v2-how-cta:focus-visible{background:#067236}
@media(max-width:760px){.v2-how{padding:42px 16px}.v2-how-steps{grid-template-columns:1fr;gap:12px}.v2-how-steps li{padding:18px}}

/* FAQ home — Fast Guincho V2 */
.v2-faq{padding:64px 20px;background:#111518;color:#fff}.v2-faq .v2-container{max-width:1040px;margin:0 auto}.v2-faq .v2-eyebrow{color:#f2484f;font-size:.82rem;letter-spacing:.14em;font-weight:800}.v2-faq h2{font-size:clamp(1.6rem,3vw,2.5rem);color:#fff;margin:8px 0 12px}.v2-faq-intro{color:#d4d7d9;margin:0 0 26px}.v2-faq-list{display:grid;gap:12px}.v2-faq-item{border:1px solid #373d43;background:#1d2328;border-radius:12px;padding:0 20px}.v2-faq-item summary{cursor:pointer;list-style:none;padding:19px 30px 19px 0;font-weight:750;position:relative;color:#fff}.v2-faq-item summary::-webkit-details-marker{display:none}.v2-faq-item summary:after{content:'+';position:absolute;right:0;top:14px;font-size:1.6rem;color:#f2484f}.v2-faq-item[open] summary:after{content:'−'}.v2-faq-item p{color:#d4d7d9;line-height:1.65;margin:0 0 20px}.v2-faq-item summary:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:700px){.v2-faq{padding:44px 16px}.v2-faq-item{padding:0 16px}}

/* Crédito da desenvolvedora: wordmark acessível enquanto o arquivo do logo oficial não estiver disponível */
.developer-credit{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.conexus-credit{display:inline-flex;align-items:baseline;gap:.38rem;text-decoration:none!important;color:inherit!important;line-height:1.3}.conexus-wordmark{font-weight:900;letter-spacing:.07em;font-size:1.04em}.conexus-suffix{font-size:.86em;opacity:.9}.conexus-credit:hover .conexus-wordmark,.conexus-credit:focus-visible .conexus-wordmark{text-decoration:underline;text-underline-offset:3px}.conexus-credit:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}

/* Logo oficial CONEXUS no rodape */
.developer-credit .conexus-credit{display:inline-flex;align-items:center;vertical-align:middle;gap:8px;flex-wrap:wrap;text-decoration:none}.developer-credit .conexus-logo-footer{display:block;width:116px;height:auto;object-fit:contain}.developer-credit .conexus-suffix{font-size:.83rem}.developer-credit .conexus-credit:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Teste visual do credito CONEXUS: proporcao e leitura responsiva */
.developer-credit{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap;text-align:center}
.developer-credit .conexus-credit{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;line-height:1.1;text-decoration:none!important}
.developer-credit .conexus-logo-footer{display:block;width:132px;max-width:34vw;height:auto;flex-shrink:0;object-fit:contain}
.developer-credit .conexus-suffix{display:block;border-left:1px solid rgba(255,255,255,.35);padding-left:10px;font-size:.72rem;font-weight:700;letter-spacing:.085em;text-transform:uppercase;line-height:1.35;opacity:.92;text-align:left}
.developer-credit .conexus-suffix span{display:block}
.developer-credit .conexus-credit:hover .conexus-suffix{text-decoration:underline;text-underline-offset:3px}
@media(max-width:420px){.developer-credit .conexus-logo-footer{width:108px;max-width:37vw}.developer-credit .conexus-suffix{font-size:.63rem;padding-left:8px}.developer-credit .conexus-credit{gap:8px}}

/* Ajuste de acabamento: crédito de desenvolvimento, área clicável e leitura em telas pequenas. */
.developer-credit .conexus-credit{min-height:44px;padding:4px 2px}
@media(max-width:520px){.developer-credit{justify-content:center;text-align:center;row-gap:8px}.developer-credit .conexus-credit{max-width:100%}}

/* Texto de autoria mais discreto; destaque mantido no logo oficial. */
.developer-credit .developer-prefix{font-size:.78rem;font-weight:400;color:rgba(255,255,255,.68);letter-spacing:.01em}
@media(max-width:420px){.developer-credit .developer-prefix{font-size:.73rem}}


/* ==========================================================================
   REVISÃO CONSOLIDADA V2: BOTÕES WHATSAPP, AVALIAÇÕES, PARCEIROS E RODAPÉ
   ========================================================================== */

/* Botões de WhatsApp Premium */
.wa-svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.btn-wa {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #07873e !important;
  color: #ffffff !important;
  font-weight: 700;
  border-radius: 9999px;
  padding: 12px 24px;
  min-height: 44px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(7, 135, 62, 0.35);
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.btn-wa:hover {
  background: #067335 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(7, 135, 62, 0.45);
}

.btn-wa:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

/* Botão Flutuante do WhatsApp */
.wa {
  position: fixed;
  bottom: 22px;
  right: 22px;
  z-index: 99;
  background: #07873e;
  color: #ffffff !important;
  padding: 12px 22px;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 750;
  font-size: 0.96rem;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.4);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  transition: transform .25s ease, background-color .2s ease, box-shadow .25s ease;
}

.wa:hover {
  background: #067335;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}

.wa:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .wa {
    bottom: 16px;
    right: 16px;
    padding: 10px 16px;
    font-size: 0.88rem;
    min-height: 44px;
  }
}

/* Rodapé Premium Centralizado */
.v2-footer {
  background: #07090a;
  color: #f1f3f5;
  border-top: 1px solid #23272b;
  padding: 56px 20px 40px;
  text-align: center;
}

.v2-footer-container {
  max-width: 1100px;
  margin: 0 auto;
}

.v2-footer-title {
  display: inline-block;
  font-size: 1.45rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  color: #ffffff;
  margin-bottom: 8px;
}

.v2-footer-main {
  font-size: 1.05rem;
  color: #e4e7eb;
  margin: 0 0 6px;
  font-weight: 500;
}

.v2-footer-sub {
  font-size: 0.9rem;
  color: #989da3;
  margin: 0 0 16px;
}

.v2-footer-contact {
  font-size: 1rem;
  color: #e4e7eb;
  margin: 0;
}

.v2-footer-contact a {
  color: #25d366;
  font-weight: 700;
  text-decoration: none;
}

.v2-footer-contact a:hover {
  text-decoration: underline;
}

.v2-footer-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  max-width: 480px;
  margin: 24px auto;
}

.v2-footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 0.92rem;
}

.v2-footer-links a {
  color: #aeb4ba;
  text-decoration: none;
  padding: 4px 6px;
  transition: color .2s ease;
}

.v2-footer-links a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.v2-footer-bullet {
  color: #555c63;
}

.v2-footer-credit {
  margin-top: 8px;
}

/* Avaliações Reais do Google na Home */
.v2-reviews {
  padding: 72px 0;
  background: #0f1316;
  border-top: 1px solid #23272b;
  border-bottom: 1px solid #23272b;
  position: relative;
}

.v2-carousel-wrapper {
  position: relative;
  width: 100%;
}

.v2-reviews-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 8px 4px 12px;
  margin: 0;
}

.v2-reviews-track::-webkit-scrollbar {
  display: none;
}

.v2-review-card {
  flex: 0 0 calc(50% - 10px);
  min-width: 0;
  scroll-snap-align: start;
  background: #181d21;
  border: 1px solid #32373c;
  border-radius: 14px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.v2-review-card:hover {
  border-color: #f13b4a;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(241, 59, 74, 0.08);
}

.v2-review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.v2-review-author {
  font-size: 1.08rem;
  color: #ffffff;
  font-weight: 750;
}

.v2-review-stars {
  color: #ffb703;
  letter-spacing: 2px;
  font-size: 1.1rem;
}

.v2-review-text {
  color: #d1d5db;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
  font-style: italic;
}

/* Controles Centralizados do Carrossel */
.v2-carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

.v2-carousel-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #181d21;
  border: 1px solid #32373c;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s ease;
}

.v2-carousel-btn:hover:not(:disabled) {
  background: #f13b4a;
  border-color: #f13b4a;
  color: #ffffff;
  transform: scale(1.08);
  box-shadow: 0 4px 12px rgba(241, 59, 74, 0.3);
}

.v2-carousel-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.v2-carousel-dots {
  display: flex;
  align-items: center;
  gap: 8px;
}

.v2-carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #32373c;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all .25s ease;
}

.v2-carousel-dot.is-active {
  background: #f13b4a;
  width: 28px;
  border-radius: 6px;
}

@media (max-width: 760px) {
  .v2-review-card {
    flex: 0 0 100%;
    padding: 22px;
  }
  .v2-review-author {
    font-size: 1.02rem;
  }
}

/* Clientes e Parceiros na Home */
.v2-partners {
  padding: 56px 0;
  background: #0b0e10;
  border-bottom: 1px solid #23272b;
}

.v2-partners-notice {
  font-size: 0.88rem;
  color: #92979d;
  margin-top: -6px;
  margin-bottom: 24px;
}

.v2-partners-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.v2-partner-card {
  background: #151a1e;
  border: 1px solid #2f3439;
  border-radius: 14px;
  padding: 24px 22px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  min-height: 195px;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.v2-partner-card:hover {
  border-color: #f13b4a;
  background: #1b2126;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(241, 59, 74, 0.12);
}

.v2-partner-logo-box {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  width: 100%;
}

.v2-partner-logo {
  max-height: 54px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));
}

.v2-partner-title {
  color: #ffffff;
  font-weight: 750;
  font-size: 1.08rem;
  margin-bottom: 6px;
}

.v2-partner-link {
  color: #ff6b77;
  font-size: 0.88rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

@media (max-width: 680px) {
  .v2-partners-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .v2-partner-card {
    padding: 20px 18px;
    min-height: auto;
  }
}

/* Cards do Blog com Capas */
.inner-v2 .article-card {
  overflow: hidden;
  padding: 0 0 22px;
}

.inner-v2 .article-card .card-image {
  display: block;
  margin: 0 0 16px;
  overflow: hidden;
  background: #121619;
  border-radius: 14px 14px 0 0;
  aspect-ratio: 860 / 440;
}

.inner-v2 .article-card .card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.inner-v2 .article-card:hover .card-image img {
  transform: scale(1.04);
}

.inner-v2 .article-card .article-topic,
.inner-v2 .article-card h2,
.inner-v2 .article-card p {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 620px) {
  .inner-v2 .article-card .article-topic,
  .inner-v2 .article-card h2,
  .inner-v2 .article-card p {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ==========================================================================
   TEMA CLARO (LIGHT MODE) E BOTÃO CIRCULAR — FAST GUINCHO V2
   Ativado quando html[data-theme="light"]
   Padrão: Dark Premium (quando data-theme="dark" ou não definido)
   Referência Visual: Conceito Michelly Correa / Padrão CONEXUS
   ========================================================================== */

/* Botão Circular de Alternância de Tema */
.theme-toggle {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 0 0 6px !important;
  cursor: pointer !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  background: #181d21 !important;
  border: 1px solid #dc2626 !important;
  color: #dc2626 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.theme-toggle:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 0 12px rgba(220, 38, 38, 0.45) !important;
  border-color: #ef4444 !important;
}

.theme-toggle:focus-visible {
  outline: 2px solid #dc2626 !important;
  outline-offset: 2px !important;
}

.theme-toggle svg,
.theme-toggle .theme-icon {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
  pointer-events: none !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

header nav {
  align-items: center !important;
}

/* ==================== APLICAÇÃO DO TEMA CLARO (LIGHT MODE) ==================== */

html[data-theme="light"] .theme-toggle {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  color: #1f2937 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10) !important;
}

html[data-theme="light"] .theme-toggle:hover {
  transform: scale(1.08) !important;
  border-color: rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  color: #111827 !important;
}

html[data-theme="light"] .theme-toggle:focus-visible {
  outline: 2px solid #1f2937 !important;
  outline-offset: 2px !important;
}

/* 1. Base e Cabeçalho no Modo Claro */
html[data-theme="light"] body.home-v2,
html[data-theme="light"] body.inner-v2 {
  background: #f8f9fa !important;
  color: #1f2937 !important;
}

html[data-theme="light"] header {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] header nav a {
  color: #374151 !important;
}

html[data-theme="light"] header nav a:hover {
  color: #dc2626 !important;
}

/* 2. Hero da Página Inicial */
html[data-theme="light"] .v2-hero {
  background: radial-gradient(circle at 75% 32%, #fee2e2 0%, #fef2f2 42%, #f8f9fa 90%) !important;
}

html[data-theme="light"] .v2-hero h1 {
  color: #111827 !important;
}

html[data-theme="light"] .v2-hero h1 span {
  color: #dc2626 !important;
}

html[data-theme="light"] .v2-eyebrow {
  color: #dc2626 !important;
}

html[data-theme="light"] .v2-lead {
  color: #374151 !important;
}

html[data-theme="light"] .v2-features {
  color: #991b1b !important;
}

html[data-theme="light"] .v2-secondary {
  background: #ffffff !important;
  border-color: #d1d5db !important;
  color: #1f2937 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .v2-secondary:hover {
  background: #f3f4f6 !important;
  border-color: #9ca3af !important;
  color: #111827 !important;
}

html[data-theme="light"] .v2-hero small {
  color: #6b7280 !important;
}

html[data-theme="light"] .v2-hero-image img {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] .v2-hero-image figcaption {
  color: #6b7280 !important;
}

/* 3. Seção Serviços na Home */
html[data-theme="light"] .v2-services {
  background: #ffffff !important;
}

html[data-theme="light"] .v2-heading h2,
html[data-theme="light"] .v2-heading-row h2 {
  color: #111827 !important;
}

html[data-theme="light"] .v2-heading > p:not(.v2-eyebrow),
html[data-theme="light"] .v2-heading-row > div > p:not(.v2-eyebrow) {
  color: #4b5563 !important;
}

html[data-theme="light"] .v2-service-card {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .v2-service-card:hover {
  background: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: 0 8px 24px rgba(220, 38, 38, 0.12) !important;
}

html[data-theme="light"] .v2-service-card h3 {
  color: #111827 !important;
}

html[data-theme="light"] .v2-service-card p {
  color: #4b5563 !important;
}

html[data-theme="light"] .v2-service-card b {
  color: #dc2626 !important;
}

/* 4. Barra de Localização e Diferenciais */
html[data-theme="light"] .v2-location {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .v2-location p {
  color: #475569 !important;
}

html[data-theme="light"] .v2-location-grid > div {
  border-color: #cbd5e1 !important;
}

/* 5. Como Funciona */
html[data-theme="light"] .v2-how {
  background: #f3f4f6 !important;
  color: #111827 !important;
}

html[data-theme="light"] .v2-how h2 {
  color: #111827 !important;
}

html[data-theme="light"] .v2-how-intro {
  color: #4b5563 !important;
}

html[data-theme="light"] .v2-how-steps li {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .v2-how-steps h3 {
  color: #111827 !important;
}

html[data-theme="light"] .v2-how-steps p {
  color: #4b5563 !important;
}

html[data-theme="light"] .v2-step-number {
  background: #dc2626 !important;
  color: #ffffff !important;
}

/* 6. Avaliações (Carrossel) */
html[data-theme="light"] .v2-reviews {
  background: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
}

html[data-theme="light"] .v2-review-card {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .v2-review-card:hover {
  background: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.08) !important;
}

html[data-theme="light"] .v2-review-author {
  color: #111827 !important;
}

html[data-theme="light"] .v2-review-text {
  color: #374151 !important;
}

html[data-theme="light"] .v2-carousel-btn {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #1f2937 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .v2-carousel-btn:hover:not(:disabled) {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

html[data-theme="light"] .v2-carousel-dot {
  background: #d1d5db !important;
}

html[data-theme="light"] .v2-carousel-dot.is-active {
  background: #dc2626 !important;
}

/* 7. Clientes e Parceiros */
html[data-theme="light"] .v2-partners {
  background: #f9fafb !important;
  border-bottom: 1px solid #e5e7eb !important;
}

html[data-theme="light"] .v2-partners-notice {
  color: #4b5563 !important;
}

html[data-theme="light"] .v2-partner-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .v2-partner-card:hover {
  border-color: #dc2626 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(220, 38, 38, 0.12) !important;
}

html[data-theme="light"] .v2-partner-logo-box {
  background: #111827 !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
}

html[data-theme="light"] .v2-partner-title {
  color: #111827 !important;
}

html[data-theme="light"] .v2-partner-link {
  color: #dc2626 !important;
}

/* 8. Galeria */
html[data-theme="light"] .v2-gallery {
  background: #ffffff !important;
}

html[data-theme="light"] .v2-outline {
  border: 1px solid #d1d5db !important;
  color: #1f2937 !important;
  background: #ffffff !important;
}

html[data-theme="light"] .v2-outline:hover {
  background: #f3f4f6 !important;
  border-color: #9ca3af !important;
}

html[data-theme="light"] .v2-gallery-grid figure {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
}

html[data-theme="light"] .v2-gallery-grid figcaption {
  color: #111827 !important;
}

/* 9. Cards de Blog na Home */
html[data-theme="light"] .v2-blog {
  background: #f9fafb !important;
}

html[data-theme="light"] .v2-blog-grid > a {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .v2-blog-grid > a:hover {
  border-color: #dc2626 !important;
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.1) !important;
}

html[data-theme="light"] .v2-blog-grid h3 {
  color: #111827 !important;
}

html[data-theme="light"] .v2-blog-grid p {
  color: #4b5563 !important;
}

html[data-theme="light"] .v2-blog-grid b {
  color: #dc2626 !important;
}

/* 10. Chamada Final */
html[data-theme="light"] .v2-final {
  background: linear-gradient(135deg, #7f1d1d, #991b1b) !important;
}

html[data-theme="light"] .v2-final h2 {
  color: #ffffff !important;
}

html[data-theme="light"] .v2-final p {
  color: #fee2e2 !important;
}

/* 11. FAQ */
html[data-theme="light"] .v2-faq {
  background: #ffffff !important;
}

html[data-theme="light"] .v2-faq h2 {
  color: #111827 !important;
}

html[data-theme="light"] .v2-faq-intro {
  color: #4b5563 !important;
}

html[data-theme="light"] .v2-faq-item {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
}

html[data-theme="light"] .v2-faq-item summary {
  color: #111827 !important;
}

html[data-theme="light"] .v2-faq-item summary:after {
  color: #dc2626 !important;
}

html[data-theme="light"] .v2-faq-item p {
  color: #374151 !important;
}

/* 12. Páginas Internas (.inner-v2) */
html[data-theme="light"] .inner-v2 {
  background: #f8f9fa !important;
}

html[data-theme="light"] .inner-v2 .content h1 {
  color: #111827 !important;
}

html[data-theme="light"] .inner-v2 .content h2,
html[data-theme="light"] .inner-v2 .content h3 {
  color: #111827 !important;
}

html[data-theme="light"] .inner-v2 .content p,
html[data-theme="light"] .inner-v2 .content li {
  color: #374151 !important;
}

html[data-theme="light"] .inner-v2 .content a {
  color: #dc2626 !important;
}

html[data-theme="light"] .inner-v2 .inner-eyebrow {
  color: #dc2626 !important;
}

html[data-theme="light"] .inner-v2 .inner-intro {
  color: #4b5563 !important;
}

html[data-theme="light"] .inner-v2 .card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .inner-v2 .card:hover {
  border-color: #dc2626 !important;
  box-shadow: 0 8px 20px rgba(220, 38, 38, 0.1) !important;
}

html[data-theme="light"] .inner-v2 .card h2 a {
  color: #111827 !important;
}

html[data-theme="light"] .inner-v2 .card h2 a:hover {
  color: #dc2626 !important;
}

html[data-theme="light"] .inner-v2 .card p {
  color: #4b5563 !important;
}

html[data-theme="light"] .inner-v2 .inner-card-link {
  color: #dc2626 !important;
}

html[data-theme="light"] .inner-v2 .article-topic {
  color: #dc2626 !important;
}

html[data-theme="light"] .inner-v2 .blog-controls {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .inner-v2 .blog-controls label {
  color: #111827 !important;
}

html[data-theme="light"] .inner-v2 .blog-controls input,
html[data-theme="light"] .inner-v2 .blog-controls select {
  background: #f9fafb !important;
  color: #111827 !important;
  border: 1px solid #d1d5db !important;
}

html[data-theme="light"] .inner-v2 .blog-controls input:focus,
html[data-theme="light"] .inner-v2 .blog-controls select:focus {
  border-color: #dc2626 !important;
  outline: 2px solid #fee2e2 !important;
}

html[data-theme="light"] .inner-v2 .blog-reset {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
}

html[data-theme="light"] .inner-v2 .blog-reset:hover {
  background: #b91c1c !important;
}

html[data-theme="light"] .inner-v2 #blog-count {
  color: #4b5563 !important;
}

html[data-theme="light"] .inner-v2 .inner-contact {
  background: linear-gradient(135deg, #7f1d1d, #991b1b) !important;
  border: 1px solid #b91c1c !important;
}

html[data-theme="light"] .inner-v2 .inner-contact h2 {
  color: #ffffff !important;
}

html[data-theme="light"] .inner-v2 .inner-contact p {
  color: #fee2e2 !important;
}

html[data-theme="light"] .inner-v2 .article-card .card-image {
  background: #e5e7eb !important;
}

html[data-theme="light"] .inner-v2 .article-cover figcaption {
  color: #6b7280 !important;
}

/* 13. Rodapé no Modo Claro: Dark Slate elegante preservando contraste de branding e links */
html[data-theme="light"] .v2-footer {
  background: #111827 !important;
  border-top: 1px solid #1f2937 !important;
  color: #f3f4f6 !important;
}

/* 14. Banner LGPD no Modo Claro */
html[data-theme="light"] .cookie-banner {
  background: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .cookie-banner a {
  color: #dc2626 !important;
}

html[data-theme="light"] .cookie-reject {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #374151 !important;
}

html[data-theme="light"] .cookie-reject:hover {
  background: #f3f4f6 !important;
}

@media (max-width: 620px) {
  .theme-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    margin: 0 0 0 4px !important;
  }
}