/* Variables CSS - Colores de la Cámara de Comercio de Valencia */
:root {
	--verde-camara: #15803d;
	--amarillo-camara: #fbbf24;
	--hueso: #f9fafb;
}

/* Estilos base del body */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: var(--hueso);
	color: #111827;
}

/* Tipografía serif */
.font-serif {
	font-family: Arial, Helvetica, sans-serif;
}

/* Clases de utilidad heredadas (opcional si se usan fuera de Tailwind) */
.text-verde {
	color: var(--verde-camara);
}

.bg-verde {
	background-color: var(--verde-camara);
}

.bg-amarillo {
	background-color: var(--amarillo-camara);
}

/* Banner publicitario */
.ad-banner {
	height: 180px;
	background: #e5e7eb;
	border-radius: 1rem;
	border: 1px dashed #d4d4d8;
}

/* Header Altura y visibilidad de dropdowns */
.navbar {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-container {
	overflow: visible !important;
}

header {
	overflow: visible !important;
}

/* Estilos básicos para las listas de navegación */
nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Suavizar la aparición de submenús en Desktop */
.group:hover>ul {
	display: block;
	animation: fadeIn 0.15s ease-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Asegurar que los botones del menú no tengan estilos de botón por defecto */
nav button {
	background: none;
	border: none;
	cursor: pointer;
	font-family: inherit;
	padding: 0;
}

/* Smooth scroll para los enlaces internos */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 5rem;
	/* Espacio para el header sticky */
}