/* * Desativa o clique direto no link invisível * que o JetEngine coloca sobre o card inteiro. */ .jet-engine-listing-overlay-wrap > .jet-engine-listing-overlay-link { pointer-events: none !important; z-index: 0 !important; } /* * Mantém o conteúdo real acima do overlay. */ .jet-engine-listing-overlay-wrap > .elementor { position: relative !important; z-index: 2 !important; } /* * Botões, links e carrossel precisam receber os cliques. */ .jet-engine-listing-overlay-wrap .elementor-widget-button, .jet-engine-listing-overlay-wrap .elementor-button, .jet-engine-listing-overlay-wrap .elementor-widget-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper, .jet-engine-listing-overlay-wrap .swiper, .jet-engine-listing-overlay-wrap .elementor-swiper-button { position: relative; pointer-events: auto !important; } /* * Setas do slider interno. * * O ícone continua pequeno, mas a área clicável * passa a ter 48px por 48px. */ .jet-engine-listing-overlay-wrap .elementor-swiper-button { width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 9999 !important; cursor: pointer !important; pointer-events: auto !important; touch-action: manipulation; border-radius: 50%; /* * Remove o destaque azul ao clicar ou tocar * nas setas do slider interno do card. */ -webkit-tap-highlight-color: transparent !important; outline: none !important; box-shadow: none !important; } /* * Remove o destaque também nos estados * de clique, foco e toque. */ .jet-engine-listing-overlay-wrap .elementor-swiper-button:hover, .jet-engine-listing-overlay-wrap .elementor-swiper-button:active, .jet-engine-listing-overlay-wrap .elementor-swiper-button:focus, .jet-engine-listing-overlay-wrap .elementor-swiper-button:focus-visible { outline: none !important; box-shadow: none !important; background-image: none !important; } /* * Evita que o SVG interno receba * qualquer efeito visual de foco. */ .jet-engine-listing-overlay-wrap .elementor-swiper-button svg { outline: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; } /* * Foco acessível apenas para navegação por teclado. */ .jet-engine-listing-overlay-wrap .elementor-swiper-button:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.75) !important; outline-offset: 2px !important; } /* * Remove o destaque azul do card, * sem alterar o funcionamento do clique. */ .jet-engine-listing-overlay-wrap, .jet-engine-listing-overlay-wrap *, .jet-listing-grid__item { -webkit-tap-highlight-color: transparent; } /* * Mantém o tamanho visual do ícone. * * O SVG não recebe o clique diretamente. * O clique fica na área de 48px da seta. */ .jet-engine-listing-overlay-wrap .elementor-swiper-button svg { width: 32px !important; height: 32px !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.8); border-radius: 30px; } /* * Posicionamento das setas. */ .jet-engine-listing-overlay-wrap .elementor-swiper-button-prev { left: 8px !important; } .jet-engine-listing-overlay-wrap .elementor-swiper-button-next { right: 8px !important; } /* * Mantém o botão acima do overlay. */ .jet-engine-listing-overlay-wrap .elementor-widget-button, .jet-engine-listing-overlay-wrap .elementor-button, .jet-engine-listing-overlay-wrap .essencial-sites-whatsapp-button { position: relative !important; z-index: 9999 !important; cursor: pointer !important; pointer-events: auto !important; } /* * PERMITE ROLAGEM VERTICAL SOBRE AS IMAGENS * em desktop, tablet e celular. * O arraste horizontal continua funcionando. */ .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper.swiper { z-index: 5 !important; touch-action: pan-y !important; overscroll-behavior: auto !important; } /* * A roda do mouse e o gesto vertical devem continuar * rolando a página mesmo sobre a imagem. */ .jet-engine-listing-overlay-wrap .elementor-widget-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper, .jet-engine-listing-overlay-wrap .elementor-image-carousel, .jet-engine-listing-overlay-wrap .swiper-slide, .jet-engine-listing-overlay-wrap .swiper-slide-inner, .jet-engine-listing-overlay-wrap .swiper-slide-image { overscroll-behavior: auto !important; } /* * Indica que as áreas comuns do card são clicáveis. */ .jet-engine-listing-overlay-wrap { cursor: pointer; } /* ================================================== * ALTURA FIXA DAS IMAGENS DO SLIDER * ================================================== */ /* * Altura padrão no computador. */ .jet-engine-listing-overlay-wrap .elementor-widget-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper.swiper, .jet-engine-listing-overlay-wrap .elementor-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner figure { height: 250px !important; min-height: 250px !important; max-height: 250px !important; } /* * Esconde tudo o que passar da altura definida. */ .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner figure { overflow: hidden !important; } /* * Faz a imagem preencher toda a área. * O excesso é cortado sem distorção. */ .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-image { width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; object-fit: cover !important; object-position: center bottom !important; display: block !important; } /* * Altura no tablet. */ @media (max-width: 1024px) { .jet-engine-listing-overlay-wrap .elementor-widget-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper.swiper, .jet-engine-listing-overlay-wrap .elementor-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner figure { height: 250px !important; min-height: 250px !important; max-height: 250px !important; } } /* * Altura no celular. */ @media (max-width: 767px) { .jet-engine-listing-overlay-wrap .elementor-widget-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper.swiper, .jet-engine-listing-overlay-wrap .elementor-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner, .jet-engine-listing-overlay-wrap .elementor-image-carousel .swiper-slide-inner figure { height: 220px !important; min-height: 220px !important; max-height: 220px !important; } /* * Área de toque um pouco maior no celular. */ .jet-engine-listing-overlay-wrap .elementor-swiper-button { width: 52px !important; height: 52px !important; } /* * MOBILE: * permite rolar a página verticalmente mesmo quando * o toque começa sobre a imagem do card. */ .jet-listing-grid__slider, .jet-listing-grid__slider.swiper, .jet-engine-listing-overlay-wrap .elementor-widget-image-carousel, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper, .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper.swiper, .jet-engine-listing-overlay-wrap .elementor-image-carousel, .jet-engine-listing-overlay-wrap .swiper-slide, .jet-engine-listing-overlay-wrap .swiper-slide-inner, .jet-engine-listing-overlay-wrap .swiper-slide-image { touch-action: pan-y !important; } /* * Evita que o carrossel bloqueie a continuidade * da rolagem vertical da página. */ .jet-engine-listing-overlay-wrap .elementor-image-carousel-wrapper.swiper { overscroll-behavior: auto !important; } } /* ================================================== * CORREÇÃO DAS SETAS DO LISTING GRID * ================================================== */ /* * A seta externa do JetEngine possui um SVG de 180px. * Isso cria uma área invisível enorme sobre o último card. * * Aqui limitamos o botão externo a 44px. */ .jet-listing-grid__slider .jet-listing-grid__slider-icon { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; max-width: 44px !important; max-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 20 !important; pointer-events: auto !important; } /* * Corrige o SVG de 180px que vem no Listing Grid. */ .jet-listing-grid__slider .jet-listing-grid__slider-icon svg { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; display: block !important; pointer-events: none !important; } /* * Mantém as setas internas do card acima das imagens, * mas sem competir com a seta externa do Listing Grid. */ .jet-listing-grid__slider .elementor-widget-image-carousel { position: relative !important; z-index: 30 !important; } .jet-listing-grid__slider .elementor-widget-image-carousel .elementor-swiper-button { position: absolute !important; z-index: 50 !important; width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: auto !important; } /* * Afasta a seta interna direita da área * ocupada pela seta externa do Listing Grid. */ .jet-listing-grid__slider .elementor-widget-image-carousel .elementor-swiper-button-next { right: 12px !important; } /* * Afasta também a seta interna esquerda. */ .jet-listing-grid__slider .elementor-widget-image-carousel .elementor-swiper-button-prev { left: 12px !important; }