.estilo_title_cat{border-radius: 3px; display: inline-block; text-transform: uppercase; font-size: 0.80em; font-weight: bold; padding: 3px 5px; color: #ffffff; background: rgb(16, 155, 3);}

        *{list-style: none; box-sizing: border-box;}
        .container_homepage {
            width: 80%;
            margin: 5% 10%;
            font-family: Arial, sans-serif;
            overflow-x: hidden; /* Impede a rolagem horizontal no body */
        }

        section{padding: 10px}

        a { text-decoration: none; }

        /* Container principal da seção */
        .featured-section {
            width: 100%;
            margin: 5% 0;
            padding: 0;
        }

        /* Título da Categoria */
        .featured-section > header {
            font-size: 1.5em;
            font-weight: bold;
            text-align: left;
            margin-bottom: 0;
        }

        header h2 {
            font-size: 1.3em;
            color: #9C090E;
            padding: 0;
        }

        /* Container das colunas */
        .column-container {
            display: flex;
            gap: 24px;
            margin-top: 2%;
        }

        /* Colunas principais */
        .side-column, .main-column {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .main-column { flex: 2; }
        .side-column { flex: 1; }

        /* Configuração dos artigos para display block */
        .side-column article, .main-column article {
            display: block;
        }

        .base_imagem{overflow: hidden; border-radius: 20px}

        /* Imagem */
        img {
            border-radius: 20px;
            width: 100%;
            object-fit: cover;
            transition: transform 0.3s ease; /* Transição suave para o efeito de zoom */
        }

        .side-column img { aspect-ratio: 1.776; }
        .main-column img { aspect-ratio: 1.5; }

        /* Efeito de zoom ao passar o mouse */
        .main-column img:hover,
        .side-column img:hover {
            transform: scale(1.05); /* Aumenta o tamanho da imagem */
        }

        .base_zoom_img{position: relative; overflow: hidden; border-radius: 10px;}
        .base_zoom_img picture{display: block; width: 100%; height: 100%; overflow: hidden;}
        .base_zoom_img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; border-radius: 10px}

        /* Títulos, subtítulos e autor */
        .title {
            color: black;
            font-family: 'Merriweather', serif;
            font-weight: 700;
            margin: 6px 0;
        }

        .subtitle {
            color: #4D4D4D;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            margin: 2px 0;
        }

        .featured-section span, .featured-section time {
            display: block;
            color: #999999;
            font-size: 0.9em;
            margin-top: 2px;
        }

        /* Container de artigos */
        .section-articles {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
        }

        /* Estilos para cada artigo */
        .section-articles article {
            flex: 1 1 22%;
            display: block;
            box-sizing: border-box;
        }

        /* Estilos internos dos artigos */
        .section-articles article header h3.title,
        .main-column .overlay h3.title {
            color: black;
            font-family: 'Merriweather', serif;
            font-weight: 700;
            margin: 4px 0;
        }

        .section-articles article header p.subtitle,
        .main-column .overlay p.subtitle {
            color: #4D4D4D;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            margin: 2px 0;
        }

        .section-articles article span,
        .section-articles article time.post-date {
            display: block;
            color: #999999;
            font-size: 0.9em;
            margin: 2px 0;
        }

        /* Proporção exata para as imagens */
        .section-articles article img { aspect-ratio: 1.776; }

        /* Overlay de gradiente na imagem */
        .main-column .news-item {
            position: relative;
            overflow: hidden;
        }

        .main-column .news-item a {
            display: block;
            position: relative;
        }

        .main-column .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px 10px 3px;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
            color: #ffffff;
            text-align: left;
            border-radius: 0 0 10px 10px ;
        }

        .main-column .overlay h3.title,
        .main-column .overlay p.subtitle {
            margin: 0;
            color: #ffffff;
        }

        .main-column .overlay h3.title { font-size: 1.2em; }
        .main-column .overlay p.subtitle { font-size: 1em; }

        @font-face {
            font-family: 'indicatu'; /* Nome que você dará à fonte */
            src: url('fonts/indicatu.woff2') format('woff2'), /* Para navegadores modernos */
            url('fonts/indicatu.woff') format('woff'), /* Para navegadores mais antigos */
            url('fonts/indicatu.ttf') format('truetype'); /* Fallback para TTF */
            font-weight: normal;
            font-style: normal;
        }

        /* Seção de data e horário */
        .date-time-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5em;
            margin-bottom: 1em;
        }

        .date-text, .time-text {
            text-align: center;
            color: #5C5C5C;
        }

        /* Título principal */
        .main-title {
            font-size: 10em;
            text-align: center;
            margin: 0;
            padding: 0;
            font-family: 'garamoud', Serif;
        }

        /* Informações de visualizações e copyright */
        .view-info {
            display: block;
            font-size: 1.2em;
            color: #5C5C5C;
            margin-top: 0.5em;
            text-align: left;
        }

        .pubs_home{margin: 2% 1% 2% 0}
        .pub_none{display: none}

        .ads_dNoneBlock{display: none}

        .site-content{
                padding-top: 0;
            }

        /* Responsividade para telas menores */
        @media (max-width: 768px) {
            .container_homepage{width: 100%; margin: 18% 0;}
            .main-column .overlay h3.title { font-size: 1em; }
            section{background: #f5f5f5}
            .ultimas_noticias_title{margin-top: 5%}
            
            .estilo_title_cat{font-size: 0.75em;}

            .ads_dNoneBlock{display: block}
            /* Responsividade para artigos */
            .section-articles article { flex: 1 1 48%; }
            .main-title {font-size: 3em;}
            .view-info {font-size: 1em; text-align: center;}
            .content_dados_site{display: flex; justify-content: center; margin: 2% 0}
            .fonte_data{font-size: 0.90em; margin: 0; padding: 0; font-weight: 700; color: #c28d06}
            .fonte_hora{font-size: 0.90em; margin: 0; padding: 0; font-weight: 700; color: #499cff}

            .column-container {flex-direction: column;}
            .side-column {order: 2;}
            .main-column {
                order: 1; /* A coluna central vai aparecer em primeiro */
            }

            .ads_order1{order: 1}
            .ads_order2{order: 2}

            .pub_none{display: block}

            #current-date{font-size: 0.90em}
            #current-time{font-size: 0.90em}
        }

        @media (max-width: 700px) {
            .site-content{
                padding-top: 0;
            }
        }

        @media (max-width: 480px) {
            .main-title {font-size: 4em;}
            .view-info {font-size: 0.9em; text-align: center;}
            .section-articles article { flex: 1 1 100%; }
        }

        /*#########################*/
        /*INFOS TOPO DA HOME*/
        /*#########################*/
        .linha_black{position: absolute; width: 100%; margin-bottom: 2%; border: solid 4px black; box-sizing: border-box}
        .linha_red{position: absolute; width: 100%; margin: 1% 0 5% 0; border: solid 2px red; box-sizing: border-box}

        .fonte_data{font-size: 1.2em; font-family: "Fira Sans", sans-serif; margin: 0; padding: 0; font-weight: 700; color: #c28d06}
        .fonte_hora{font-size: 1.2em; font-family: "Fira Sans", sans-serif; margin: 0; padding: 0; font-weight: 700; color: #499cff}
        .content_dados_site{position: relative; display: flex}
        .dados_site{padding: 0 7px 0 0}

        /*######################*/
        /*ANIMAÇÃO DAS SEÇÕES*/
        /*######################*/

        /* Animação das imagens (da esquerda para a direita) */
        .picture-slide-in {
            opacity: 0;
            transform: translateX(-100px); /* Começa da esquerda */
            transition: transform 0.5s ease, opacity 0.5s ease;
        }

        /* Animação dos títulos e subtítulos (da direita para a esquerda) */
        .title-slide-in, .subtitle-slide-in {
            opacity: 0;
            transform: translateX(100px); /* Começa da direita */
            transition: transform 0.5s ease, opacity 0.5s ease;
        }

        /* Classes de animação ao entrar na viewport */
        .animate-slide-in {
            opacity: 1;
            transform: translateX(0); /* Finaliza a animação para o centro */
        }

        .animate-title-slide-in, .animate-subtitle-slide-in {
            opacity: 1;
            transform: translateX(0); /* Finaliza a animação para o centro */
        }

        /*######################*/
        /*ANIMAÇÃO DAS SEÇÕES - FIM*/
        /*######################*/

        /*######################*/
        /*SEÇÃO FILMES*/
        /*######################*/
        /* Ajuste da imagem para parecer uma capa de filme */
        .img-film-cover {
            width: 100%;
            height: 350px !important; /* Altura aumentada para versão desktop */
            object-fit: cover;
            border-radius: 10px;
        }

        /* Altura da imagem para dispositivos móveis */
        @media (max-width: 600px) {
            .img-film-cover {
                height: 400px !important; /* Altura reduzida para mobile */
            }
        }

        /* Estilo das informações do filme em display block */
        .movie-info {
            margin-top: 10px;
        }

        .movie-info-item {
            display: block;
            color: #333;
            font-size: 0.9em;
            margin-top: 5px;
        }
        /*######################*/
        /*SEÇÃO FILMES - FIM*/
        /*######################*/

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
        }

        /* Menu Mobile e outros estilos continuam... */
        
        h3{
            font-weight: bold;
        }