/*
Theme Name: Enerxium Systems
Text Domain: enerxium-systems
Description: Tema corporativo de Enerxium Sistemas Energéticos. Diseño industrial, técnico y orientado a conversión.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

.ex-mobile-menu {
	position: relative;
	display: none;
}

.ex-mobile-menu > summary {
	list-style: none;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	padding: .62rem .9rem;
	color: #fff;
	font-size: .875rem;
	font-weight: 600;
}

.ex-mobile-menu > summary::-webkit-details-marker {
	display: none;
}

.ex-mobile-menu-panel {
	position: absolute;
	top: calc(100% + .65rem);
	right: 0;
	min-width: 220px;
	padding: .55rem;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 14px;
	background: #0b1c26;
	box-shadow: 0 18px 50px rgba(0,0,0,.28);
}

.ex-mobile-menu-panel a {
	display: block;
	padding: .75rem .85rem;
	border-radius: 10px;
	color: #dbe8ed;
	text-decoration: none;
	font-size: .92rem;
}

.ex-mobile-menu-panel a:hover,
.ex-mobile-menu-panel a:focus-visible {
	background: rgba(255,255,255,.07);
	color: #fff;
}

@media (max-width: 1023px) {
	.ex-mobile-menu {
		display: block;
	}
}

.ex-logo-crop {
	position: relative;
	display: block;
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
}

.ex-logo-crop img {
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	max-width: none;
	transform: translateY(-48%);
}

.ex-logo-crop--header {
	width: 235px;
	height: 58px;
}

.ex-logo-crop--footer {
	width: 270px;
	height: 67px;
}

@media (max-width: 639px) {
	header .ex-shell {
		gap: .6rem;
	}
	.ex-logo-crop--header {
		width: 176px;
		height: 44px;
	}
	.ex-logo-crop--footer {
		width: 220px;
		height: 55px;
	}
}