/*

Theme Name: HNG Desenvolvimentos

Theme URI: https://hngdesenvolvimentos.com.br

Author: Henricco Nosvitz Garcia

Author URI: https://hngdesenvolvimentos.com.br

Description: Tema moderno e profissional para a HNG Desenvolvimentos, focado em performance, conversão e experiência do usuário.

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: hng-theme

Tags: custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks



HNG Desenvolvimentos Theme, (C) 2025

HNG Desenvolvimentos Theme is distributed under the terms of the GNU GPL.

*/



/* ===== RESET E BASE ===== */

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html {

    scroll-behavior: smooth;

}



body {

    background-color: #050505;

    color: #ffffff;

    font-family: 'Rethink Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    line-height: 1.6;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



/* ===== GARANTIR CARREGAMENTO DO MAIN.CSS ===== */

/* O arquivo main.css contém todas as animações, glass effects e estilos customizados */

/* Este arquivo style.css é apenas o identificador do tema para WordPress */



/* Fallback caso main.css não carregue */

.glass-nav {

    background: rgba(10, 10, 10, 0.8);

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

}



.glass-card {

    background: rgba(255, 255, 255, 0.03);

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 20px;

}



/* Garantir que o tema funcione mesmo sem TailwindCSS carregado */

.container {

    width: 100%;

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 1rem;

    padding-right: 1rem;

}



@media (min-width: 640px) {

    .container {

        padding-left: 1.5rem;

        padding-right: 1.5rem;

    }

}



@media (min-width: 1024px) {

    .container {

        padding-left: 2rem;

        padding-right: 2rem;

    }

}