/**
 * PSB-PORTAL-ASIDE-HOTFIX06 — columna derecha sin capas montadas al hacer scroll.
 *
 * Causa: sticky en contenedor + sticky en hijos (.psb-pres-live-price, price-zone).
 * Regla: un solo sticky (contenedor) o scroll de página; tarjetas internas siempre static.
 */

/* —— Stack vertical coherente —— */
body.psb-pres-portal-shell .psb-pres-panel__aside .psb-portal-side,
body.psb-pres-portal-shell .psb-pres-panel__aside .psb-pres-col-operativa,
body.psb-pres-portal-shell .psb-config-visual-shell__price-zone .psb-config-price-panel,
body.psb-pres-portal-shell .psb-config-visual-shell__price-zone .psb-pres-col-operativa {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	height: auto;
	overflow: visible;
	position: static;
	top: auto;
	z-index: auto;
	transform: none;
}

body.psb-pres-portal-shell .psb-portal-side__inner {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: auto;
	overflow: visible;
	position: static;
	top: auto;
	z-index: auto;
	transform: none;
}

body.psb-pres-portal-shell .psb-portal-side__inner > * {
	margin-bottom: 0;
}

/* —— Tarjetas internas: nunca sticky/fixed —— */
body.psb-pres-portal-shell .psb-pres-col-operativa > *,
body.psb-pres-portal-shell .psb-portal-side__inner > *,
body.psb-pres-portal-shell .psb-config-price-panel > *,
body.psb-pres-portal-shell .psb-pres-panel__aside .psb-pres-live-price,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-live-price,
body.psb-pres-portal-shell .psb-pres-cfg-2026 .psb-pres-live-price,
body.psb-pres-portal-shell .psb-pres-form2026__price,
body.psb-pres-portal-shell .psb-pres-trabajo-col-resumen,
body.psb-pres-portal-shell .psb-config-resumen,
body.psb-pres-portal-shell .psb-pres-plast-v2-preview,
body.psb-pres-portal-shell .psb-pres-shell-aside-documento {
	position: static !important;
	top: auto !important;
	bottom: auto !important;
	z-index: auto !important;
	transform: none !important;
	flex-shrink: 0;
}

/* —— Un solo sticky: contenedor columna derecha (escritorio) —— */
@media (min-width: 1024px) {
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3:not(.psb-pres-panel__grid--no-aside) > .psb-pres-panel__aside {
		position: sticky;
		top: 24px;
		align-self: start;
		max-height: none;
		overflow: visible;
		z-index: auto;
		background: #ffffff;
	}

	body.psb-pres-portal-shell .psb-config-visual-shell__price-zone {
		position: sticky;
		top: 24px;
		align-self: start;
		z-index: auto;
		max-height: none;
		overflow: visible;
	}
}

/* —— Fondo blanco; sin gradientes en columna derecha —— */
body.psb-pres-portal-shell .psb-pres-panel__aside .psb-pres-live-price,
body.psb-pres-portal-shell .psb-config-visual-shell__price-zone .psb-pres-live-price,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-live-price,
body.psb-pres-portal-shell .psb-pres-cfg-2026 .psb-pres-live-price,
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3:not(.psb-pres-panel__grid--visual-inner) > .psb-pres-panel__aside .psb-pres-live-price {
	background: #ffffff !important;
	background-image: none !important;
	box-shadow: none;
	border: 1px solid #e7e5e4;
	border-radius: 12px;
}

body.psb-pres-portal-shell .psb-pres-col-operativa .psb-pres-trabajo-col-resumen,
body.psb-pres-portal-shell .psb-portal-side .psb-pres-trabajo-col-resumen,
body.psb-pres-portal-shell .psb-portal-side .psb-config-resumen,
body.psb-pres-portal-shell .psb-portal-side .psb-pres-plast-v2-preview {
	background: #ffffff;
	border: 1px solid #e7e5e4;
	border-radius: 12px;
	box-shadow: none;
}

/* —— Tablet / móvil: sin sticky en aside —— */
@media (max-width: 1023px) {
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-panel__aside,
	body.psb-pres-portal-shell .psb-config-visual-shell__price-zone {
		position: static !important;
		top: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
}
