/* ESTB Sticky en Columna */

.estb-sticky {
	--estb-sticky-top: 20px;
	--estb-sticky-extra: 0px; /* barra de administración de WordPress */
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--estb-sticky-top) + var(--estb-sticky-extra));
	z-index: 5;
}

/* Si el padre es una fila (flex horizontal), el elemento no debe estirarse
   a todo el alto: si no, no le queda recorrido para quedarse fijo. */
.estb-sticky.estb-sticky--en-fila {
	align-self: flex-start;
}

/* Contenedor "encajado" (boxed): el .e-con-inner debe ocupar todo el alto
   de la columna para que el sticky tenga recorrido. */
.e-con > .e-con-inner:has(> .estb-sticky) {
	flex-grow: 1;
	align-self: stretch;
}

/* Barra de administración de WordPress (solo usuarios con sesión) */
@media (min-width: 783px) {
	body.admin-bar .estb-sticky { --estb-sticky-extra: 32px; }
}
@media (min-width: 601px) and (max-width: 782px) {
	body.admin-bar .estb-sticky { --estb-sticky-extra: 46px; }
}

/* Desactivar en tablet / móvil */
@media (max-width: 1024px) {
	.estb-sticky.estb-sticky-sin-tablet { position: relative; top: auto; }
}
@media (max-width: 767px) {
	.estb-sticky.estb-sticky-sin-movil { position: relative; top: auto; }
}
