// Efeito constelação no fundo do site
(function () {
        const canvas=document.createElement('canvas');
        canvas.id='constellation-bg';
        document.body.appendChild(canvas);
        const ctx=canvas.getContext('2d');

        Object.assign(canvas.style, {
            position: 'fixed',
            top: '0',
            left: '0',
            zIndex: '-9999',
            pointerEvents: 'none'
        });

    function resize() {
        canvas.style.width='';
        canvas.style.height='';
        canvas.width=window.innerWidth;
        canvas.height=window.innerHeight;
    }

    window.addEventListener('resize', resize);
    resize();

    const numParticles=150;
    const particles=[];

    class Particle {
        constructor() {
            this.x=Math.random() * canvas.width;
            this.y=Math.random() * canvas.height;
            this.vx=(Math.random() - 0.5) * 1.0;
            this.vy=(Math.random() - 0.5) * 1.0;
            this.baseSize=Math.random() * 2 + 1;
            this.size=this.baseSize;
            this.baseOpacity=Math.random() * 0.5 + 0.5;
            this.opacity=this.baseOpacity;
        }

        update() {
            this.x +=this.vx;
            this.y +=this.vy;

            if (this.x < 0) this.x=canvas.width;
            if (this.x > canvas.width) this.x=0;
            if (this.y < 0) this.y=canvas.height;
            if (this.y > canvas.height) this.y=0;
        }

        draw(ctx) {
            ctx.fillStyle=`rgba(173, 216, 230, $ {
                    this.opacity
                })`; // azul gelo
            ctx.beginPath();
            ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
            ctx.fill();
        }
    }

    for (let i=0; i < numParticles; i++) {
        particles.push(new Particle());
    }

    let mouseX=-1000;
    let mouseY=-1000;

    window.addEventListener('mousemove', (e)=> {
            mouseX=e.clientX;
            mouseY=e.clientY;
        });

    function animate() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

        particles.forEach(p=> {
                const dx=p.x - mouseX;
                const dy=p.y - mouseY;
                const distance=Math.sqrt(dx * dx + dy * dy);

                if (distance < 120) {
                    const factor=1 - distance / 120;
                    p.size=p.baseSize + factor * 2;
                    p.opacity=Math.min(1, p.baseOpacity + factor * 0.5);
                }

                else {
                    p.size=p.baseSize;
                    p.opacity=p.baseOpacity;
                }

                p.update();
                p.draw(ctx);
            });

        for (let i=0; i < numParticles; i++) {
            for (let j=i + 1; j < numParticles; j++) {
                const dx=particles[i].x - particles[j].x;
                const dy=particles[i].y - particles[j].y;
                const distance=Math.sqrt(dx * dx + dy * dy);

                if (distance < 100) {
                    const alpha=1 - distance / 100;

                    ctx.strokeStyle=`rgba(173, 216, 230, $ {
                            alpha
                        })`; // azul gelo
                    ctx.lineWidth=1;
                    ctx.beginPath();
                    ctx.moveTo(particles[i].x, particles[i].y);
                    ctx.lineTo(particles[j].x, particles[j].y);
                    ctx.stroke();
                }
            }
        }

        if (mouseX !==-1000 && mouseY !==-1000) {
            particles.forEach(p=> {
                    const dx=p.x - mouseX;
                    const dy=p.y - mouseY;
                    const distance=Math.sqrt(dx * dx + dy * dy);

                    if (distance < 150) {
                        const alpha=1 - distance / 150;

                        ctx.strokeStyle=`rgba(173, 216, 230, $ {
                                alpha
                            })`; // azul gelo
                        ctx.lineWidth=1;
                        ctx.beginPath();
                        ctx.moveTo(p.x, p.y);
                        ctx.lineTo(mouseX, mouseY);
                        ctx.stroke();
                    }
                });
        }

        requestAnimationFrame(animate);
    }

    animate();
})();

// --- MÚSICA LOFI DO VOCAROO

