/* --- reveal: substitui o estado inline opacity:0 do Framer Motion --- So esconde quando o JS esta vivo (classe .js no ). Sem JS, ou se o script falhar, o conteudo nasce visivel. O original errava nisso: nascia invisivel e dependia do React para aparecer. */ html.js [data-reveal]{opacity:0;transform:var(--rev-from,translateY(40px)); transition:opacity .6s ease-out,transform .6s ease-out} html.js [data-reveal].is-visible{opacity:1;transform:none} @media (prefers-reduced-motion: reduce){ html.js [data-reveal]{opacity:1;transform:none;transition:none} } /* --- carrossel: substitui o Swiper --- Slide que ja traz largura no proprio style vem do componente original: essa medida manda, nao a nossa. So os slides sem largura recebem porcentagem. */ .swiper{position:relative;overflow:hidden} .swiper .swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory; scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth} .swiper .swiper-wrapper::-webkit-scrollbar{display:none} /* o espaco entre slides era o spaceBetween do Swiper, injetado por JS como margin-right: 20px. Sem ele os cards encostam um no outro. */ .swiper .swiper-slide{flex:0 0 auto;scroll-snap-align:center;margin-right:20px} .swiper .swiper-slide:not([style*="width"]){flex:0 0 86%} @media (min-width:768px){.swiper .swiper-slide:not([style*="width"]){flex-basis:44%}} .swiper-button-prev,.swiper-button-next{cursor:pointer;user-select:none} /* --- menu principal --- ARMADILHA que quebrou o menu no ar: o wp_nav_menu embrulha os itens num