/* ============================================================
   Facturación SiNube — sistema visual "libro contable"
   Reglas finas en vez de sombras, cifras en monoespaciada,
   un solo acento (jade) reservado para lo que importa.
   ============================================================ */

.sfw-facturador {
	--sfw-ink: #16213A;
	--sfw-paper: #F6F4EE;
	--sfw-surface: #FFFFFF;
	--sfw-accent: #008CC2;
	--sfw-accent-mist: #E4F3F8;
	--sfw-rule: #DFDACB;
	--sfw-muted: #6E6A5D;
	--sfw-alert: #B4402F;
	--sfw-alert-mist: #F7E9E6;

	--sfw-serif: 'Roboto Slab', Georgia, 'Times New Roman', serif;
	--sfw-sans: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--sfw-mono: 'Roboto Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

	font-family: var(--sfw-sans);
	color: var(--sfw-ink);
	background: var(--sfw-paper);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}

.sfw-facturador > * {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.sfw-facturador .sfw-layout {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* Los modales (fondo + caja) nunca deben heredar el límite de 900px que
   centra el contenido normal de la página — si no, el fondo oscuro solo
   cubriría una franja central en pantallas anchas, en vez de la pantalla
   completa. */
.sfw-facturador > .sfw-modal-overlay {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.sfw-facturador * { box-sizing: border-box; }

.sfw-facturador h2 {
	font-family: var(--sfw-serif);
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 4px;
	color: var(--sfw-ink);
}

.sfw-facturador h3.sfw-subtitulo {
	font-family: var(--sfw-serif);
	font-size: 18px;
	font-weight: 600;
	margin: 28px 0 4px;
	border-top: 1px solid var(--sfw-rule);
	padding-top: 20px;
}

.sfw-facturador .sfw-hint {
	color: var(--sfw-muted);
	font-size: 14px;
	margin: 0 0 18px;
	max-width: 60ch;
}

/* ---------- layout: riel + hoja ---------- */

.sfw-layout {
	display: grid;
	grid-template-columns: 190px 1fr;
	gap: 32px;
	align-items: start;
}

.sfw-rail ol {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.sfw-rail ol::before {
	content: '';
	position: absolute;
	left: 13px;
	top: 14px;
	bottom: 14px;
	width: 1px;
	background: var(--sfw-rule);
}

.sfw-rail-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	position: relative;
}

.sfw-rail-num {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	border-radius: 50%;
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--sfw-mono);
	font-size: 13px;
	color: var(--sfw-muted);
	position: relative;
	z-index: 1;
}

.sfw-rail-label {
	font-size: 14px;
	color: var(--sfw-muted);
}

.sfw-rail-item.is-active .sfw-rail-num {
	background: var(--sfw-accent);
	border-color: var(--sfw-accent);
	color: #fff;
}

.sfw-rail-item.is-active .sfw-rail-label {
	color: var(--sfw-ink);
	font-weight: 600;
}

.sfw-rail-item.is-done .sfw-rail-num {
	background: var(--sfw-accent-mist);
	border-color: var(--sfw-accent);
	color: var(--sfw-accent);
}

.sfw-rail-item.is-done .sfw-rail-num::after {
	content: '✓';
	font-size: 13px;
}

.sfw-rail-item.is-done {
	cursor: pointer;
}

.sfw-rail-item.is-done:hover .sfw-rail-label {
	color: var(--sfw-accent);
}

.sfw-sheet {
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	padding: 32px 36px;
	min-height: 360px;
}

/* ---------- inputs y botones ---------- */

.sfw-facturador label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--sfw-muted);
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: 6px;
}

.sfw-facturador input[type="text"],
.sfw-facturador input[type="email"],
.sfw-facturador input[type="number"],
.sfw-facturador input[type="password"],
.sfw-facturador input[type="date"],
.sfw-facturador textarea {
	font-family: var(--sfw-sans);
	font-size: 16px;
	color: var(--sfw-ink);
	background: var(--sfw-surface);
	border: none;
	border-bottom: 1px solid var(--sfw-rule);
	padding: 8px 2px;
	width: 100%;
	max-width: 420px;
	transition: border-color .15s ease;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
}

.sfw-facturador input:focus {
	outline: none;
	border-bottom: 2px solid var(--sfw-accent);
	padding-bottom: 7px;
}

.sfw-search { margin-bottom: 4px; }

.sfw-select {
	font-family: var(--sfw-sans);
	font-size: 15px;
	color: var(--sfw-ink);
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	padding: 11px 12px;
	width: 100%;
	max-width: 520px;
	min-height: 44px;
}

.sfw-select:focus { outline: none; border-color: var(--sfw-accent); box-shadow: 0 0 0 1px var(--sfw-accent); }