(function () {
        const $ =document;

        const audio=document.createElement('audio');
        audio.src='https://media.vocaroo.com/mp3/16UzWVaXosQ3';
        audio.loop=true;
        audio.volume=0.5;
        audio.style.display='none';

        $.body.appendChild(audio);

        const iniciarAudio=()=> {
            audio.play().then(()=> {
                    console.log('Áudio iniciado com sucesso.');

                }).catch(e=> {
                    console.warn('Falha ao iniciar o áudio. Interação necessária.', e);
                });

            window.removeEventListener('click', iniciarAudio);
        }

        ;

        window.addEventListener('click', iniciarAudio);
    })();

const sidebar=document.createElement('div');
sidebar.style.position='fixed';
sidebar.style.bottom='80px';
sidebar.style.right='0';
sidebar.style.background='linear-gradient(180deg, #0077ff, #001f4d)'; // gradiente azul
sidebar.style.border='2px solid #00aaff'; // borda azul clara
sidebar.style.borderRadius='10px 0 0 10px';
sidebar.style.padding='20px 10px';
sidebar.style.display='flex';
sidebar.style.flexDirection='column';
sidebar.style.alignItems='center';
sidebar.style.gap='25px';
sidebar.style.zIndex='1000';
sidebar.style.width='53px';
sidebar.style.boxShadow='0 0 10px rgba(0,170,255,0.5)'; // sombra azul clara

const links=[ {
    href: 'https://discord.gg/ntENW5c7PC',
        icon: 'https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/discord.svg',
        alt: 'Discord'
}

,
{
href: 'https://www.instagram.com/ynicko_/',
    icon: 'https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/instagram.svg',
    alt: 'Instagram'
}

];

links.forEach(link=> {
        const a=document.createElement('a');
        a.href=link.href;
        a.target='_blank';
        a.style.display='block';
        a.style.width='32px';
        a.style.height='32px';

        const img=document.createElement('img');
        img.src=link.icon;
        img.alt=link.alt;
        img.style.width='100%';
        img.style.filter='invert(0.8) sepia(0.2) saturate(5) hue-rotate(180deg)'; // tons puxando para azul

        a.appendChild(img);
        sidebar.appendChild(a);
    });

document.body.appendChild(sidebar);


// Verificado
function adicionarIconeVerificado() {
    const nome='yNicko Sales';

    const spans=Array.from(document.querySelectorAll('span')).filter(span=> {
            return span.textContent.trim().toLowerCase()===nome.toLowerCase() && !span.querySelector('.verified-badge');
        });

    spans.forEach(span=> {
            const verifiedBadge=document.createElement('img');
            verifiedBadge.className='verified-badge';
            verifiedBadge.src='https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg';
            verifiedBadge.alt='Verificado';
            verifiedBadge.style.cssText=` width: 16px;
            height: 16px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 4px;
            `;
            span.appendChild(verifiedBadge);
        });
}

if (document.readyState==='loading') {
    document.addEventListener('DOMContentLoaded', adicionarIconeVerificado);
}

else {
    adicionarIconeVerificado();
}

// Powered by Ereemby removido
(function () {
        const removerPoweredBy=()=> {
            const h1s=document.querySelectorAll('h1');

            h1s.forEach(h1=> {
                    const texto=h1.textContent.trim().toLowerCase();

                    if (texto==='powered by ereemby') {
                        h1.remove();
                    }
                });
        }

        ;

        const observer=new MutationObserver(()=> removerPoweredBy());

        observer.observe(document.body, {
            childList: true, subtree: true
        });

    document.addEventListener('DOMContentLoaded', removerPoweredBy);
})();

