@font-face{font-family:Dream Avenue;src:url(/fonts/DreamAvenue.woff2)format("woff2"),url(/fonts/DreamAvenue.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#0d0d0d;background:#fff;font-family:Poppins,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}em{font-style:italic}:root{--vinho:#7d2448;--vinho-hover:#a0305e;--bege:#e1d5c4;--bege-dark:#c9b99a;--fundo:#f9f6f1;--preto:#0d0d0d;--branco:#fff}[style*="scrollbar-width: none"]::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--fundo)}::-webkit-scrollbar-thumb{background:var(--vinho);border-radius:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes svcScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes testScroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes fadeInSoft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes stripeSway{0%,to{transform:translate(0)}50%{transform:translate(30px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}::selection{background:var(--vinho);color:var(--branco)}.skip-link{color:#fff;z-index:10000;background:#7d2448;padding:8px 16px;font-family:Poppins,sans-serif;font-size:14px;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.cta-desktop{display:inline-flex}.nav-desktop{display:flex}@media (width<=768px){.nav-desktop,.cta-desktop{display:none!important}.hamburger-btn{flex-direction:column;justify-content:center;align-items:center;display:flex!important}.header-inner{padding:0 20px!important}section{padding-left:20px!important;padding-right:20px!important}.svc-grid-3,.svc-grid-2,.etapas-grid,.process-grid,.diff-grid,.valores-grid,.contato-grid,.includes-grid,.images-grid{grid-template-columns:1fr!important}.footer-grid{text-align:center;grid-template-columns:1fr!important;gap:32px!important}.footer-grid>div{flex-direction:column;align-items:center;display:flex}.footer-grid p{text-align:center}.cta-buttons{flex-direction:column!important;align-items:center!important}.detail-flex{flex-direction:column!important}.detail-img{width:100%!important;height:240px!important}.problem-flex{flex-direction:column!important}.problem-img{flex:unset!important;width:100%!important}.about-flex{flex-direction:column!important;gap:32px!important}.about-img{width:100%!important;height:240px!important}.why-flex,.test-flex{flex-direction:column!important;gap:32px!important}.test-avatars{flex:unset!important}.hero-card{width:150px!important;height:295px!important}.hero-card .slide-card{padding:10px 12px!important}.hero-card h1{margin-bottom:6px!important;font-size:13px!important;line-height:1.2!important}.hero-card p{margin-bottom:8px!important;font-size:9px!important;line-height:1.35!important}.hero-card a{letter-spacing:.5px!important;border-width:1px!important;min-height:0!important;padding:5px 10px!important;font-size:7px!important}.page-hero{height:45vh!important;min-height:280px!important;margin-top:0!important;padding-top:10px!important}.page-hero-card{width:160px!important}.page-hero-card div{border-width:2px!important;padding:10px 12px!important}.page-hero-card div div{border-width:1px!important}.page-hero-card p:first-child{letter-spacing:2px!important;margin-bottom:4px!important;font-size:7px!important}.page-hero-card h1{margin-bottom:4px!important;font-size:11px!important;line-height:1.2!important}.page-hero-card p:last-child{font-size:7px!important;line-height:1.3!important}.svc-carousel-row{flex-direction:column!important}.svc-carousel-cta{flex:unset!important;width:100%!important;min-height:200px!important}.hero-socials,.stripe-decoration{display:none!important}.about-images-grid{grid-template-columns:1fr!important}.about-images-grid img:first-child{grid-column:auto!important}body{font-size:15px}section>div>p,section>div>div>p,section>div li{min-height:auto}a[href*=wa\.me]:not(.cta-desktop):not(.hero-card a),button[type=submit],.cta-buttons a{align-items:center!important;min-height:48px!important;display:inline-flex!important}.hero-card a[href*=wa\.me]{min-height:0!important}.related-services{flex-wrap:wrap!important;gap:12px!important}.related-services a{text-align:center!important;flex:calc(50% - 12px)!important;min-width:140px!important;padding:12px 16px!important;font-size:10px!important}#hero{height:auto!important;min-height:500px!important;margin-top:0!important;padding-top:80px!important;padding-bottom:30px!important}body{overflow-x:hidden!important}.test-card{min-width:unset!important;width:100%!important}h2{font-size:24px!important}}@media (width>=769px) and (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr!important;gap:36px!important}}.whatsapp-fixed:hover{transform:scale(1.1)}a:focus-visible,button:focus-visible{outline:2px solid var(--vinho);outline-offset:2px}main section,footer{z-index:10;position:relative}.footer-social:hover{color:#fff!important;background:#7d2448!important;border-color:#7d2448!important}.footer-link:hover{color:#7d2448!important}.hover-vinho:hover{color:#fff!important;background:#7d2448!important}.hover-bege-bg:hover{background:#e0d4c5!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

input[name="_gotcha"]{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;}

/* ==========================================================================
   Ravira Digital — Faixa decorativa fix v2  (contraste vinho-sobre-vinho)
   --------------------------------------------------------------------------
   DIAGNOSTICO REAL (inspecionado ao vivo via elementsFromPoint em
   https://raviradigital.com.br/, /servicos e /contato):

   - Seletor verdadeiro da faixa = div.stripe-decoration
       position: fixed;  z-index: 5;  width: 140px;  height: 100vh;
       background: rgb(125,36,72) (vinho solido);  animation: stripeSway;
       left ~862px na home (right:30%).  NAO era z-index 0 como no config antigo.

   - A causa NAO e z-index: os titulos (ex. h2.process-animate
     "Do diagnostico ao resultado") ja estao ACIMA da faixa (section z:10 > 5).
     O problema e CONTRASTE: o titulo e texto vinho #7D2448 e a faixa e vinho.
     Onde a faixa passa atras do texto vinho, o texto some
     ("Do diagnostico ao resulta[do]" perde o miolo). Mesmo efeito em /servicos
     (bloco vinho na calha entre cards) e no hero de /contato.

   - Baixar z-index / subir secoes NAO resolve (a secao de servicos ja e opaca
     com z:10 e mesmo assim a faixa fixed vaza pelo contexto de empilhamento).

   SOLUCAO (conservadora, universal, testada nas 3 paginas):
   Reduzir a OPACIDADE da faixa. Ela deixa de ser um bloco vinho solido e vira
   uma banda rose suave sobre o fundo claro. O texto vinho volta a ter contraste
   em qualquer secao, sem mexer em z-index, layout ou na estrutura React.
   A decoracao continua visivel (nao some).

   Verificado: "Do diagnostico ao resultado" 100% legivel apos o fix;
   /servicos e /contato sem regressao (screenshots antes/depois).
   ========================================================================== */

/* 1) Fix principal: faixa translucida = contraste restaurado em todo o site.
      0.18 foi o valor validado (texto vinho legivel + banda ainda visivel).
      Ajuste fino possivel entre 0.14 e 0.25 se quiser mais/menos presenca. */
.stripe-decoration {
  opacity: 0.18 !important;
  /* Garante que a faixa nunca intercepte clique/hover de botoes ou links. */
  pointer-events: none !important;
}

/* 2) Rede de seguranca: no mobile a faixa ja e escondida por design.
      Reforcamos para o caso de alguma media query reativar em telas estreitas. */
@media (max-width: 767px) {
  .stripe-decoration {
    display: none !important;
  }
}

