@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Open+Sans:wght@400;700&display=swap');

    :root {
        --color-bg: #111111;
        --color-primary: #E53935; /* Vermelho Clássico */
        --color-secondary: #FFFFFF;
        --color-text: #E0E0E0;
        --color-surface: #1E1E1E;
        --font-heading: 'Oswald', sans-serif;
        --font-body: 'Open Sans', sans-serif;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }

    body {
        font-family: var(--font-body);
        background-color: var(--color-bg);
        color: var(--color-text);
        line-height: 1.6;
    }

    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

    /* --- HEADER --- */
    .main-header {
        background-color: var(--color-surface);
        padding: 10px 0;
        border-bottom: 4px solid var(--color-primary);
    }
    .main-header .container { display: flex; justify-content: space-between; align-items: center; }
    .logo-link img { max-height: 60px; }
    .main-nav ul { list-style: none; display: flex; align-items: center; gap: 20px; }
    .main-nav a {
        color: var(--color-secondary);
        text-decoration: none;
        font-family: var(--font-heading);
        font-size: 1.2em;
        text-transform: uppercase;
        transition: color 0.3s ease;
    }
    .main-nav a:hover { color: var(--color-primary); }
    .play-now-btn {
        background-color: var(--color-primary);
        color: var(--color-secondary) !important;
        border-radius: 5px;
        padding: 10px 20px;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }
    .play-now-btn:hover { background-color: #F44336; transform: scale(1.05); }

    /* --- HERO --- */
    .hero-section { padding: 40px 0; text-align: center; }
    .hero-section img { width: 100%; max-height: 450px; object-fit: cover; border-radius: 10px; }

    /* --- LAYOUT DE GALERIA HORIZONTAL --- */
    .page-title { font-family: var(--font-heading); font-size: 4em; text-align: center; margin-bottom: 40px; color: var(--color-secondary); text-transform: uppercase; }
    .horizontal-gallery-section { padding: 30px 0; }
    .gallery-container {
        display: flex;
        overflow-x: auto;
        padding: 20px 10px;
        gap: 20px;
        scrollbar-width: thin;
        scrollbar-color: var(--color-primary) var(--color-surface);
    }
    .gallery-container::-webkit-scrollbar { height: 8px; }
    .gallery-container::-webkit-scrollbar-track { background: var(--color-surface); }
    .gallery-container::-webkit-scrollbar-thumb { background-color: var(--color-primary); border-radius: 10px; }
    .gallery-item {
        flex: 0 0 320px; /* Largura fixa para cada item */
        background-color: var(--color-surface);
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #333;
        transition: transform 0.3s ease;
    }
    .gallery-item:hover { transform: translateY(-5px); }
    .gallery-item img { width: 100%; height: 180px; object-fit: cover; }
    .gallery-content { padding: 20px; }
    .gallery-content h2 { font-family: var(--font-heading); color: var(--color-primary); margin-bottom: 10px; font-size: 1.5em; text-transform: uppercase; }

    /* --- FOOTER --- */
    .main-footer { background-color: #000; color: #aaa; padding: 50px 0; margin-top: 40px; border-top: 4px solid var(--color-primary); }
    .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; }
    .footer-column h3 { font-family: var(--font-heading); color: var(--color-secondary); margin-bottom: 15px; font-size: 1.3em; text-transform: uppercase; }
    .footer-column ul { list-style: none; }
    .footer-column li { margin-bottom: 8px; }
    .footer-column a { color: #aaa; text-decoration: none; }
    .footer-column a:hover { color: var(--color-primary); }

    /* --- FAQ & REVIEWS --- */
    .faq-section, .review-section { padding: 30px; border-radius: 8px; background-color: var(--color-surface); margin: 40px auto; max-width: 900px; }
    .faq-item, .review-item { border-bottom: 1px solid #333; padding: 15px 0; }
    .faq-item:last-child, .review-item:last-child { border-bottom: none; }
    .faq-item h3 { font-family: var(--font-heading); color: var(--color-primary); }
    .review-item p { font-style: italic; margin-bottom: 10px; }
    .review-item span { display: block; text-align: right; font-weight: 700; color: var(--color-secondary); }