// Banner + titulo em cima
function criarBannerBoaPlay(elemento) {
    if (elemento.querySelector('.ynicko-banner')) {
        return;
    }

    const bannerDiv=document.createElement('div');
    bannerDiv.className='ynicko-banner';
    bannerDiv.innerHTML=` <style>@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

    .ynicko-banner {
        background: rgba(18, 31, 79, 0.15);
        /* azul escuro com opacidade baixa */
        backdrop-filter: blur(8px);
        border-radius: 16px;
        box-shadow: 0 8px 20px rgba(0, 153, 255, 0.3);
        border: 2px solid #0a1b40;
        /* borda azul escura */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 32px 48px;
        font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        gap: 48px;
        max-width: 1160px;
        margin: 30px auto;
        color: #ffffff;
    }

    .ynicko-left {
        flex: 1 1 420px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 16px;
    }

    .ynicko-title {
        font-weight: 700;
        font-size: 3.2rem;
        color: #416cd9;
        margin: 0;
        white-space: nowrap;
    }

    .ynicko-description {
        font-size: 1rem;
        color: #ffffffcc;
        max-width: 400px;
        margin: 0;
        line-height: 1.3;
    }

    .ynicko-buttons {
        display: flex;
        gap: 18px;
        margin-top: 12px;
    }

    .btn-verprod {
        background: linear-gradient(270deg, #000a1a, #1c2a57);
        background-size: 400% 400%;
        animation: grad-anim 5s ease infinite;
        color: #a3b5ff;
        border: none;
        padding: 14px 28px;
        font-size: 1.1rem;
        font-weight: 600;
        border-radius: 10px;
        cursor: pointer;
        transition: filter 0.3s ease;
    }

    .btn-verprod:hover {
        filter: brightness(1.15);
    }

    .btn-suporte {
        background-color: transparent;
        border: 2px solid #416cd9;
        color: white;
        padding: 14px 28px;
        font-size: 1.1rem;
        font-weight: 600;
        border-radius: 10px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .btn-suporte:hover {
        background-color: #416cd9;
    }

    @keyframes grad-anim {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .ynicko-image {
        flex: 1 1 600px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ynicko-image img {
        max-width: 100%;
        border-radius: 16px;
        box-shadow: 0 8px 20px rgba(65, 108, 217, 0.5);
    }

    @media (max-width: 768px) {
        .ynicko-banner {
            flex-direction: column;
            padding: 24px 16px;
            gap: 24px;
        }

        .ynicko-left,
        .ynicko-image {
            flex: 1 1 100%;
            text-align: center;
            max-width: 100%;
        }

        .ynicko-description {
            max-width: 100%;
            font-size: 0.9rem;
        }

        .ynicko-title {
            font-size: 2.4rem;
            white-space: normal;
        }

        .ynicko-buttons {
            justify-content: center;
        }
    }

    </style><div class="ynicko-left"><h1 class="ynicko-title">yNicko <span>Sales</span></h1><p class="ynicko-description">Participe do nosso servidor do Discord. Anunciamos estoques e cupons toda semana ! Entre agora para ficar por dentro das novidades da yNicko Sales.</p><div class="ynicko-buttons"><button class="btn-verprod" id="ver-produtos-btn">Ver Produtos</button><button class="btn-suporte" id="suporte-btn">Suporte</button></div></div><div class="ynicko-image"><a href="#" target="self" id="banner-link"><img src="https://media.discordapp.net/attachments/1380330275375939634/1381778234290471074/banner_do_nicko-_1.png?ex=6848c0c3&is=68476f43&hm=8d05830e56222f07b880d643aae87a6e713d258356797c29c34b3c194545604b&=&format=webp&quality=lossless&width=1042&height=587" alt="Banner yNicko Sales" loading="lazy"></a></div>`;

    elemento.prepend(bannerDiv);

    // Botão Ver Produtos - ajusta o seletor para sua seção de produtos
    document.getElementById('ver-produtos-btn').addEventListener('click', ()=> {
            const targetSection=document.querySelector('.product-grid, .products, .catalog, section'); // ajuste se necessário
            const offset=100;

            if (targetSection) {
                const targetPosition=targetSection.getBoundingClientRect().top + window.pageYOffset - offset;

                window.scrollTo({
                    top: targetPosition, behavior: 'smooth'
                });
        }

        else {
            window.scrollTo({
                top: document.body.scrollHeight, behavior: 'smooth'
            });
    }
});

// Botão Suporte abre o grupo do Discord
document.getElementById('suporte-btn').addEventListener('click', ()=> {
        window.open('https://wa.me/5579991017595', '_blank');
    });

// Link do banner fixo pode ser ajustado aqui se quiser
const bannerLink=document.getElementById('banner-link');
bannerLink.href='https://ynicko.erb.digital/category/configs'; // exemplo, troque pelo seu link desejado
}

