/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ══════════════════════════════════════════
   1. AMAGAR TÍTOLS AUTOMÀTICS (CORREGIT)
══════════════════════════════════════════ */
main h1.entry-title,
.page-header,
.post-header {
  display: none !important;
}

/* ══════════════════════════════════════════
   2. NAVBAR GLOBAL
══════════════════════════════════════════ */
header nav,
nav {
  background: #0F0F1A !important;
  border-bottom: 1px solid #1E1E2E !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 5% !important;
  height: 70px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

.nav-logo {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}
.nav-logo span { 
  color: #00C896 !important; 
}

.nav-links {
  display: flex !important;
  gap: 28px !important;
  list-style: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #E5E7EB !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nav-links a {
  position: relative !important;
  padding-bottom: 2px !important;
  color: inherit !important;
  text-decoration: none !important;
}

.nav-links a:hover { 
  color: #FFFFFF !important; 
}

.nav-links a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important; 
  left: 0 !important;
  width: 0 !important; 
  height: 1.5px !important;
  background: #00C896 !important;
  transition: width 0.25s ease !important;
}

.nav-links a:hover::after { 
  width: 100% !important; 
}

.nav-right {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.hamburger {
  width: 20px !important;
  height: 14px !important;
  display: none !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  cursor: pointer !important;
}

.hamburger span { 
  display: block !important; 
  height: 2px !important; 
  background: #9CA3AF !important; 
  border-radius: 2px !important; 
}

/* ══════════════════════════════════════════
   3. RESPONSIVE NAVBAR
══════════════════════════════════════════ */
@media (max-width: 768px) {
  header nav,
  nav { 
    padding: 0 16px !important; 
    height: 56px !important; 
  }
  .nav-links { 
    display: none !important; 
  }
  .hamburger { 
    display: flex !important; 
  }
}