.sfw-campos-pago {
	display: flex;
	gap: 28px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.sfw-campos-pago label {
	font-size: 12px;
	color: var(--sfw-muted);
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sfw-campos-pago input {
	font-family: var(--sfw-mono);
	max-width: 140px;
}

.sfw-actions {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--sfw-rule);
}

.sfw-actions-split {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sfw-btn {
	font-family: var(--sfw-sans);
	font-size: 14px;
	font-weight: 500;
	padding: 11px 22px;
	border-radius: 2px;
	border: 1px solid var(--sfw-ink);
	background: transparent;
	color: var(--sfw-ink);
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}

.sfw-btn:hover { background: var(--sfw-accent); border-color: var(--sfw-accent); color: #fff; }

.sfw-btn-primary {
	background: var(--sfw-accent);
	border-color: var(--sfw-accent);
	color: #fff;
}

.sfw-btn-primary:hover { background: #006D97; border-color: #006D97; }

.sfw-btn-quitar {
	background: none;
	border: none;
	cursor: pointer;
	width: 30px;
	height: 30px;
	padding: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4402F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cline x1='10' y1='11' x2='10' y2='17'/%3E%3Cline x1='14' y1='11' x2='14' y2='17'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	transition: background-color .15s ease;
}

.sfw-btn-quitar:hover { background-color: var(--sfw-alert-mist); }


/* ---------- paso 1: sucursal ---------- */

.sfw-facturar-datos {
	font-family: var(--sfw-sans);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--sfw-ink);
	margin-top: 10px;
}

.sfw-facturar-datos > div + div {
	margin-top: 2px;
}

/* ---------- resultados de búsqueda (dropdown tipo ficha) ---------- */

.sfw-dropdown {
	border: 1px solid var(--sfw-rule);
	max-width: 480px;
	max-height: 260px;
	overflow-y: auto;
	margin-top: -1px;
}

.sfw-dropdown:empty { border: none; }

.sfw-dropdown-item {
	padding: 10px 14px;
	border-bottom: 1px solid var(--sfw-rule);
	cursor: pointer;
	border-left: 2px solid transparent;
	transition: border-color .1s ease, background .1s ease;
}

.sfw-dropdown-item:last-child { border-bottom: none; }

.sfw-dropdown-item:hover {
	border-left-color: var(--sfw-accent);
	background: var(--sfw-accent-mist);
}

.sfw-dropdown-item .sfw-item-titulo {
	font-family: var(--sfw-sans);
	font-size: 15px;
	font-weight: 700;
	color: var(--sfw-ink);
}

.sfw-dropdown-item .sfw-item-meta {
	font-family: var(--sfw-mono);
	font-size: 12px;
	color: var(--sfw-muted);
	margin-top: 2px;
}

/* ---------- ficha de cliente / línea de captura ---------- */

.sfw-cliente-card,
.sfw-captura-linea {
	background: var(--sfw-paper);
	border: 1px solid var(--sfw-rule);
	padding: 16px 18px;
	margin-top: 12px;
}

.sfw-cliente-card .sfw-item-titulo {
	font-family: var(--sfw-serif);
	font-size: 18px;
}

.sfw-cliente-card .sfw-item-meta { margin-top: 4px; }

.sfw-tags { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }

.sfw-tag {
	font-family: var(--sfw-mono);
	font-size: 11px;
	color: var(--sfw-muted);
	border: 1px solid var(--sfw-rule);
	padding: 3px 8px;
	border-radius: 2px;
}

.sfw-captura-linea .sfw-campo-inline {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	margin-right: 20px;
	font-size: 12px;
	color: var(--sfw-muted);
}

.sfw-captura-linea input { max-width: 110px; }

/* ---------- tabla ledger ---------- */

.sfw-ledger {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 14px;
}

.sfw-tabla-conceptos-wrap {
	max-height: 34vh;
	overflow-y: auto;
	margin-top: 20px;
}

.sfw-tabla-conceptos-wrap .sfw-ledger {
	margin-top: 0;
}

.sfw-tabla-conceptos-wrap thead th {
	position: sticky;
	top: 0;
	background: var(--sfw-surface);
	z-index: 1;
}

.sfw-ledger thead th {
	text-align: left;
	font-size: 11px;
	letter-spacing: .02em;
	color: var(--sfw-muted);
	font-weight: 500;
	padding: 0 8px 8px;
	border-bottom: 1px solid var(--sfw-ink);
}

.sfw-ledger td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--sfw-rule);
	vertical-align: middle;
}

.sfw-ledger .sfw-num,
.sfw-ledger td:nth-child(3),
.sfw-ledger td:nth-child(4),
.sfw-ledger td:nth-child(5) {
	font-family: var(--sfw-mono);
	text-align: right;
	white-space: nowrap;
}

/* Tablas de "Existencias y lotes" (frontend y wp-admin) — columnas
   numéricas centradas con su encabezado, a diferencia del renglón de
   factura de arriba (.sfw-ledger), que las alinea a la derecha. */
.sfw-tabla-frontend th.sfw-num,
.sfw-tabla-frontend td.sfw-num,
.widefat th.sfw-num,
.widefat td.sfw-num {
	text-align: center;
}

/* Renglones que pertenecen a la misma factura en "Lotes facturados": sin
   línea divisoria entre ellos, solo después del último de cada grupo.
   !important porque en wp-admin compite con el borde propio de .widefat. */
.sfw-fila-agrupada td {
	border-bottom: none !important;
}

/* Montos (ej. columna Total en Historial de facturas) — alineados a la
   derecha, como es costumbre para cifras de dinero. Distinto de .sfw-num
   (centrado), que se usa para conteos/cantidades. */
.sfw-tabla-frontend th.sfw-monto,
.sfw-tabla-frontend td.sfw-monto,
.widefat th.sfw-monto,
.widefat td.sfw-monto {
	text-align: right;
}

/* Agrupa los botones de acciones (Editar/Dar de baja/Eliminar) para que,
   si no caben en una sola línea, se acomoden en filas parejas — en vez de
   que el botón que no cabe se vaya suelto hasta la izquierda. */
.sfw-btn-grupo {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.sfw-lote-tag {
	display: inline-block;
	margin-left: 6px;
	font-family: var(--sfw-mono);
	font-size: 12px;
	color: var(--sfw-accent);
	background: var(--sfw-accent-mist);
	padding: 1px 6px;
	border-radius: 2px;
}

/* ---------- avisos ---------- */

.sfw-aviso {
	background: #FBF3E0;
	border-left: 3px solid #B98A1E;
	padding: 12px 16px;
	font-size: 14px;
	margin: 14px 0;
}

.sfw-error {
	background: var(--sfw-alert-mist);
	border-left: 3px solid var(--sfw-alert);
	padding: 12px 16px;
	font-size: 14px;
	color: var(--sfw-alert);
	margin: 14px 0;
}

/* ---------- resumen de totales ---------- */

.sfw-totales {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--sfw-rule);
	max-width: 340px;
	margin-left: auto;
}

.sfw-totales-fila {
	display: flex;
	justify-content: space-between;
	font-family: var(--sfw-mono);
	font-size: 13px;
	color: var(--sfw-muted);
	padding: 3px 0;
}

.sfw-totales-fila.sfw-total-final {
	color: var(--sfw-ink);
	font-size: 17px;
	font-weight: 600;
	border-top: 1px solid var(--sfw-ink);
	margin-top: 6px;
	padding-top: 8px;
}

/* ---------- resumen oculto (se conserva para cálculos y timbrado) ---------- */
.sfw-resumen-oculto {
	display: none !important;
}

/* ---------- vista previa: se ve como una prefactura real ---------- */

.sfw-vista-previa-factura {
	border: 1px solid var(--sfw-ink);
	padding: 28px 32px;
	background: var(--sfw-surface);
	margin-top: 0;
}

.sfw-vista-previa-factura .sfw-vp-encabezado {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	border-bottom: 2px solid var(--sfw-ink);
	padding-bottom: 14px;
	margin-bottom: 18px;
}

.sfw-vista-previa-factura .sfw-vp-titulo {
	font-family: var(--sfw-serif);
	font-size: 22px;
}

.sfw-vista-previa-factura .sfw-vp-cliente {
	font-size: 14px;
	color: var(--sfw-muted);
	margin-bottom: 4px;
}

.sfw-vista-previa-factura .sfw-vp-cliente strong {
	color: var(--sfw-ink);
	font-family: var(--sfw-serif);
	font-size: 16px;
	display: block;
}

.sfw-vista-previa-factura table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 16px;
}