// Inicialização — observe o elemento para inserir o banner
(function () {
        const targetClass='sc-bce61202-0';
        const targetClassAlt='eqzQsx';

        const observer=new MutationObserver(()=> {
                const targetElement=document.querySelector('.' + targetClass + '.' + targetClassAlt);

                if (targetElement) {
                    criarBannerBoaPlay(targetElement);
                }
            });

        observer.observe(document.body, {
            childList: true, subtree: true
        });

    document.addEventListener('DOMContentLoaded', ()=> {
            const targetElement=document.querySelector('.' + targetClass + '.' + targetClassAlt);

            if (targetElement) {
                criarBannerBoaPlay(targetElement);
            }
        });
})();

// Icone de pix nos produtos
async function iconPix(largura, altura) {
    if (typeof largura !=='number' || typeof altura !=='number') {
        console.error("Parâmetros inválidos: 'largura' e 'altura' devem ser números.");
        return;
    }

    let count=0;
    const maxCount=30;
    const delay=500;

    const interval=setInterval(()=> {
            const elementos=document.querySelectorAll('.sc-d286c27d-23.hdHRED');

            if ( !elementos.length) return;

            elementos.forEach(elemento=> {
                    if (elemento.dataset.modified==="true") return;

                    elemento.innerHTML=` <div class="sc-d286c27d-24 eISvoc manual" data-tooltip="Entrega Manual" > <svg xmlns="http://www.w3.org/2000/svg" width="${largura}" height="${altura}" viewBox="0 0 512 512" fill="#ffffff" > <path d="M242.4 292.5C247.8 287.1 257.1 287.1 262.5 292.5L339.5 369.5C353.7 383.7 372.6 391.5 392.6 391.5H407.7L310.6 488.6C280.3 518.1 231.1 518.1 200.8 488.6L103.3 391.2H112.6C132.6 391.2 151.5 383.4 165.7 369.2L242.4 292.5zM262.5 218.9C256.1 224.4 247.9 224.5 242.4 218.9L165.7 142.2C151.5 127.1 132.6 120.2 112.6 120.2H103.3L200.7 22.76C231.1-7.586 280.3-7.586 310.6 22.76L407.8 119.9H392.6C372.6 119.9 353.7 127.7 339.5 141.9L262.5 218.9zM112.6 142.7C126.4 142.7 139.1 148.3 149.7 158.1L226.4 234.8C233.6 241.1 243 245.6 252.5 245.6C261.9 245.6 271.3 241.1 278.5 234.8L355.5 157.8C365.3 148.1 378.8 142.5 392.6 142.5H430.3L488.6 200.8C518.9 231.1 518.9 280.3 488.6 310.6L430.3 368.9H392.6C378.8 368.9 365.3 363.3 355.5 353.5L278.5 276.5C264.6 262.6 240.3 262.6 226.4 276.6L149.7 353.2C139.1 363 126.4 368.6 112.6 368.6H80.78L22.76 310.6C-7.586 280.3-7.586 231.1 22.76 200.8L80.78 142.7H112.6z" /> </svg> </div> `;

                    elemento.dataset.modified="true";
                });

            count++;

            if (count >=maxCount) {
                clearInterval(interval);
            }
        }

        , delay);
}

iconPix(24, 24);
/* ============ BY XANDYNN */

