import os

css_content = """/*
Theme Name: MCZ1 Portal - News & Media
Theme URI: https://www.mcz1.com.br
Author: Reltok / Edmilson Calheiros Junior
Author URI: https://reltok.com.br
Description: Tema premium focado em performance, Mobile-First UX e otimização para Google News/AIO. Desenvolvido para o portal MCZ1 em Maceió.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: mcz1
*/

/* 1. RESET & BASE
-------------------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Google Sans Flex', 'Outfit', sans-serif;
    background-color: #f8f9fa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. UTILITIES & FIXES
-------------------------------------------------------------- */
/* Esconde scrollbar em elementos horizontais (ex: Web Stories) */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Fallback para line-clamp caso o Tailwind não carregue */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 3. ANIMAÇÕES EXCLUSIVAS MCZ1
-------------------------------------------------------------- */
/* Animação degradê na logo (Modo Escuro/Brand) */
.logo-animate {
    background: linear-gradient(90deg, #342c48 0%, #7e57c2 50%, #342c48 100%);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shine 3s linear infinite;
    display: inline-block;
}

/* Animação degradê na logo (Modo Claro/Footer) */
.logo-animate-white {
    background: linear-gradient(90deg, #ffffff 0%, #ffb3d1 50%, #ffffff 100%);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shine 3s linear infinite;
    display: inline-block;
}

@keyframes shine {
    to { background-position: 200% center; }
}

/* 4. LAYOUT & PUBLICIDADE
-------------------------------------------------------------- */
/* Banner Placeholder Pattern */
.ad-banner {
    background: repeating-linear-gradient(45deg, #e5e7eb, #e5e7eb 10px, #f3f4f6 10px, #f3f4f6 20px);
    border: 1px dashed #cbd5e1;
}

/* 5. WORDPRESS CORE CLASSES (SEO/Gutenberg)
-------------------------------------------------------------- */
/* Garante que imagens do editor fiquem responsivas e elegantes */
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 1.5rem;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 6. MOBILE FIRST UX ADJUSTMENTS
-------------------------------------------------------------- */
@media (max-width: 768px) {
    /* Ajuste de peso da fonte solicitado: menos bold no mobile para melhor leitura */
    h1, h2, h3, .font-bold {
        font-weight: 600 !important;
    }
    
    /* Espaçamentos otimizados para toque */
    .p-6 {
        padding: 1.25rem;
    }
}
"""

with open("style.css", "w", encoding="utf-8") as f:
    f.write(css_content)