/* ═══════════════════════════════════════════════════════════════
   NorteDato MultiPost App — CSS v0.5.0
   Diseño base: MultiFlowApp v7.html
   Prefijo .ndmp-app en todo para ganar vs el tema WordPress
═══════════════════════════════════════════════════════════════ */

/* ── Variables ── */
.ndmp-app {
	--nd-azul:     #4D7ACB;
	--nd-azul-h:   #3a62ad;
	--nd-azul-bg:  #eef1fb;
	--nd-azul-bd:  #d5dff5;
	--nd-naranja:  #F86B00;
	--nd-naranja-lt:#fff4ec;
	--nd-blanco:   #fff;
	--nd-fondo:    #eef0f6;
	--nd-borde:    #e0e4ef;
	--nd-txt1:     #111827;
	--nd-txt2:     #4b5563;
	--nd-txt3:     #9ca3af;
	--nd-input-bg: #f4f5f9;
	--nd-verde:    #16a34a;
	--nd-rojo:     #dc2626;
	--nd-amarillo: #d97706;
	--nd-r:        14px;
	--nd-rs:       10px;
}

.ndmp-app, .ndmp-app * { box-sizing: border-box; }

.ndmp-app {
	font-family: 'Poppins', system-ui, sans-serif;
	background: var(--nd-fondo);
	color: var(--nd-txt1);
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

/* ══ HEADER ══ */
.ndmp-app .nd-hdr {
	background: var(--nd-blanco) !important;
	border-bottom: 2px solid var(--nd-borde) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0 40px !important;
	height: 60px !important;
	box-shadow: 0 2px 12px rgba(77,122,203,.07) !important;
	margin: 0 !important;
}

.ndmp-app .nd-hdr-l {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ndmp-app .nd-logo-nd {
	height: 32px;
	width: auto;
	object-fit: contain;
	display: block;
}

.ndmp-app .nd-logo-mf {
	height: 22px;
	width: auto;
	object-fit: contain;
	display: block;
}

.ndmp-app .nd-hdr-sep {
	width: 1.5px;
	height: 26px;
	background: var(--nd-borde);
	flex-shrink: 0;
}

.ndmp-app .nd-hdr-r {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ndmp-app .nd-plan {
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 4px 12px !important;
	border-radius: 99px !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
	border: none !important;
	display: inline-block !important;
}

.ndmp-app .nd-plan-v { background: #f3f4f6 !important; color: #6b7280 !important; }
.ndmp-app .nd-plan-b { background: var(--nd-azul-bg) !important; color: var(--nd-azul) !important; }
.ndmp-app .nd-plan-p { background: var(--nd-naranja-lt) !important; color: var(--nd-naranja) !important; }

.ndmp-app .nd-av {
	width: 36px;
	height: 36px;
	background: var(--nd-azul-bg);
	border: 2px solid var(--nd-azul-bd);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 800;
	color: var(--nd-azul);
	flex-shrink: 0;
}

/* ══ BODY / CONTENEDOR ══ */
.ndmp-app .nd-body {
	max-width: 900px;
	margin: 0 auto;
	padding: 32px 24px 80px;
}

/* ══ BANNER ══ */
.ndmp-app .nd-banner {
	display: block;
	border-radius: var(--nd-r);
	overflow: hidden;
	margin-bottom: 20px;
	text-decoration: none !important;
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
	transition: transform .18s, box-shadow .18s;
}

.ndmp-app .nd-banner:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.13); }

.ndmp-app .nd-banner img { width: 100%; height: auto; display: block; }

/* ══ PAGE HEADER ══ */
.ndmp-app .nd-page-hd { padding: 24px 0 16px; }

.ndmp-app .nd-page-title {
	font-size: 26px;
	font-weight: 800;
	color: var(--nd-txt1);
	letter-spacing: -.4px;
	margin: 0 0 6px;
}

.ndmp-app .nd-page-sub {
	font-size: 14px;
	color: var(--nd-txt3);
	line-height: 1.6;
	margin: 0;
}

/* ══ COUNTER ══ */
.ndmp-app .nd-counter {
	background: var(--nd-blanco);
	border: 1.5px solid var(--nd-borde);
	border-radius: var(--nd-r);
	padding: 18px 22px;
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 24px;
	box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.ndmp-app .nd-cnt-info { flex: 1; }

.ndmp-app .nd-cnt-lbl {
	font-size: 12px;
	font-weight: 600;
	color: var(--nd-txt3);
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: .5px;
	display: block;
}

.ndmp-app .nd-cnt-bar {
	height: 6px;
	background: var(--nd-fondo);
	border-radius: 99px;
	overflow: hidden;
}

.ndmp-app .nd-cnt-fill {
	height: 100%;
	background: var(--nd-azul);
	border-radius: 99px;
	transition: width .5s;
}

.ndmp-app .nd-cnt-fill.warn { background: var(--nd-amarillo); }
.ndmp-app .nd-cnt-fill.over { background: var(--nd-rojo); }

.ndmp-app .nd-cnt-r { text-align: right; flex-shrink: 0; }

.ndmp-app .nd-cnt-num {
	font-size: 28px;
	font-weight: 800;
	color: var(--nd-txt1);
	line-height: 1;
	display: block;
}

.ndmp-app .nd-cnt-rest {
	font-size: 12px;
	color: var(--nd-txt3);
	margin-top: 2px;
	display: block;
}

/* ══ CARD ══ */
.ndmp-app .nd-card {
	background: var(--nd-blanco);
	border: 1.5px solid var(--nd-borde);
	border-radius: var(--nd-r);
	padding: 28px 26px;
	box-shadow: 0 2px 14px rgba(0,0,0,.05);
	margin-bottom: 20px;
}

.ndmp-app .nd-card-hd {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
	padding-bottom: 16px;
	border-bottom: 1.5px solid var(--nd-borde);
}

.ndmp-app .nd-card-num {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	background: var(--nd-azul);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 800;
	color: #fff;
}

.ndmp-app .nd-card-num.done { background: var(--nd-verde); }

.ndmp-app .nd-card-title {
	font-size: 17px;
	font-weight: 800;
	color: var(--nd-txt1);
	letter-spacing: -.2px;
	margin: 0;
}

.ndmp-app .nd-card-desc {
	font-size: 13px;
	color: var(--nd-txt3);
	line-height: 1.6;
	padding: 14px 0 20px;
	border-bottom: 1px solid var(--nd-fondo);
	margin-bottom: 20px;
}

/* ══ FIELDS ══ */
.ndmp-app .nd-grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.ndmp-app .nd-field { margin-bottom: 16px; }
.ndmp-app .nd-field:last-child { margin-bottom: 0; }
.ndmp-app .nd-field.full { grid-column: 1 / -1; }

.ndmp-app .nd-field label {
	display: block !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--nd-txt2) !important;
	margin-bottom: 7px !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.ndmp-app .nd-field label .req { color: var(--nd-rojo); }

.ndmp-app .nd-field input[type="text"],
.ndmp-app .nd-field input[type="number"],
.ndmp-app .nd-field input[type="email"],
.ndmp-app .nd-field input[type="tel"],
.ndmp-app .nd-field select,
.ndmp-app .nd-field textarea {
	width: 100% !important;
	background: var(--nd-input-bg) !important;
	border: 1.5px solid var(--nd-borde) !important;
	border-radius: var(--nd-rs) !important;
	color: var(--nd-txt1) !important;
	font-size: 14px !important;
	font-family: 'Poppins', sans-serif !important;
	padding: 12px 14px !important;
	outline: none !important;
	appearance: auto !important;
	-webkit-appearance: auto !important;
	display: block !important;
	transition: border-color .18s, box-shadow .18s !important;
	line-height: 1.5 !important;
	box-shadow: none !important;
}

.ndmp-app .nd-field select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b8bec9' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	padding-right: 38px !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.ndmp-app .nd-field textarea { resize: none !important; min-height: 80px !important; }

.ndmp-app .nd-field input:focus,
.ndmp-app .nd-field select:focus,
.ndmp-app .nd-field textarea:focus {
	border-color: var(--nd-azul) !important;
	background: var(--nd-blanco) !important;
	box-shadow: 0 0 0 3px rgba(77,122,203,.12) !important;
}

.ndmp-app .nd-hint {
	font-size: 12px;
	color: var(--nd-txt3);
	margin-top: 5px;
	line-height: 1.4;
}

/* ══ VENTA EXTRA ══ */
.ndmp-app .nd-venta-extra { display: none; border-top: 1.5px solid var(--nd-borde); padding-top: 20px; margin-top: 16px; }
.ndmp-app .nd-venta-extra.on { display: block; }

/* ══ BOTONES ══ */
.ndmp-app button {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	border: none !important;
	border-radius: var(--nd-rs) !important;
	cursor: pointer !important;
	padding: 12px 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	transition: all .18s !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.ndmp-app .nd-btn-blue {
	background: var(--nd-azul) !important;
	color: #fff !important;
	border: none !important;
}

.ndmp-app .nd-btn-blue:hover:not(:disabled) {
	background: var(--nd-azul-h) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 5px 16px rgba(77,122,203,.35) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.ndmp-app .nd-btn-full {
	width: 100% !important;
	padding: 15px !important;
	font-size: 15px !important;
	border-radius: var(--nd-r) !important;
}

.ndmp-app .nd-btn-out {
	background: transparent !important;
	border: 1.5px solid var(--nd-borde) !important;
	color: var(--nd-txt2) !important;
	font-size: 13px !important;
	padding: 10px 18px !important;
}

.ndmp-app .nd-btn-out:hover:not(:disabled) {
	border-color: var(--nd-azul) !important;
	color: var(--nd-azul) !important;
	background: transparent !important;
	text-decoration: none !important;
}

.ndmp-app .nd-btn-green { background: var(--nd-verde) !important; color: #fff !important; }
.ndmp-app .nd-btn-green:hover:not(:disabled) { background: #15803d !important; color: #fff !important; }

.ndmp-app .nd-btn-red {
	background: transparent !important;
	border: 1.5px solid var(--nd-rojo) !important;
	color: var(--nd-rojo) !important;
}

.ndmp-app button:disabled,
.ndmp-app button[disabled] {
	opacity: .4 !important;
	cursor: not-allowed !important;
	transform: none !important;
	box-shadow: none !important;
}

.ndmp-app .nd-brow {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 16px;
}

/* ══ LOADING ══ */
.ndmp-app .nd-ld {
	display: none;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: var(--nd-azul-bg);
	border: 1.5px solid var(--nd-azul-bd);
	border-radius: var(--nd-rs);
	font-size: 13px;
	color: var(--nd-azul);
	font-weight: 500;
	margin-bottom: 16px;
}

.ndmp-app .nd-ld.on { display: flex; }

.ndmp-app .nd-spin {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	border: 2px solid var(--nd-azul-bd);
	border-top-color: var(--nd-azul);
	border-radius: 50%;
	animation: ndmp-spin .65s linear infinite;
}

@keyframes ndmp-spin { to { transform: rotate(360deg); } }

/* ══ IA CHIPS ══ */
.ndmp-app .nd-ia-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 16px;
	align-items: center;
}

.ndmp-app .nd-ia-chip {
	background: var(--nd-azul-bg) !important;
	border: 1.5px solid var(--nd-azul-bd) !important;
	color: var(--nd-azul) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 8px 14px !important;
	border-radius: 99px !important;
	cursor: pointer !important;
	transition: all .18s !important;
}

.ndmp-app .nd-ia-chip:hover {
	background: var(--nd-azul) !important;
	color: #fff !important;
	border-color: var(--nd-azul) !important;
}

/* ══ CUERPO FINAL ══ */
.ndmp-app .nd-cuerpo-box {
	background: var(--nd-azul-bg);
	border: 1.5px solid var(--nd-azul-bd);
	border-radius: var(--nd-r);
	padding: 18px 20px;
	margin-top: 20px;
}

.ndmp-app .nd-cuerpo-t { font-size: 15px; font-weight: 700; color: var(--nd-txt1); margin: 0 0 4px; }
.ndmp-app .nd-cuerpo-d { font-size: 12px; color: var(--nd-txt3); margin: 0 0 12px; line-height: 1.5; }
.ndmp-app .nd-cuerpo-box textarea { background: var(--nd-blanco) !important; }

/* MOD IA */
.ndmp-app .nd-mod-box {
	background: #f0f4ff;
	border: 1.5px solid var(--nd-azul-bd);
	border-radius: var(--nd-r);
	padding: 18px 20px;
	margin-top: 16px;
}

.ndmp-app .nd-mod-lbl {
	font-size: 12px;
	font-weight: 700;
	color: var(--nd-azul);
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-bottom: 10px;
	display: block;
}

.ndmp-app .nd-mod-box textarea { background: var(--nd-blanco) !important; }

/* SEO BOX */
.ndmp-app .nd-seo-box {
	background: #f0fdf4;
	border: 1.5px solid #bbf7d0;
	border-radius: var(--nd-r);
	padding: 18px 20px;
	margin-top: 16px;
}

.ndmp-app .nd-seo-lbl {
	font-size: 12px;
	font-weight: 700;
	color: var(--nd-verde);
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-bottom: 12px;
	display: block;
}

.ndmp-app .nd-seo-row { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.ndmp-app .nd-seo-row:last-child { margin-bottom: 0; }
.ndmp-app .nd-seo-k { font-size: 11px; font-weight: 700; color: var(--nd-verde); letter-spacing: .5px; text-transform: uppercase; }
.ndmp-app .nd-seo-v { font-size: 13px; color: var(--nd-txt1); line-height: 1.5; }

/* ══ TABS (previews) ══ */
.ndmp-app .nd-tabs {
	display: flex;
	gap: 4px;
	background: var(--nd-fondo);
	border-radius: var(--nd-rs);
	padding: 5px;
	margin-bottom: 20px;
	overflow-x: auto;
	scrollbar-width: none;
}

.ndmp-app .nd-tabs::-webkit-scrollbar { display: none; }

.ndmp-app .nd-tab {
	flex: 1 !important;
	padding: 10px 8px !important;
	background: transparent !important;
	border: none !important;
	border-radius: 7px !important;
	color: var(--nd-txt3) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all .18s !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	white-space: nowrap !important;
	min-width: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.ndmp-app .nd-tab.on {
	background: var(--nd-blanco) !important;
	color: var(--nd-azul) !important;
	box-shadow: 0 1px 6px rgba(0,0,0,.08) !important;
}

.ndmp-app .nd-tp { display: none; }
.ndmp-app .nd-tp.on { display: block; }

/* ══ PREVIEW FACEBOOK ══ */
.ndmp-app .nd-fb { background:#fff; border:1px solid #dddfe2; border-radius:var(--nd-r); overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.ndmp-app .nd-fb-hd { display:flex; align-items:center; gap:10px; padding:14px 16px 10px; }
.ndmp-app .nd-fb-av { width:38px; height:38px; background:var(--nd-azul); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; color:#fff; flex-shrink:0; }
.ndmp-app .nd-fb-nm { font-size:14px; font-weight:700; color:#1c1e21; margin:0; }
.ndmp-app .nd-fb-mt { font-size:12px; color:#8a8d91; margin:0; }
.ndmp-app .nd-fb-bd { padding:0 16px 14px; font-size:14px; color:#1c1e21; line-height:1.6; white-space:pre-wrap; }
.ndmp-app .nd-fb-ft { padding:10px 16px; border-top:1px solid #e4e6ea; display:flex; gap:4px; }
.ndmp-app .nd-fb-bn { flex:1; background:#f0f2f5; border:none; border-radius:6px; padding:8px; color:#606770; font-size:13px; font-weight:600; text-align:center; cursor:default; }

/* ══ PREVIEW INSTAGRAM ══ */
.ndmp-app .nd-ig { background:#fff; border:1px solid #dbdbdb; border-radius:var(--nd-r); overflow:hidden; max-width:420px; margin:0 auto; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.ndmp-app .nd-ig-hd { display:flex; align-items:center; gap:10px; padding:12px 14px; }
.ndmp-app .nd-ig-ring { width:34px; height:34px; border-radius:50%; background:linear-gradient(45deg,#F86B00,#4D7ACB); padding:2px; flex-shrink:0; }
.ndmp-app .nd-ig-in { width:100%; height:100%; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:#4D7ACB; }
.ndmp-app .nd-ig-nm { font-size:13px; font-weight:700; color:#262626; margin:0; }
.ndmp-app .nd-ig-wrap { width:100%; aspect-ratio:1/1; background:var(--nd-azul-bg); display:flex; align-items:center; justify-content:center; color:var(--nd-txt3); font-size:13px; overflow:hidden; min-height:200px; }
.ndmp-app .nd-ig-ac { padding:12px 14px 4px; display:flex; gap:14px; font-size:22px; }
.ndmp-app .nd-ig-bd { padding:0 14px 16px; font-size:13px; color:#262626; line-height:1.6; white-space:pre-wrap; }

/* ══ PREVIEW WORDPRESS ══ */
.ndmp-app .nd-wp { background:#fff; border:1px solid var(--nd-borde); border-radius:var(--nd-r); overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.ndmp-app .nd-wp-bar { background:#23282d; padding:10px 14px; display:flex; align-items:center; gap:7px; }
.ndmp-app .nd-wp-dot { width:10px; height:10px; border-radius:50%; }
.ndmp-app .nd-wp-bd { padding:20px 22px; }
.ndmp-app .nd-wp-cat { font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--nd-azul); margin-bottom:10px; }
.ndmp-app .nd-wp-tit { font-size:20px; font-weight:800; color:#111; margin-bottom:12px; line-height:1.3; }
.ndmp-app .nd-wp-txt { font-size:14px; color:#555; line-height:1.8; white-space:pre-wrap; }

/* ══ PREVIEW NEWSLETTER ══ */
.ndmp-app .nd-nl { background:#fff; border:1px solid var(--nd-borde); border-radius:var(--nd-r); overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); max-width:520px; margin:0 auto; }
.ndmp-app .nd-nl-hdr { background:var(--nd-azul); padding:24px 28px; text-align:center; }
.ndmp-app .nd-nl-logo { height:36px; width:auto; }
.ndmp-app .nd-nl-bdy { padding:28px; }
.ndmp-app .nd-nl-saludo { font-size:14px; color:var(--nd-txt3); margin-bottom:12px; }
.ndmp-app .nd-nl-tit { font-size:22px; font-weight:800; color:var(--nd-txt1); margin-bottom:14px; line-height:1.3; letter-spacing:-.3px; }
.ndmp-app .nd-nl-txt { font-size:14px; color:#444; line-height:1.8; margin-bottom:20px; white-space:pre-wrap; }
.ndmp-app .nd-nl-cta { display:block !important; background:var(--nd-azul) !important; color:#fff !important; text-align:center !important; padding:14px !important; border-radius:var(--nd-rs) !important; font-weight:700 !important; font-size:14px !important; text-decoration:none !important; }
.ndmp-app .nd-nl-ft { background:var(--nd-fondo); padding:14px; text-align:center; font-size:12px; color:var(--nd-txt3); }

/* ══ PREVIEW PUBLINOTA ══ */
.ndmp-app .nd-pn { background:#fff; border:1px solid var(--nd-borde); border-radius:var(--nd-r); overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.ndmp-app .nd-pn-badge { background:var(--nd-naranja-lt); border-bottom:1px solid rgba(248,107,0,.15); padding:8px 20px; font-size:11px; font-weight:700; color:var(--nd-naranja); text-transform:uppercase; letter-spacing:.8px; }
.ndmp-app .nd-pn-bd { padding:24px; }
.ndmp-app .nd-pn-cat { font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--nd-naranja); margin-bottom:10px; }
.ndmp-app .nd-pn-tit { font-size:22px; font-weight:800; color:#111; margin-bottom:14px; line-height:1.25; letter-spacing:-.2px; }
.ndmp-app .nd-pn-txt { font-size:14px; color:#555; line-height:1.8; white-space:pre-wrap; margin-bottom:18px; }
.ndmp-app .nd-pn-wa { display:inline-flex !important; align-items:center !important; gap:8px !important; background:#25D366 !important; color:#fff !important; border-radius:var(--nd-rs) !important; padding:11px 18px !important; font-weight:700 !important; font-size:13px !important; text-decoration:none !important; }

/* ══ PREVIEW MARKETPLACE ══ */
.ndmp-app .nd-mk { background:#fff; border:1px solid var(--nd-borde); border-radius:var(--nd-r); overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.ndmp-app .nd-mk-bd { padding:18px; }
.ndmp-app .nd-mk-nm { font-size:18px; font-weight:800; color:var(--nd-txt1); margin-bottom:5px; }
.ndmp-app .nd-mk-pr { font-size:24px; font-weight:800; color:var(--nd-naranja); margin-bottom:10px; }
.ndmp-app .nd-mk-ds { font-size:13px; color:var(--nd-txt3); line-height:1.6; margin-bottom:14px; }
.ndmp-app .nd-mk-ws { display:inline-flex !important; align-items:center !important; gap:8px !important; background:#25D366 !important; color:#fff !important; border-radius:9px !important; padding:11px 18px !important; font-weight:700 !important; font-size:13px !important; text-decoration:none !important; }

/* ══ CHAR COUNT ══ */
.ndmp-app .nd-cc { font-size:11px; text-align:right; margin-top:8px; font-weight:500; color:var(--nd-txt3); }
.ndmp-app .nd-cc.wn { color:var(--nd-amarillo); }
.ndmp-app .nd-cc.ov { color:var(--nd-rojo); }

/* ══ UPLOAD ══ */
.ndmp-app .nd-upzone { border:2px dashed var(--nd-azul-bd); background:var(--nd-azul-bg); border-radius:var(--nd-r); padding:32px 20px; text-align:center; cursor:pointer; position:relative; transition:all .2s; }
.ndmp-app .nd-upzone:hover { border-color:var(--nd-azul); background:#e5ebf8; }
.ndmp-app .nd-upzone input[type="file"] { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
.ndmp-app .nd-up-ic { font-size:28px; margin-bottom:8px; display:block; }
.ndmp-app .nd-up-txt { font-size:14px; font-weight:500; color:var(--nd-txt2); }
.ndmp-app .nd-up-txt span { color:var(--nd-azul); font-weight:700; }
.ndmp-app .nd-up-sub { font-size:11px; color:var(--nd-txt3); margin-top:4px; }
.ndmp-app .nd-up-prev { display:none; max-width:100%; max-height:200px; border-radius:var(--nd-rs); margin:0 auto; object-fit:cover; }
.ndmp-app .nd-up-prev.on { display:block; }

/* ══ ESTADO (card 4) ══ */
.ndmp-app .nd-estado-b { background:var(--nd-azul-bg); border-radius:var(--nd-r); padding:16px 20px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.ndmp-app .nd-badge { display:inline-flex; align-items:center; gap:5px; padding:6px 16px; border-radius:99px; font-size:11px; font-weight:700; letter-spacing:.3px; }
.ndmp-app .nd-bd-p { background:#fffbeb; color:var(--nd-amarillo); border:1px solid rgba(217,119,6,.2); }
.ndmp-app .nd-bd-a { background:#f0fdf4; color:var(--nd-verde); border:1px solid rgba(22,163,74,.2); }
.ndmp-app .nd-bd-pub { background:var(--nd-azul-bg); color:var(--nd-azul); border:1px solid rgba(77,122,203,.2); }
.ndmp-app .nd-bd-r { background:#fef2f2; color:var(--nd-rojo); border:1px solid rgba(220,38,38,.2); }

.ndmp-app .nd-s-row { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--nd-fondo); }
.ndmp-app .nd-s-row:last-child { border-bottom:none; }
.ndmp-app .nd-s-k { font-size:13px; color:var(--nd-txt3); font-weight:500; }
.ndmp-app .nd-s-v { font-size:13px; color:var(--nd-txt1); font-weight:600; text-align:right; max-width:60%; }

/* ══ ADMIN PANEL ══ */
.ndmp-app .nd-admin-p { display:none; background:#fff4ec; border:1.5px solid rgba(248,107,0,.2); border-radius:var(--nd-r); padding:18px; margin-bottom:18px; }
.ndmp-app .nd-admin-p.on { display:block; }
.ndmp-app .nd-admin-lbl { font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--nd-naranja); margin-bottom:14px; display:block; }
.ndmp-app .nd-rec-b { display:none; background:#fef2f2; border:1.5px solid rgba(220,38,38,.15); border-radius:var(--nd-rs); padding:14px; margin-bottom:14px; }
.ndmp-app .nd-rec-b.on { display:block; }
.ndmp-app .nd-rec-lbl { font-size:11px; font-weight:700; color:var(--nd-rojo); text-transform:uppercase; margin-bottom:6px; display:block; }

/* ══ DIVIDER ══ */
.ndmp-app .nd-hr { border:none; border-top:1.5px solid var(--nd-borde); margin:22px 0; }

/* ══ WALL (sin login / acceso pendiente) ══ */
.ndmp-app .nd-wall { max-width:520px; margin:56px auto; padding:0 24px; text-align:center; }
.ndmp-app .nd-wall-ic { font-size:48px; margin-bottom:16px; display:block; }
.ndmp-app .nd-wall h3 { font-size:1.4rem; font-weight:800; color:var(--nd-txt1); margin:0 0 10px; }
.ndmp-app .nd-wall p { font-size:14px; color:var(--nd-txt2); margin:0 0 8px; }
.ndmp-app .nd-wall-btn {
	display:inline-block !important;
	margin-top:20px !important;
	padding:13px 28px !important;
	background:var(--nd-azul) !important;
	color:#fff !important;
	font-family:'Poppins',sans-serif !important;
	font-weight:700 !important;
	font-size:14px !important;
	border-radius:var(--nd-rs) !important;
	text-decoration:none !important;
	border:none !important;
	line-height:1.4 !important;
	cursor:pointer !important;
}
.ndmp-app .nd-wall-btn:hover { opacity:.88 !important; color:#fff !important; text-decoration:none !important; }
.ndmp-app .nd-wall-btn.wa { background:#25D366 !important; }

/* ══ TOAST ══ */
.ndmp-toast {
	position: fixed;
	bottom: 24px;
	right: 24px;
	padding: 13px 18px;
	border-radius: var(--nd-rs);
	font-size: 14px;
	font-weight: 600;
	display: none;
	z-index: 99999;
	max-width: 300px;
	box-shadow: 0 8px 24px rgba(0,0,0,.14);
	align-items: center;
	gap: 8px;
	font-family: 'Poppins', sans-serif;
}

.ndmp-toast.on { display: flex; }
.ndmp-toast.ok { background:#f0fdf4; border:1.5px solid #16a34a; color:#16a34a; }
.ndmp-toast.er { background:#fef2f2; border:1.5px solid #dc2626; color:#dc2626; }
.ndmp-toast.if { background:#eef1fb; border:1.5px solid #d5dff5; color:#4D7ACB; }

/* ══ RESPONSIVE ══ */
@media (max-width: 768px) {
	.ndmp-app .nd-hdr { padding: 0 16px !important; height: 52px !important; }
	.ndmp-app .nd-hdr-sep,
	.ndmp-app .nd-plan { display: none !important; }
	.ndmp-app .nd-logo-nd { height: 26px !important; }
	.ndmp-app .nd-body { padding: 16px 14px 60px; }
	.ndmp-app .nd-grid2 { grid-template-columns: 1fr; }
	.ndmp-app .nd-page-title { font-size: 22px; }
	.ndmp-app .nd-card { padding: 18px 16px; }
	.ndmp-app .nd-tabs { gap: 2px; }
	.ndmp-app .nd-tab { font-size: 11px !important; padding: 8px 6px !important; }
	.ndmp-app .nd-brow { flex-direction: column; }
	.ndmp-app .nd-brow button { width: 100% !important; }
}