.sc-6cca1807-22.gyzsUV::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    margin-top: -2px;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48"><path fill="%234db6ac" d="M11.9,12h-0.68l8.04-8.04c2.62-2.61,6.86-2.61,9.48,0L36.78,12H36.1c-1.6,0-3.11,0.62-4.24,1.76    l-6.8,6.77c-0.59,0.59-1.53,0.59-2.12,0l-6.8-6.77C15.01,12.62,13.5,12,11.9,12z"></path><path fill="%234db6ac" d="M36.1,36h0.68l-8.04,8.04c-2.62,2.61-6.86,2.61-9.48,0L11.22,36h0.68c1.6,0,3.11-0.62,4.24-1.76    l6.8-6.77c-0.59-0.59-1.53-0.59,2.12,0l6.8,6.77C32.99,35.38,34.5,36,36.1,36z"></path><path fill="%234db6ac" d="M44.04,28.74L38.78,34H36.1c-1.07,0-2.07-0.42-2.83-1.17l-6.8-6.78c-1.36-1.36-3.58-1.36-4.94,0    l-6.8,6.78C13.97,33.58,12.97,34,11.9,34H9.22l-5.26-5.26c-2.61-2.62-2.61-6.86,0-9.48L9.22,14h2.68c1.07,0,2.07,0.42,2.83,1.17    l6.8,6.78c0.68,0.68,1.58,1.02,2.47,1.02s1.79-0.34,2.47-1.02l6.8-6.78C34.03,14.42,35.03,14,36.1,14h2.68l5.26,5.26    C46.65,21.88,46.65,26.12,44.04,28.74z"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}


/* Estilos para o personagem de suporte */
#personagem-suporte {
    animation: float 3s ease-in-out infinite;
    filter: drop-shadow(0 5px 15px rgba(20, 178, 210, ));
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 999 !important;
    position: fixed !important;
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

#personagem-suporte:hover {
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.2));
    transform: scale(1.05) translateY(-5px);
}

/* Para dispositivos mobile ajustar a posição do WhatsApp */
@media (max-width: 769px) {
    #whatsapp-popup {
        bottom: 30px;
        right: 20px;
        padding: 2px;
    }

    #personagem-suporte {
        animation: float 2s ease-in-out infinite;
        z-index: 999 !important;
        filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.2));
        bottom: 0px !important;
        right: 30px !important;
        width: 120px !important;
        height: 105px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Efeito de desfoque para o fundo */
.blur-background>*:not(#confirmation-modal):not(script) {
    filter: blur(8px);
    transition: filter 0.3s ease;
}

.blur-background>#personagem-suporte {
    filter: none !important;
}

/* Estilos para o modal */
#confirmation-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    transition: all 0.3s ease;
    padding: 15px;
    box-sizing: border-box;
}

.modal-hidden {
    opacity: 0;
    visibility: hidden;
}

.modal-visible {
    opacity: 1;
    visibility: visible;
}

.modal-content {
    background: linear-gradient(145deg, #131c2e, #1f2b42);
    color: #fff;
    width: 100%;
    max-width: 550px;
    border-radius: 24px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1);
    padding: 35px 30px;
    position: relative;
    transform: translateY(0);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    max-height: 90vh;
    overflow-y: auto;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-hidden .modal-content {
    transform: translateY(50px);
}

.close-modal {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.2s;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.05);
    z-index: 10;
}

.close-modal:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
    transform: rotate(90deg);
}

.modal-content h2 {
    margin-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 28px;
    color: #14B2DA;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.modal-body {
    margin: 20px 0;
}

.warning {
    background-color: rgba(255, 87, 34, 0.15);
    border-left: 4px solid #14B2DA;
    padding: 15px;
    margin: 15px 0;
    font-weight: bold;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateZ(0);
    position: relative;
    overflow: hidden;
}

.warning:before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 87, 34, 0.1) 0%, transparent 70%);
    opacity: 0.5;
    z-index: -1;
}

.modal-content h3 {
    font-size: 20px;
    margin: 25px 0 15px;
    color: rgba(255, 255, 255, 0.9);
    position: relative;
    padding-bottom: 8px;
    text-align: center;
}

