.elementor .psys-topbar-item-wrap{selector {
width: 100%;
background: #06232c;
border-top: 1px solid rgba(0, 209, 199, 0.08);
border-bottom: 1px solid rgba(0, 209, 199, 0.08);
position: relative;
z-index: 5;
overflow: hidden;
}

/*
 * Define o container interno do widget como referência
 * para o posicionamento absoluto das setas.
 */
/*selector > .elementor-widget-container {
position: relative;
}*/
selector .elementor-widget-loop-carousel {
position: relative;
}

/* =========================================================
 ESTRUTURA BASE DO LOOP
 ========================================================= */

selector .elementor-loop-container,
selector .swiper,
selector .swiper-wrapper,
selector .swiper-slide {
height: auto;
}

selector .swiper {
overflow: hidden;
}

/*
 * Reduz a área útil do carrossel para impedir que os slides
 * passem por baixo das setas.
 */
selector .elementor-main-swiper,
selector .swiper-horizontal {
width: calc(100% - 128px);
margin-left: 64px;
margin-right: 64px;
padding: 0 !important;
overflow: hidden;
box-sizing: border-box;
}

selector .swiper-wrapper {
align-items: center;
}

selector .swiper-slide {
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0;
}

/* =========================================================
 ITEM INTERNO DO LOOP
 ========================================================= */

selector .psys-topbar-item-wrap {
width: 100%;
max-width: 1040px;
min-height: 60px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;

display: grid;
grid-template-columns: fit-content(100%) auto;
align-items: center;
justify-content: start;
column-gap: 2px;
}

/* =========================================================
 TEXTO DO POST
 ========================================================= */

selector .psys-topbar-text-zone {
min-width: 0;
max-width: 100%;
overflow: hidden;
display: flex;
align-items: center;
height: 100%;
justify-self: start;
}

selector .psys-topbar-excerpt {
min-width: 0;
max-width: 100%;
display: flex;
align-items: center;
color: rgba(255, 255, 255, 0.88);
font-size: 14px;
line-height: 1.4;
}

selector .psys-topbar-excerpt .elementor-widget-container,
selector .psys-topbar-excerpt p,
selector .psys-topbar-excerpt .elementor-heading-title {
display: block;
max-width: 100%;
margin: 0 !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.4;
}

/* =========================================================
 LINK “SAIBA MAIS”
 ========================================================= */

selector .psys-topbar-more-zone {
width: auto;
display: flex;
align-items: center;
justify-content: flex-start;
justify-self: start;
height: 100%;
}

selector .psys-topbar-more-link,
selector .psys-topbar-more-link .elementor-widget-container {
display: flex;
align-items: center;
height: 100%;
margin: 0 !important;
}

selector .psys-topbar-more-link .elementor-button,
selector .psys-topbar-more-link a {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
min-height: auto !important;
margin: 0 !important;
color: #00d1c7 !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
box-shadow: none !important;
line-height: 1 !important;
white-space: nowrap;
}

selector .psys-topbar-more-link .elementor-button:hover,
selector .psys-topbar-more-link a:hover {
text-decoration: underline !important;
}

/* =========================================================
 REMOVE ELEMENTOS ANTIGOS
 ========================================================= */

selector .psys-topbar-arrow-zone,
selector .psys-topbar-arrow-dummy,
selector .psys-topbar-category {
display: none !important;
}

/* =========================================================
 SETAS DO LOOP
 ========================================================= */

selector .elementor-swiper-button {
width: 36px;
height: 36px;
border-radius: 4px;

background: #00d1c7;
color: var(--e-global-color-primary);

top: 50%;
transform: translateY(-50%);
margin: 0;

display: flex !important;
align-items: center;
justify-content: center;

z-index: 4;
}

selector .elementor-swiper-button:hover {
background: #00b5ac;
color: var(--e-global-color-primary);
}

/* Centralização e cor dos ícones */
selector .elementor-swiper-button i,
selector .elementor-swiper-button svg {
width: 18px;
height: 18px;
display: block;
margin: 0;
font-size: 18px;
line-height: 1;
color: currentColor;
fill: currentColor;
}

/*
 * A seta esquerda permanece com o afastamento atual.
 */
selector .elementor-swiper-button-prev {
left: 20px !important;
right: auto !important;
}

/*
 * A seta direita fica alinhada à extremidade direita
 * do widget/top bar.
 */
selector .elementor-swiper-button-next {
right: 0 !important;
left: auto !important;
}

/* =========================================================
 TABLET
 ========================================================= */

@media (max-width: 1024px) {

selector .elementor-main-swiper,
selector .swiper-horizontal {
  width: calc(100% - 120px);
  margin-left: 60px;
  margin-right: 60px;
}

selector .psys-topbar-item-wrap {
  min-height: 60px;
  padding: 0 16px;
  column-gap: 2px;
}

selector .elementor-swiper-button-prev {
  left: 16px !important;
}

/*
 * Mantém a seta direita na extremidade também no tablet.
 */
selector .elementor-swiper-button-next {
  right: 0 !important;
}
}

/* =========================================================
 CELULAR
 ========================================================= */

@media (max-width: 767px) {

selector .elementor-main-swiper,
selector .swiper-horizontal {
  width: calc(100% - 96px);
  margin-left: 48px;
  margin-right: 48px;
}

selector .psys-topbar-item-wrap {
  min-height: 52px;
  padding: 0 14px;
  column-gap: 2px;
}

selector .psys-topbar-excerpt {
  font-size: 13px;
}

selector .psys-topbar-more-link .elementor-button,
selector .psys-topbar-more-link a {
  font-size: 13px !important;
}

selector .elementor-swiper-button {
  width: 32px;
  height: 32px;
}

selector .elementor-swiper-button i,
selector .elementor-swiper-button svg {
  width: 16px;
  height: 16px;
  font-size: 16px;
}

selector .elementor-swiper-button-prev {
  left: 10px !important;
}

/*
 * Mantém a seta direita na extremidade também no celular.
 */
selector .elementor-swiper-button-next {
  right: 0 !important;
}
}\n}