diff --git a/Public/AdsensePlacement/Infrastructure/Ui/AdsensePlacementRenderer.php b/Public/AdsensePlacement/Infrastructure/Ui/AdsensePlacementRenderer.php index ec695b28..1557906e 100644 --- a/Public/AdsensePlacement/Infrastructure/Ui/AdsensePlacementRenderer.php +++ b/Public/AdsensePlacement/Infrastructure/Ui/AdsensePlacementRenderer.php @@ -332,21 +332,21 @@ final class AdsensePlacementRenderer 'width' => 'calc((100vw - var(--roi-container-width-numeric, 1320px)) / 2 - 20px)', 'height' => $height . 'px', 'display' => 'flex', - 'justify-content' => 'center', 'align-items' => 'flex-start', 'z-index' => '100', 'transition' => 'top 0.2s ease-out, opacity 0.3s ease-out', - 'overflow' => 'hidden', ]); - // Posicion rail izquierdo - 10px del borde del viewport + // Rail izquierdo: contenido alineado a la derecha (hacia el contenido) $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [ 'left' => '10px', + 'justify-content' => 'flex-end', ]); - // Posicion rail derecho - 10px del borde del viewport + // Rail derecho: contenido alineado a la izquierda (hacia el contenido) $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [ 'right' => '10px', + 'justify-content' => 'flex-start', ]); // Media query para ocultar en pantallas donde no hay espacio suficiente