.sfw-vista-previa-factura th {
	text-align: left;
	font-size: 11px;
	color: var(--sfw-muted);
	font-weight: 500;
	padding: 0 6px 8px;
	border-bottom: 1px solid var(--sfw-ink);
}

.sfw-vista-previa-factura th.sfw-num {
	text-align: right;
	font-family: var(--sfw-mono);
}

.sfw-vista-previa-factura td {
	padding: 9px 6px;
	border-bottom: 1px solid var(--sfw-rule);
	font-size: 13px;
	vertical-align: top;
}

.sfw-vista-previa-factura td.sfw-num {
	font-family: var(--sfw-mono);
	text-align: right;
	white-space: nowrap;
}

.sfw-vista-previa-factura th:nth-child(2),
.sfw-vista-previa-factura td:nth-child(2) {
	width: 14%;
}

.sfw-vista-previa-factura th:nth-child(3),
.sfw-vista-previa-factura td:nth-child(3) {
	width: 18%;
}

.sfw-vista-previa-factura th:nth-child(4),
.sfw-vista-previa-factura td:nth-child(4) {
	width: 18%;
}

/* ---------- resultado de timbrado ---------- */

.sfw-factura-emitida {
	border: 1px solid var(--sfw-rule);
	padding: 16px 18px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.sfw-factura-emitida .sfw-fe-datos { font-size: 14px; }

.sfw-factura-emitida .sfw-fe-datos .sfw-uuid {
	font-family: var(--sfw-mono);
	font-size: 12px;
	color: var(--sfw-muted);
	display: block;
	margin-top: 2px;
}

/* ---------- responsive ---------- */

@media (max-width: 720px) {
	.sfw-layout { grid-template-columns: 1fr; }
	.sfw-rail ol { display: flex; overflow-x: auto; gap: 18px; }
	.sfw-rail ol::before { display: none; }
	.sfw-rail-item { flex-direction: column; text-align: center; gap: 6px; }
	.sfw-sheet { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.sfw-facturador * { transition: none !important; }
}

/* ============================================================
   Pantallas operativas adicionales (panel, recepción de stock,
   reporte de lotes, historial) — mismo lenguaje visual que el
   asistente de factura, sin el riel de pasos.
   ============================================================ */

.sfw-facturador h3 {
	font-family: var(--sfw-serif);
	font-size: 18px;
	font-weight: 600;
	margin: 28px 0 10px;
}

.sfw-facturador > h2:first-child,
.sfw-facturador h3:first-child {
	margin-top: 0;
}

/* ---------- tablas genéricas de listado ---------- */

.sfw-tabla-frontend {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0 8px;
	font-size: 14px;
}

.sfw-tabla-frontend thead th {
	text-align: left;
	font-size: 11px;
	letter-spacing: .02em;
	color: var(--sfw-muted);
	font-weight: 500;
	padding: 0 10px 10px;
	border-bottom: 1px solid var(--sfw-ink);
}

.sfw-tabla-frontend td {
	padding: 10px;
	border-bottom: 1px solid var(--sfw-rule);
	vertical-align: top;
	font-size: 13px;
}

.sfw-tabla-frontend tbody tr:hover { background: var(--sfw-accent-mist); }

.sfw-toggle-icono {
	width: 18px;
	color: var(--sfw-muted);
	font-size: 11px;
}

.sfw-fila-detalle > td {
	background: var(--sfw-paper);
	padding: 12px 16px !important;
}

/* ---------- botones compactos (acciones de fila) ---------- */

.sfw-btn-small {
	font-size: 12px;
	padding: 6px 12px;
}

.sfw-btn-alert {
	border-color: var(--sfw-alert);
	color: var(--sfw-alert);
}

.sfw-btn-alert:hover { background: var(--sfw-alert); color: #fff; }

/* ---------- filtros en línea (reporte de lotes) ---------- */

.sfw-filtros-linea {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: 4px 0 20px;
}

.sfw-filtros-linea input[type="text"] {
	max-width: 220px;
}

/* Cada campo del filtro (etiqueta arriba + su input) es un solo bloque
   flex, y el rango de fechas ("Del ... al ...") es a su vez un solo
   bloque que agrupa sus dos campos — así ninguno de los dos se separa
   de su etiqueta ni el rango se parte a la mitad cuando el filtro
   completo tiene que envolver a la siguiente línea. */
.sfw-filtro-campo {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sfw-filtro-campo label {
	font-size: 12px;
	color: var(--sfw-muted);
	font-weight: 500;
	white-space: nowrap;
}

.sfw-filtro-rango {
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

.sfw-filtro-rango-sep {
	padding-bottom: 9px;
	color: var(--sfw-muted);
	font-size: 13px;
}

.sfw-filtro-checkbox label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	white-space: nowrap;
	padding-bottom: 1px;
}

.sfw-filtro-checkbox input[type="checkbox"] {
	width: auto;
}

.sfw-filtro-botones {
	display: flex;
	gap: 8px;
}

/* ---------- panel con pestañas ---------- */

.sfw-panel-tabs {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 28px;
	border-bottom: 1px solid var(--sfw-rule);
}

.sfw-panel-tabs a {
	font-family: var(--sfw-sans);
	font-size: 14px;
	font-weight: 500;
	padding: 10px 4px;
	margin-bottom: -1px;
	margin-right: 22px;
	text-decoration: none;
	color: var(--sfw-muted);
	border-bottom: 2px solid transparent;
	transition: color .15s ease, border-color .15s ease;
}

.sfw-panel-tabs a:hover { color: var(--sfw-ink); }

.sfw-panel-tabs a.is-active {
	color: var(--sfw-ink);
	border-bottom-color: var(--sfw-accent);
}

.sfw-panel-tab { display: none; }

/* ---------- texto tipo "estado"/estadística corta ---------- */

.sfw-stat-linea {
	font-family: var(--sfw-mono);
	font-size: 13px;
	color: var(--sfw-muted);
	margin: 0 0 20px;
}

/* ---------- formulario de recepción de stock: campos más anchos ---------- */

#sfw-stock-form-lote input[type="text"],
#sfw-stock-form-lote input[type="date"] {
	max-width: 220px;
}

/* ---------- modales del aplicativo (reemplazan alert()/confirm() del navegador) ---------- */

.sfw-modal-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(22, 33, 58, 0.45);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	z-index: 100000;
	align-items: center;
	justify-content: center;
	padding: 20px;
	/* El modal se inyecta como hijo del contenedor del shortcode que lo abrió
	   (#rf-recarga-folios-app) — si ese contenedor centra su propio texto
	   (ej. la landing page, .rf-landing), sin este reset esa alineación se
	   heredaría hacia adentro del formulario y rompería el layout normal de
	   los pasos A/B/C/D, que siempre debe leerse a la izquierda. */
	text-align: left;
}

.sfw-modal-box {
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	border-radius: 2px;
	max-width: 420px;
	width: 100%;
	padding: 26px 24px;
	font-family: var(--sfw-sans);
	color: var(--sfw-ink);
	box-shadow: 0 12px 32px rgba(22, 33, 58, 0.25);
	max-height: 90vh;
	overflow-y: auto;
}

/* Modal de solicitud: el formulario necesita más ancho para que el selector de paquetes
   y sus opciones mantengan proporciones cómodas y no envuelvan el texto innecesariamente. */
.rf-modal-overlay .rf-modal-box {
	max-width: 680px;
	width: min(680px, calc(100vw - 40px));
}

/* El dropdown de paquetes debe poder salir del contenedor del modal.
   Mientras está abierto quitamos el scroll del modal para evitar dos barras
   y evitar que la lista quede recortada por el borde inferior. */
.rf-modal-overlay .rf-modal-box.rf-dropdown-abierto {
	overflow: visible;
}

.sfw-modal-titulo {
	font-family: var(--sfw-serif);
	font-size: 19px;
	font-weight: 600;
	margin: 0 0 10px;
}

.sfw-modal-mensaje {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 22px;
	white-space: pre-line;
}

.sfw-modal-botones {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

/* ---------- pantalla de acceso (login del panel/facturación) ---------- */

.sfw-login-wrap {
	display: flex;
	justify-content: center;
	padding: 48px 16px;
}

.sfw-login-card {
	width: 100%;
	max-width: 380px;
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	border-radius: 2px;
	padding: 36px 32px;
	box-shadow: 0 2px 10px rgba(22, 33, 58, 0.06);
}

.sfw-login-card h2 {
	text-align: center;
	margin-bottom: 24px;
}

.sfw-login-card form {
	max-width: 100% !important;
}

.sfw-login-card .sfw-actions {
	border-top: none;
	padding-top: 4px;
	margin-top: 4px;
	justify-content: stretch;
}

.sfw-login-card .sfw-actions .sfw-btn {
	width: 100%;
	text-align: center;
	justify-content: center;
}

.sfw-login-card .sfw-search { margin-bottom: 0; }

.sfw-login-card label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 6px;
	color: var(--sfw-muted);
}

/* ---------- modal de captura (ej. registrar lote) ---------- */

.sfw-modal-box-form {
	max-width: 480px;
	position: relative;
	text-align: left;
}

.sfw-modal-box-ancho {
	max-width: 900px;
	width: 92vw;
	position: relative;
	text-align: left;
}

.sfw-modal-cerrar {
	position: absolute;
	top: 14px;
	right: 16px;
	background: none;
	border: none;
	font-size: 22px;
	line-height: 1;
	color: var(--sfw-muted);
	cursor: pointer;
	padding: 4px;
}

.sfw-modal-cerrar:hover { color: var(--sfw-ink); }

.sfw-modal-box-form .sfw-captura-linea {
	border: none;
	padding: 0;
	background: none;
}

.sfw-modal-box-form .sfw-item-titulo {
	font-family: var(--sfw-serif);
	font-size: 19px;
	font-weight: 600;
	margin: 0 0 4px;
	padding-right: 24px; /* espacio para no encimarse con el botón "×" */
}

/* ---------- captura de producto en modal (pensado para dedo/tableta) ---------- */

.sfw-opciones-lote {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 14px 0;
}

.sfw-opcion-lote {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	width: 100%;
	text-align: left;
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	border-radius: 4px;
	padding: 16px 18px;
	font-family: var(--sfw-sans);
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
	min-height: 56px;
	justify-content: center;
}

.sfw-opcion-lote:hover,
.sfw-opcion-lote:active {
	border-color: var(--sfw-accent);
	background: var(--sfw-accent-mist);
}

.sfw-opcion-lote-titulo {
	font-size: 16px;
	font-weight: 600;
	color: var(--sfw-ink);
}

.sfw-opcion-lote-meta {
	font-family: var(--sfw-mono);
	font-size: 13px;
	color: var(--sfw-muted);
}

.sfw-opcion-lote-ninguno {
	border-style: dashed;
}

.sfw-campo-stepper {
	margin: 18px 0;
}

.sfw-campo-stepper label,
.sfw-campo-precio label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: var(--sfw-muted);
	margin-bottom: 8px;
}

.sfw-stepper {
	display: flex;
	align-items: stretch;
	max-width: 220px;
}

.sfw-stepper-btn {
	width: 52px;
	height: 52px;
	flex: none;
	font-size: 26px;
	line-height: 1;
	font-family: var(--sfw-sans);
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-ink);
	color: var(--sfw-ink);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.sfw-stepper-btn:first-child { border-radius: 4px 0 0 4px; border-right: none; }
.sfw-stepper-btn:last-child { border-radius: 0 4px 4px 0; border-left: none; }
.sfw-stepper-btn:active { background: var(--sfw-ink); color: #fff; }

.sfw-facturador .sfw-stepper input[type="number"] {
	width: 100%;
	height: 52px;
	text-align: center;
	font-size: 20px;
	font-family: var(--sfw-mono);
	border: 1px solid var(--sfw-rule);
	border-left: none;
	border-right: none;
	max-width: none;
	padding: 0;
}

.sfw-stepper input[type="number"]::-webkit-inner-spin-button,
.sfw-stepper input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.sfw-campo-precio p {
	font-family: var(--sfw-mono);
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}

.sfw-btn-grande {
	width: 100%;
	padding: 16px 22px;
	font-size: 16px;
}

/* ---------- barra superior (reiniciar / cerrar sesión) ---------- */

.sfw-topbar {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}

.sfw-btn-chico {
	font-family: var(--sfw-sans);
	font-size: 12px;
	font-weight: 500;
	padding: 6px 12px;
	border-radius: 2px;
	border: 1px solid var(--sfw-rule);
	background: var(--sfw-surface);
	color: var(--sfw-muted);
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	line-height: 1.4;
}

.sfw-btn-chico:hover {
	border-color: var(--sfw-ink);
	color: var(--sfw-ink);
}

.sfw-sync-resultado-chico {
	font-size: 12px;
	color: var(--sfw-muted);
	align-self: center;
}


/* ---------- alta de cliente desde RFC no encontrado ---------- */
.rf-alta-opciones { display:flex; flex-direction:column; gap:10px; margin:18px 0 10px; }
.rf-alta-exito { text-align:center; padding:20px 0; }
.rf-alta-exito p { font-size:16px; margin:0 0 18px; }
.rf-alta-opciones .sfw-btn:disabled { cursor:not-allowed; }
.rf-dato-actual { background:var(--sfw-alert-mist); color:var(--sfw-ink); font-size:13px; padding:8px 12px; border-radius:4px; margin:0 0 16px; }

/* ---------- Alta de RFCs: filas dinámicas de razón social + RFC ---------- */
.rf-alta-rfcs-registro { position: relative; }
.rf-btn-quitar-registro {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: transparent;
	color: var(--sfw-muted);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	padding: 2px 4px;
}
.rf-btn-quitar-registro:hover { color: var(--sfw-alert); }
.rf-alta-panel { margin-top:14px; padding-top:14px; border-top:1px solid var(--sfw-rule); }
.rf-aviso-ia {
	display:block;
	margin:0 0 14px;
	padding:11px 13px;
	border:1px solid #e0c36a;
	border-radius:6px;
	background:#fff8df;
	color:#5f4b00;
	font-size:13px;
	line-height:1.45;
}
.rf-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.rf-grid-2 > div { min-width:0; }
.rf-ayuda { display:block; color:var(--sfw-muted); font-size:12px; line-height:1.45; margin:8px 0 14px; }
.rf-regimen-descripcion { display:block; color:var(--sfw-muted); font-size:12px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rf-form-alta-cliente label, .rf-form-constancia label { display:block; margin-top:10px; }
.rf-form-alta-cliente input, .rf-form-alta-cliente select, .rf-form-constancia input[type="file"] { width:100%; box-sizing:border-box; }
.rf-form-constancia .rf-input-constancia { position:absolute; width:1px !important; height:1px; opacity:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.rf-seleccionar-constancia { display:inline-block; margin-top:10px; }
.rf-nombre-constancia { display:block; margin-top:8px; font-size:13px; color:var(--sfw-muted); overflow-wrap:anywhere; }
@media (max-width:720px) { .rf-grid-2 { grid-template-columns:1fr; } }


.rf-cliente-rfc-status {
	display:block;
	font-size:13px;
	line-height:1.4;
	min-height:18px;
}
.rf-cliente-rfc-status.rf-cliente-validando {
	color:var(--sfw-accent);
	font-weight:600;
}
.rf-cliente-rfc-status.rf-cliente-validado {
	color:var(--sfw-accent);
}
.rf-cliente-rfc-status.rf-cliente-error {
	color:#b00;
}

.rf-overlay-cargando-full {
	/* Colores y fuente propios, no heredados — este overlay se agrega
	   directo a <body> y no siempre vive dentro de .sfw-facturador. */
	--sfw-ink: #16213A;
	--sfw-accent: #008CC2;
	--sfw-accent-mist: #E4F3F8;
	--sfw-muted: #6E6A5D;
	--sfw-surface: #FFFFFF;
	--sfw-sans: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	position: fixed;
	inset: 0;
	background: rgba(22,33,58,0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2147483647;
}
.rf-overlay-caja {
	background: var(--sfw-surface);
	padding: 28px 36px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	box-shadow: 0 10px 30px rgba(0,0,0,.3);
	font-family: var(--sfw-sans);
}
.rf-overlay-caja .rf-spinner {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 3px solid var(--sfw-accent-mist);
	border-top-color: var(--sfw-accent);
	border-radius: 50%;
	animation: rf-girar 0.7s linear infinite;
}
.rf-overlay-caja .rf-overlay-texto {
	color: var(--sfw-muted);
	font-size: 14px;
}
@keyframes rf-girar {
	to { transform: rotate(360deg); }
}

.rf-resumen-compra {
	border:1px solid var(--sfw-rule);
	background:var(--sfw-surface);
	padding:18px;
	margin-top:6px;
}
.rf-resumen-compra h4 {
	font-family:var(--sfw-serif);
	font-size:18px;
	font-weight:600;
	margin:0 0 14px;
	color:var(--sfw-ink);
}
.rf-resumen-estado {
	font-size:13px;
	color:var(--sfw-accent);
	font-weight:600;
	margin-bottom:10px;
}
.rf-resumen-fila {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:20px;
	padding:9px 0;
	border-top:1px solid var(--sfw-rule);
	font-size:14px;
	line-height:1.4;
}
.rf-resumen-fila span { color:var(--sfw-muted); }
.rf-resumen-fila strong { color:var(--sfw-ink); text-align:right; font-weight:600; }
.rf-resumen-acciones { display:flex; gap:12px; align-items:center; margin-top:10px; }
.rf-paso-nav { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:20px; }
.rf-paso-nav .sfw-btn:disabled { opacity:.5; cursor:not-allowed; }
@media (max-width:600px) {
	.rf-resumen-fila { flex-direction:column; gap:3px; }
	.rf-resumen-fila strong { text-align:left; }
}

/* ---------- formulario progresivo de solicitud ---------- */
.rf-paso-progresivo {
	margin-bottom: 18px;
}

.rf-paso-progresivo + .rf-paso-progresivo {
	padding-top: 2px;
}

.rf-paso-progresivo.rf-paso-activo {
	animation: rf-paso-aparece .18s ease-out;
}

.rf-paso-progresivo .sfw-subtitulo {
	margin-top: 18px;
}

@keyframes rf-paso-aparece {
	from { opacity: .35; transform: translateY(-3px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ---------- selector de paquetes: dropdown propio, sin UI nativa del navegador ---------- */
.rf-folio-dropdown {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.rf-folio-trigger {
	width: 100%;
	min-height: 46px;
	padding: 11px 14px;
	border: 1px solid var(--sfw-rule);
	background: var(--sfw-surface);
	color: var(--sfw-ink);
	font-family: var(--sfw-sans);
	font-size: 15px;
	text-align: left;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.rf-folio-trigger:hover,
.rf-folio-dropdown.is-open .rf-folio-trigger {
	border-color: var(--sfw-accent);
}

.rf-folio-dropdown.is-open .rf-folio-trigger {
	box-shadow: 0 0 0 1px var(--sfw-accent);
}

.rf-folio-chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--sfw-muted);
	transition: transform .15s ease;
}
.rf-folio-chevron svg { display: block; }

.rf-folio-dropdown.is-open .rf-folio-chevron {
	transform: rotate(180deg);
}

.rf-folio-menu {
	display: none;
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	top: calc(100% + 5px);
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	max-height: 300px;
	overflow-y: auto;
	box-shadow: 0 8px 22px rgba(22, 33, 58, .12);
	padding: 4px;
}

.rf-folio-dropdown.is-open .rf-folio-menu {
	display: block;
}

.rf-folio-opcion {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: transparent;
	width: 100%;
	padding: 12px 14px;
	font: inherit;
	font-size: 15px;
	min-height: 52px;
	color: var(--sfw-ink);
	text-align: left;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.rf-folio-opcion:hover,
.rf-folio-opcion:focus {
	background: var(--sfw-accent-mist);
	outline: none;
}

.rf-folio-opcion span {
	min-width: 0;
}

.rf-folio-opcion strong {
	font-family: var(--sfw-mono);
	white-space: nowrap;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
}

@media (max-width: 600px) {
	.rf-modal-overlay .rf-modal-box {
		width: calc(100vw - 24px);
		max-width: none;
		padding: 22px 18px;
	}
	.rf-folio-menu { max-height: 46vh; }
}

/* ---------- selectores progresivos Sí/No ---------- */
.rf-si-no-dropdown {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.rf-si-no-trigger {
	width: 100%;
	min-height: 46px;
	padding: 11px 14px;
	border: 1px solid var(--sfw-rule);
	background: var(--sfw-surface);
	color: var(--sfw-ink);
	font-family: var(--sfw-sans);
	font-size: 15px;
	text-align: left;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.rf-si-no-trigger:hover,
.rf-si-no-dropdown.is-open .rf-si-no-trigger {
	border-color: var(--sfw-accent);
}

.rf-si-no-menu {
	display: none;
	position: absolute;
	z-index: 1001;
	left: 0;
	right: 0;
	top: calc(100% + 5px);
	background: var(--sfw-surface);
	border: 1px solid var(--sfw-rule);
	box-shadow: 0 8px 22px rgba(22, 33, 58, .12);
	padding: 4px;
}

.rf-si-no-dropdown.is-open .rf-si-no-menu {
	display: block;
}

.rf-si-no-opcion {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: transparent;
	width: 100%;
	padding: 11px 14px;
	font: inherit;
	font-size: 15px;
	color: var(--sfw-ink);
	text-align: left;
	cursor: pointer;
}

.rf-si-no-opcion:hover,
.rf-si-no-opcion:focus {
	background: var(--sfw-accent-mist);
	outline: none;
}

.rf-si-no-opcion:disabled {
	opacity: .45;
	cursor: not-allowed;
	background: transparent;
}

.rf-si-no-opcion:disabled:hover,
.rf-si-no-opcion:disabled:focus {
	background: transparent;
}

/* ---------- posicionamiento robusto de dropdowns personalizados ----------
   El menú se posiciona respecto al viewport para que nunca quede recortado
   por el alto/scroll interno del modal. Solo el menú puede tener scroll. */
.rf-folio-menu.rf-menu-posicionado,
.rf-si-no-menu.rf-menu-posicionado {
	position: fixed !important;
	z-index: 100500;
	left: auto;
	right: auto;
	top: auto;
	max-height: 300px;
	overflow-y: auto;
	box-sizing: border-box;
}

.rf-si-no-menu.rf-menu-posicionado {
	max-height: 160px;
}

/* ---------- Landing page (shortcode [rf_landing]) ---------- */

.rf-landing {
	background: #fff;
	max-width: none;
	width: 100%;
	margin: 0;
	/* Espaciado generoso en vez de min-height:100vh — forzar 100vh aquí
	   garantiza scroll de más en cuanto la página tenga cualquier cosa
	   arriba (barra de WordPress, encabezado del tema, etc.), porque esa
	   altura se sumaría a los 100vh completos. Esto se ve centrado sin
	   arriesgarse a esa barra de más. */
	padding: 90px 24px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-x: hidden;
}
.rf-landing-titulo,
.rf-landing-tarjetas {
	width: 100%;
	max-width: 980px;
}
.rf-landing-titulo {
	font-family: var(--sfw-serif);
	font-size: 34px;
	font-weight: 700;
	margin: 0 0 40px;
	color: var(--sfw-ink);
}
.rf-landing-tarjetas {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	text-align: left;
}
@media (max-width: 640px) {
	.rf-landing-tarjetas { grid-template-columns: 1fr; }
}
.rf-landing-tarjeta {
	background: #fff;
	border: 1px solid var(--sfw-rule);
	border-radius: 10px;
	padding: 36px 28px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-shadow: 0 10px 28px rgba(22,33,58,0.12);
}
.rf-landing-icono {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	background: #ECECE8;
	color: #9A9689;
}
.rf-landing-icono-activa {
	background: var(--sfw-accent-mist);
	color: var(--sfw-accent);
}
.rf-landing-tarjeta h2 {
	font-family: var(--sfw-sans);
	font-size: 21px;
	font-weight: 700;
	margin: 0 0 22px;
	flex-grow: 1;
	color: var(--sfw-ink);
}
.rf-landing-boton {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}