.modal-content h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #14B2DA, transparent);
}

.schedule {
    background-color: rgba(37, 211, 102, 0.08);
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(37, 211, 102, 0.2);
}

.day {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.2s ease;
}

.day:hover {
    background-color: rgba(255, 255, 255, 0.03);
    transform: translateX(4px);
}

.day:last-child {
    border-bottom: none;
}

.day-name {
    font-weight: bold;
    color: #14B2DA.;
    letter-spacing: 0.5px;
}

/* Estilo para o dia atual destacado */
.today-only {
    background-color: rgba(8, 81, 227, 0.201);
    border-radius: 12px;
    padding: 22px;
    margin: 10px 0;
    border-left: 4px solid #14B2DA.;
    font-size: 1.1em;
    box-shadow: 0 5px 15px rgba(20, 178, 210);
    position: relative;
    overflow: hidden;
}

.today-only:before {
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 120px;
    height: 120px;
    background-color: rgba(17, 167, 213, 0.464);
    border-radius: 50%;
    z-index: 0;
}

.today-only .day-name {
    font-size: 1.4em;
    margin-bottom: 12px;
    display: block;
    color: #14B2DA.;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.day-hours-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.hora-item {
    font-weight: 600;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    position: relative;
    border-left: 3px solid rgba(20, 178, 210);
}

.hora-item:hover {
    background-color: rgba(255, 255, 255, 0.15);
    transform: translateX(4px);
}

.today-only .hora-item {
    font-size: 1.1em;
    background-color: rgba(255, 255, 255, 0.15);
    border-left: 3px solid #14B2DA.;
}

.modal-actions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.modal-actions button {
    border: none;
    border-radius: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 15px;
    padding: 15px 0;
    text-align: center;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.btn-secondary {
    background: linear-gradient(145deg, #1e2c42, #2a3c56);
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.1);
    grid-column: span 2;
}

.btn-primary {
    background: linear-gradient(145deg, #0069d9, #0055b5);
    color: #fff;
    grid-column: span 1;
}

.btn-whatsapp {
    background: linear-gradient(145deg, #14B2DA, #128c7e);
    color: #fff;
    grid-column: span 2;
}

.modal-actions button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25);
}

.modal-actions button:active {
    transform: translateY(0);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.btn-primary:before,
.btn-whatsapp:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: all 0.6s ease;
}

.btn-primary:hover:before,
.btn-whatsapp:hover:before {
    left: 100%;
}

/* Ícones para os botões */
.btn-primary:after {
    content: '';
    margin-left: 8px;
}

.btn-whatsapp:after {
    content: '';
    font-size: 1.2em;
    margin-left: 8px;
}

.btn-secondary:after {
    content: '';
    margin-left: 8px;
}

/* Estilos responsivos */
@media (max-width: 600px) {
    .modal-content {
        width: 100%;
        padding: 25px 20px;
        border-radius: 20px;
        margin: 0;
    }

    .day {
        flex-direction: column;
        padding: 15px 0;
    }

    .day-hours {
        margin-top: 5px;
        font-size: 0.9em;
    }

    .modal-actions {
        grid-template-columns: 1fr;
    }

    .btn-secondary,
    .btn-primary,
    .btn-whatsapp {
        grid-column: span 1;
        padding: 16px 0;
        font-size: 16px;
    }

    .today-only {
        padding: 18px;
    }

    .today-only .day-name {
        font-size: 1.3em;
    }

    .today-only .day-hours {
        font-size: 1.1em;
    }

    .modal-content h2 {
        font-size: 24px;
        padding-bottom: 15px;
    }

    .warning {
        padding: 15px 12px;
        font-size: 0.95em;
    }

    .close-modal {
        top: 15px;
        right: 15px;
    }

    .day-hours-container {
        gap: 8px;
    }

    .hora-item {
        padding: 6px 10px;
        font-size: 0.95em;
    }

    .today-only .hora-item {
        font-size: 1em;
    }
}

/* ============ BY XANDYNN */