/*
Theme Name: Bm Eletronicos CSS
Theme URI: https://bmeletronicos.com.br
Description: Tema filho para carregar Landing Page Full-Page, usando Hello Elementor como base.
Author: Seu Nome
Author URI: https://bmeletronicos.com.br
Template: hello-elementor
Version: 1.0.0
*/

/* ----------------------------------------------------------------- */
/* INÍCIO DO CONTEÚDO DO SEU style.css ORIGINAL DA LANDING PAGE */
/* ----------------------------------------------------------------- */

        body {
            font-family: 'Inter', sans-serif;
            background-color: #000;
            color: #f5f5f7;
            -webkit-font-smoothing: antialiased;
        }

        /* Ajuste para Header Claro */
        .bg-hero-light {
            background-color: #f5f5f7;
            color: #1d1d1f;
        }

        .text-gradient-dark {
            background: linear-gradient(180deg, #1d1d1f 0%, #434343 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .glass-nav-light {
            background: rgba(245, 245, 247, 0.8);
            backdrop-filter: saturate(180%) blur(20px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        /* Animações */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .btn-apple {
            background-color: #0071e3;
            transition: all 0.3s ease;
        }
        .btn-apple:hover {
            background-color: #0077ed;
            transform: scale(1.02);
        }

        .bento-card {
            background: #1c1c1e;
            border-radius: 28px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        /* Esconde comentários além dos 3 primeiros inicialmente */
        .comment-item.hidden-comment {
            display: none;
        }

        .comment-divider {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Modal de Avaliação */
        #modalAvaliacao {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 100;
            background: rgba(0, 0, 0, 0.9);
            backdrop-filter: blur(10px);
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        #modalAvaliacao.active {
            display: flex;
        }
        
        .hero-swiper {
            overflow: hidden; /* Garante que as imagens não vazem no mobile */
          }
          .hero-swiper .swiper-slide {
            display: flex;
            justify-center: center;
            align-items: center;
          }
          /* Estiliza os pontinhos para o azul da JBL */
          .swiper-pagination-bullet-active {
            background: #2563eb !important; 
          }
          
          /* Estilo para destacar o botão selecionado */
        .color-btn.active div {
            transform: scale(1.1);
            box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
        }