/**
 * OneDB Studio — Design Tokens
 * Reemplaza el Tailwind CDN del mockup. Solo lo necesario para los widgets.
 * Todo va namespaced bajo .onedb- para no chocar con el tema/Elementor.
 */

:root {
	--onedb-orange: #ff5a00;
	--onedb-orange-dark: #e04f00;
	--onedb-dark: #1a1a1a;
	--onedb-gray: #4a4a4a;
	--onedb-white: #ffffff;
	--onedb-line: rgba(26, 26, 26, 0.15);
	--onedb-line-soft: rgba(26, 26, 26, 0.10);

	--onedb-font-sans: 'Inter', system-ui, sans-serif;
	--onedb-font-display: 'Space Grotesk', 'Inter', sans-serif;
	--onedb-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* Utilidades tipográficas reutilizables por los widgets. */
.onedb-font-display { font-family: var(--onedb-font-display); }
.onedb-font-mono { font-family: var(--onedb-font-mono); }

/* Etiqueta mono en mayúsculas (usada como kicker de sección). */
.onedb-kicker {
	font-family: var(--onedb-font-mono);
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--onedb-gray);
}

/* Botón base estilo brutalista (esquinas rectas). */
.onedb-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 2rem;
	font-family: var(--onedb-font-display);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border: 1px solid var(--onedb-dark);
	border-radius: 0;
	cursor: pointer;
	transition: all 0.25s ease;
	background: var(--onedb-dark);
	color: var(--onedb-white);
	text-decoration: none;
}
.onedb-btn:hover { background: #2b2b2b; }
.onedb-btn--ghost { background: transparent; color: var(--onedb-dark); }
.onedb-btn--ghost:hover { background: var(--onedb-dark); color: var(--onedb-white); }
.onedb-btn--orange { background: var(--onedb-orange); border-color: var(--onedb-orange); color: #fff; }
.onedb-btn--orange:hover { background: var(--onedb-orange-dark); }

/* Iconos Lucide: tamaño coherente. */
.onedb [data-lucide] { width: 1em; height: 1em; }

/* Barras de scroll premium (igual que el mockup). */
.onedb-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
.onedb-scroll::-webkit-scrollbar-track { background: #fff; }
.onedb-scroll::-webkit-scrollbar-thumb { background: var(--onedb-dark); }
.onedb-scroll::-webkit-scrollbar-thumb:hover { background: var(--onedb-orange); }

/* Contenedor genérico de sección. */
.onedb-wrap { max-width: 80rem; margin: 0 auto; }

/* Animaciones compartidas. */
@keyframes onedb-ping {
	75%, 100% { transform: scale(2); opacity: 0; }
}
@keyframes onedb-fade-in {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}
.onedb-ping {
	display: inline-block;
	border-radius: 9999px;
	animation: onedb-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}