/**
 * codeSelector. v1.2.0 — Estilos del Panel de Control en Elementor
 * Identidad visual Marketincode (#0A0A0A, #1A1A1A, #FFFFFF, #25D366, #27272A)
 */

.cs-panel-card {
	background: #0A0A0A;
	border: 1px solid #27272A;
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 6px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	color: #FFFFFF;
}

.cs-panel-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.cs-panel-logo {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1;
}

.cs-panel-logo-code {
	color: #FFFFFF;
}

.cs-panel-logo-selector {
	color: #25D366;
}

.cs-panel-version {
	font-family: 'JetBrains Mono', monospace;
	font-size: 10px;
	color: #25D366;
	border: 1px solid rgba(37, 211, 102, 0.35);
	background: rgba(37, 211, 102, 0.08);
	padding: 2px 8px;
	border-radius: 99px;
}

.cs-panel-desc {
	margin: 8px 0 10px;
	font-size: 11px;
	line-height: 1.45;
	color: #A1A1AA;
}

.cs-panel-desc strong {
	color: #FFFFFF;
	font-weight: 600;
}

.cs-panel-shortcuts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	padding-top: 8px;
	border-top: 1px solid #27272A;
	font-size: 10px;
	color: #A1A1AA;
}

.cs-shortcut-item {
	display: flex;
	align-items: center;
	gap: 5px;
	background: #141414;
	border: 1px solid #27272A;
	border-radius: 6px;
	padding: 5px 7px;
}

.cs-kbd {
	font-family: monospace;
	font-size: 9px;
	font-weight: 700;
	color: #0A0A0A;
	background: #25D366;
	padding: 1px 5px;
	border-radius: 4px;
	white-space: nowrap;
}

/* Selector rápido de secciones en la barra lateral izquierda */
.cs-section-nav {
	margin-top: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.cs-section-select {
	width: 100%;
	background: #141414 !important;
	color: #FFFFFF !important;
	border: 1px solid #27272A !important;
	border-radius: 7px !important;
	padding: 5px 8px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 11px !important;
	height: 30px !important;
	cursor: pointer;
	outline: none;
	transition: border-color 0.2s ease;
}

.cs-section-select:hover,
.cs-section-select:focus {
	border-color: #25D366 !important;
}

/* Barra de estado en vivo del Puente Visual-Código */
.cs-bridge-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 8px;
	padding: 6px 9px;
	background: #141414;
	border: 1px solid #27272A;
	border-radius: 7px;
	font-family: monospace;
	font-size: 10px;
	color: #A1A1AA;
	cursor: pointer;
	transition: border-color 0.25s ease, background 0.25s ease;
}

.cs-bridge-status:hover {
	border-color: #25D366;
}

.cs-bridge-status.is-active {
	border-color: #25D366;
	background: rgba(37, 211, 102, 0.1);
	color: #FFFFFF;
}

.cs-bridge-status-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #25D366;
	flex: 0 0 auto;
	box-shadow: 0 0 8px #25D366;
}

.cs-bridge-status-text {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cs-bridge-line-pill {
	background: #25D366;
	color: #0A0A0A;
	font-weight: 700;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 9px;
	cursor: pointer;
}

/* Contenedor del control source_code y Viewport fijo de 360px en Ace Editor */
.elementor-control-source_code,
.elementor-control-source_code .elementor-control-content,
.elementor-control-source_code .elementor-control-field,
.elementor-control-source_code .elementor-control-input-wrapper {
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	display: block !important;
}

.elementor-control-source_code .elementor-control-input-wrapper {
	min-height: 368px !important;
	padding-bottom: 8px !important;
}

.elementor-control-source_code .ace_editor {
	height: 360px !important;
	max-height: 360px !important;
	min-height: 360px !important;
	width: 100% !important;
	position: relative !important;
	border: 1px solid #27272A !important;
	border-radius: 8px !important;
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.elementor-control-source_code.cs-ace-flash .ace_editor {
	border-color: #25D366 !important;
	box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.32) !important;
}

.elementor-control-source_code .ace_editor .ace_marker-layer .ace_active-line {
	background: rgba(37, 211, 102, 0.22) !important;
	border-left: 3px solid #25D366 !important;
}

.elementor-control-source_code .ace_editor .ace_marker-layer .ace_selection {
	background: rgba(37, 211, 102, 0.38) !important;
}

/* Ocultar banners promocionales intrusivos de Elementor Pro ("Accede a todos los widgets Pro / Actualizar ahora") */
#elementor-panel-get-pro-elements,
#elementor-panel-get-pro-elements-sticky,
#elementor-panel-footer-sub-menu-item-go-pro,
#elementor-navigator__footer__promotion,
.elementor-panel-editor-sticky-promotion,
.elementor-get-pro-sticky-message,
.elementor-panel-nerd-box,
.elementor-panel-heading-promotion,
.elementor-control-raw-html.elementor-panel-nerd-box,
div[id*="elementor-panel-get-pro"],
div[class*="elementor-panel-get-pro"],
div[class*="sticky-promotion"],
.e-notice-bar {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

/* Cabecera superior y botón de colapsar la guía */
.cs-panel-top-right {
	display: flex;
	align-items: center;
	gap: 6px;
}

.cs-panel-toggle {
	background: transparent;
	border: 1px solid #27272A;
	color: #A1A1AA;
	border-radius: 99px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 10px;
	font-weight: 500;
	padding: 2px 7px;
	cursor: pointer;
	line-height: 1.2;
	transition: all 0.2s ease;
	outline: none;
}

.cs-panel-toggle:hover {
	color: #FFFFFF;
	border-color: #3F3F46;
	background: rgba(255, 255, 255, 0.04);
}

.cs-panel-card .cs-toggle-show {
	display: none;
}

.cs-panel-card .cs-toggle-hide {
	display: inline;
}

.cs-panel-card.is-collapsed .cs-toggle-show {
	display: inline;
}

.cs-panel-card.is-collapsed .cs-toggle-hide {
	display: none;
}

.cs-panel-card.is-collapsed .cs-collapsible {
	display: none !important;
}

.cs-panel-card.is-collapsed {
	padding-bottom: 10px;
	margin-bottom: 6px;
}

/* Badges Free / Pro y notas en la barra lateral */
.cs-panel-badge-pro {
	color: #FACC15 !important;
	border-color: rgba(250, 204, 21, 0.4) !important;
	background: rgba(250, 204, 21, 0.1) !important;
}

.cs-panel-badge-free {
	color: #25D366 !important;
	border-color: rgba(37, 211, 102, 0.4) !important;
	background: rgba(37, 211, 102, 0.08) !important;
}

.cs-shortcut-item--locked {
	opacity: 0.65;
	position: relative;
}

.cs-pro-lock {
	font-size: 9px;
	margin-left: auto;
	color: #FACC15;
}

.cs-pro-note {
	margin-top: 8px;
	padding: 6px 9px;
	background: rgba(250, 204, 21, 0.08);
	border: 1px solid rgba(250, 204, 21, 0.25);
	border-radius: 6px;
	font-size: 10px;
	color: #FACC15;
	line-height: 1.4;
}

.cs-pro-note strong {
	color: #FFFFFF;
	font-weight: 700;
}