/* Riccel - camada de movimento (riccel-motion.js liga as classes) */
:root { --mv-ease: cubic-bezier(.16, 1, .3, 1); }

/* evita "piscar" do topo antes do JS rodar */
html.mv-on:not(.mv-ready) :is(.rc-hero-content > *, h1) { opacity: 0 !important; }

/* títulos: palavra por palavra subindo de dentro de uma máscara */
.mv-w { display: inline-block; overflow: hidden; vertical-align: top; padding: 0 .06em .14em 0; margin: 0 -.06em -.14em 0; }
.mv-wi { display: inline-block; }
html.mv-on .mv-split:not(.mv-in) .mv-wi { translate: 0 110%; }
html.mv-on .mv-split .mv-wi { transition: translate 1.1s var(--mv-ease); }

/* blocos de texto, botões e tags */
html.mv-on .mv-up:not(.mv-in) { opacity: 0 !important; translate: 0 34px; }
html.mv-on .mv-up.mv-run { transition-property: opacity, translate !important; transition-duration: .9s, 1.1s !important; transition-timing-function: var(--mv-ease) !important; }

/* cards */
html.mv-on .mv-card:not(.mv-in) { opacity: 0 !important; translate: 0 56px; scale: .965; }
html.mv-on .mv-card.mv-run { transition-property: opacity, translate, scale !important; transition-duration: .9s, 1.2s, 1.2s !important; transition-timing-function: var(--mv-ease) !important; }

/* imagens: cortina de baixo pra cima + leve zoom assentando */
html.mv-on .mv-img:not(.mv-in) { clip-path: inset(100% 0 0 0); scale: 1.12; }
html.mv-on .mv-img.mv-run { transition-property: clip-path, scale !important; transition-duration: 1.3s, 1.8s !important; transition-timing-function: var(--mv-ease) !important; }

/* hero: zoom lento na foto ativa */
.rc-hero-slide img { scale: 1.1; transition: scale 9s cubic-bezier(.2, .6, .3, 1); }
.rc-hero-slide.active img { scale: 1; }

/* setinha dos botões anda no hover */
.rc-btn svg, .wc-btn-orcamento svg { transition: translate .35s var(--mv-ease); }
.rc-btn:hover svg, .wc-btn-orcamento:hover svg { translate: 4px 0; }

@media (prefers-reduced-motion: reduce) {
  html.mv-on :is(.mv-up, .mv-card, .mv-img), html.mv-on .mv-split .mv-wi { opacity: 1 !important; translate: none !important; scale: none !important; clip-path: none !important; }
  .rc-hero-slide img { scale: 1; transition: none; }
}

/* "Entrar em contato" dos produtos: igual ao da home (transparente + borda amarela; hover vermelho entrando da esquerda) */
.wc-btn-orcamento[href="contato.html"] { isolation: isolate; transition: all .4s cubic-bezier(.4, 0, .2, 1); }
.wc-btn-orcamento[href="contato.html"]::before { background: #C8201A; }
.wc-btn-orcamento[href="contato.html"]:hover { color: #1A1A00; border-color: #E8BF30; background: #E8BF30; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(200, 32, 26, .35); }

/* "Entrar em contato" das faixas de Sobre e Distribuidores: cópia exata do da home */
.rc-cta a.rc-btn-gold[href="contato.html"] {
  display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; border-radius: 10px;
  font-family: "Barlow Condensed", sans-serif; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase;
  background: transparent; color: var(--gold-400, #F5D060); border: 2px solid var(--gold-400, #F5D060);
  position: relative; overflow: hidden; z-index: 1; text-decoration: none; transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.rc-cta a.rc-btn-gold[href="contato.html"]::before {
  content: ""; position: absolute; inset: 0; background: var(--red, #C8201A); transform: scaleX(0); transform-origin: left;
  transition: transform .4s cubic-bezier(.4, 0, .2, 1); z-index: -1;
}
.rc-cta a.rc-btn-gold[href="contato.html"]:hover {
  color: #1A1A00; background: var(--gold-500, #E8BF30); border-color: var(--gold-500, #E8BF30);
  transform: translateY(-2px); box-shadow: 0 8px 28px rgba(200, 32, 26, .35);
}
.rc-cta a.rc-btn-gold[href="contato.html"]:hover::before { transform: scaleX(1); }

/* títulos só aparecem já com a diagramação final (sem pular de quebra de linha) */
html.mv-on:not(.mv-ready) :is(h1, h2, h3) { visibility: hidden !important; }
/* fundo do topo nunca escuro */
#hero, .rc-hero { background-color: #FAFAF8 !important; }