body {
            font-family: 'Poppins', sans-serif;
            background-color: #F9FAFB;
            color: #1F2937;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .font-heading {
            font-family: 'Montserrat', sans-serif;
        }

        .chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 300px;
            max-height: 400px;
            padding: 1rem;
        }

        @media (min-width: 768px) {
            .chart-container {
                height: 350px;
            }
        }

        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .botao-whatsapp {
            border: 2px solid #ffffff;
            box-shadow: 10px 10px 30px rgba(255, 165, 0, 0.3);
            background-color: #61CE70 !important;
            transition: background-color, transform .5s ease-in-out !important;
        }

        .botao-whatsapp:hover {
            background-color: #4AC259 !important;
            transform: scale(1.02);
            border-color: #dedfe3;
        }

        .botao-ligacao {
            border: 2px solid #ffffff;
            box-shadow: 10px 10px 30px rgba(255, 165, 0, 0.3);
            background-color: #FFA70E !important;
            transition: background-color, transform .5s ease-in-out !important;
        }

        .botao-ligacao:hover {
            background-color: #E68A00 !important;
            transform: scale(1.02);
            border-color: #dedfe3;
        }

        /* Aumenta ícones do WhatsApp e Telefone em 10% */
        .fa-whatsapp,
        .fa-phone {
            display: inline-block;
            transform: scale(1.5);
            transform-origin: center;
            line-height: 1;
        }

        /* Centraliza todos os h3 que estiverem dentro do carrossel */
        #carousel-container h3 {
            text-align: center;
        }

        /* Linha de produtos - estilos personalizados */
        .prod-title {
            font-size: 30px;
            line-height: 1.1;
            font-weight: 700;
            color: #1F2937;
            text-align: center;
            margin-bottom: 0.5rem;
        }

        .prod-thumb {
            width: 190px;
            /* mobile: base + 50px */
            height: 230px;
            /* mobile: base + 50px */
            display: block;
        }

        .prod-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            background: #fff;
            display: block;
        }

        @media (min-width: 768px) {
            .prod-thumb {
                width: 260px;
                /* desktop: larger */
                height: 50px;
            }

            /* Ajuste específico para o primeiro produto (P13) - altera o container */
            .prod-thumb--p13 {
                width: 200px !important;
                /* desktop override para o container */
                height: 100px;
            }

            .prod-thumb-padrao {
                width: 300px !important;
                /* desktop override para o container */
                height: 300px !important;

            }
        }

        /* Se preferir controlar por container em mobile também */
        .prod-thumb--p13 {
            width: 140px;
            height: 180px;
        }

        /* Classe exclusiva para o botijão P13 - ajuste largura/altura aqui */
        .prod-p13 {
            width: 150px;
            /* largura fixa por padrão */
            height: 50px;
            /* mantém proporção */
            display: block;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .prod-p13 {
                width: 10px;
                /* maior em desktop */
            }
        }

        /* Main line title and logo */
        .linha-title {
            font-size: 45px;
            line-height: 1.05;
            font-weight: 600;
            text-align: center;
            color: #5d6881;
            margin-bottom: 5rem;
        }

        .logo-central {
            width: 250px;
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto 5.5rem;

        }

        /* Linha de produtos - estilos personalizados */
        .prod-title {
            font-size: 30px;
            line-height: 1.1;
            font-weight: 700;
            color: #1F2937;
            text-align: center;
            margin-bottom: 0.5rem;
        }

        @media (max-width: 500px) {

            .botao-whatsapp,
            .botao-ligacao {
                width: 95% !important;
            }
        }

        .prod-thumb {
            width: 190px;
            /* mobile: base + 50px */
            height: 230px;
            /* mobile: base + 50px */
            display: block;
        }

        .prod-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            background: #fff;
            display: block;
        }


        @media (min-width: 768px) {
            .prod-thumb {
                width: 260px;
                /* desktop: larger */
                height: 330px;
            }
        }

        /* Efeito diagonal atrás do bloco de texto (quem_somos) */
        .diagonal-wrap {
            position: relative;
            z-index: 0;
            overflow: hidden;
        }

        .diagonal-wrap::after {
            content: "";
            position: absolute;
            /* ajusta a posição e tamanho da faixa diagonal */
            right: -10%;
            top: 40%;
            width: 140%;
            height: 70%;
            background: rgba(241, 245, 249, 0.95);
            /* cor similar a bg-slate-50 */
            transform: rotate(-8deg);
            transform-origin: top right;
            z-index: -1;
            border-radius: 12px;
        }

        .whatsapp-float {
            position: fixed;
            right: 1.25rem;
            bottom: 1.25rem;
            z-index: 60;

            width: 56px;
            height: 56px;

            display: flex;
            align-items: center;
            justify-content: center;

            background-color: #23B33A;
            color: #fff;
            border-radius: 50%;

            /* GLOW MAIS FORTE */
            box-shadow:
                0 10px 30px rgba(37, 211, 102, 0.45),
                0 0 25px rgba(37, 211, 102, 0.65);

            text-decoration: none;
            transition: transform .2s ease-out;
        }


        /* Ícone */
        .whatsapp-float .icon {
            font-size: 24px;
            z-index: 2;
        }

        /* Hover */
        .whatsapp-float:hover {
            transform: translateY(-3px) scale(1.05);
        }

        /* PULSO EXTERNO */
        .whatsapp-float::before {
            content: "";
            position: absolute;
            inset: -6px;
            /* aumenta área do pulso */
            border-radius: 50%;

            background: rgba(37, 211, 102, 0.45);

            z-index: 0;
        }

        /* Aplica animação ao pulso quando classe whatsapp-pulse é adicionada */
        .whatsapp-pulse::before {
            animation: pulseRing 1.6s infinite ease-out;
        }

        @keyframes pulseRing {
            0% {
                transform: scale(1);
                opacity: 0.9;
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.65);
            }

            60% {
                transform: scale(1.4);
                opacity: 0.2;
                box-shadow: 0 0 40px 20px rgba(37, 211, 102, 0.45);
            }

            100% {
                transform: scale(1.8);
                opacity: 0;
                box-shadow: 0 0 60px 30px rgba(37, 211, 102, 0);
            }
        }