/* Supermercado Mega Oferta - Custom Dynamic Landing Page Styles */

:root {
    --primary: #FF5500;
    --secondary: #0066CC;
    --accent: #FFCC00;
    --dark: #0B0F19;
    --buttons: #E51E2B;
    --prices: #000000;
    --price-bg: #FFCC00;
    --old-price: #64748B;
    --titles: #0F172A;
    --bg: #0B0F19;
    --card-bg: #FF5500;
    --header-bg: #0B0F19;
    --header-text: #FFFFFF;
    --footer-bg: #070A11;
    --footer-text: #E2E8F0;
}

body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background-color: var(--bg);
    color: #f8fafc;
    overflow-x: hidden;
}

.font-promo {
    font-family: 'Montserrat', sans-serif;
}

/* 3D Promotional Text Effect */
.text-promo-3d {
    text-shadow: 
        0 2px 0 rgba(0,0,0,0.8),
        0 4px 0 rgba(0,0,0,0.6),
        0 6px 10px rgba(0,0,0,0.5);
}

.text-yellow-glow {
    text-shadow: 0 0 20px rgba(255, 204, 0, 0.6);
}

/* Starburst Discount Badge */
.badge-starburst {
    clip-path: polygon(
        50% 0%, 63% 15%, 82% 9%, 85% 28%, 100% 35%, 93% 53%, 100% 70%, 85% 77%, 81% 96%, 63% 90%, 50% 100%, 37% 90%, 19% 96%, 15% 77%, 0% 70%, 7% 53%, 0% 35%, 15% 28%, 18% 9%, 37% 15%
    );
}

/* Sawtooth Torn Paper Separator */
.sawtooth-divider {
    background: radial-gradient(circle, transparent, transparent 50%, #FFCC00 50%, #FFCC00 100%);
    background-size: 20px 20px;
}

.torn-paper {
    position: relative;
}
.torn-paper::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 14px;
    background: repeating-linear-gradient(
        -45deg,
        var(--accent) 0,
        var(--accent) 10px,
        transparent 10px,
        transparent 20px
    );
}

/* Price Box Design matching flyer */
.price-container-flyer {
    background-color: var(--price-bg);
    color: var(--prices);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

/* Product Card Hover Animations */
.product-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.5);
}
.product-card:hover .product-img {
    transform: scale(1.08);
}
.product-img {
    transition: transform 0.4s ease;
}

/* Animated Sound Wave Equalizer */
@keyframes soundEqualizer {
    0%, 100% { height: 4px; }
    50% { height: 22px; }
}

.equalizer-bar:nth-child(1) { animation: soundEqualizer 0.8s ease-in-out infinite; }
.equalizer-bar:nth-child(2) { animation: soundEqualizer 1.1s ease-in-out infinite 0.2s; }
.equalizer-bar:nth-child(3) { animation: soundEqualizer 0.7s ease-in-out infinite 0.4s; }
.equalizer-bar:nth-child(4) { animation: soundEqualizer 1.3s ease-in-out infinite 0.1s; }
.equalizer-bar:nth-child(5) { animation: soundEqualizer 0.9s ease-in-out infinite 0.3s; }

/* Pulse animation for live badge */
@keyframes livePulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.15); }
}
.live-pulse {
    animation: livePulse 1.8s ease-in-out infinite;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0b0f19;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f97316;
}