/* Ciarb Carrossel — Agius Tecnologia */
.ciarb-carrossel{position:relative;overflow:hidden;width:100%;border-radius:4px;background:#f2f2f2;touch-action:pan-y}
.ciarb-carrossel__trilho{display:flex;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.ciarb-carrossel.is-arrastando .ciarb-carrossel__trilho{transition:none}
.ciarb-carrossel__slide{position:relative;flex:0 0 100%;width:100%;aspect-ratio:var(--ciarb-proporcao,16/9)}
.ciarb-carrossel__link{display:block;width:100%;height:100%}
.ciarb-carrossel__img{display:block;width:100%;height:100%;object-fit:cover}
/* Muitos temas (e o Elementor) forcam img{height:auto}, o que anula o object-fit
   e deixa faixa vazia sob a imagem. Especificidade + !important so aqui dentro. */
.ciarb-carrossel .ciarb-carrossel__slide .ciarb-carrossel__img{height:100%!important;max-width:none!important;object-fit:cover!important}

/* Setas */
.ciarb-carrossel__seta{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;
 width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#1a1a1a;background:rgba(255,255,255,.9);
 box-shadow:0 1px 6px rgba(0,0,0,.22);transition:background .2s,opacity .2s}
.ciarb-carrossel__seta:hover{background:#fff}
.ciarb-carrossel__seta:focus-visible{outline:3px solid #0b6bcb;outline-offset:2px}
.ciarb-carrossel__seta svg{width:22px;height:22px}
.ciarb-carrossel__seta--ant{left:12px}
.ciarb-carrossel__seta--prox{right:12px}
.ciarb-carrossel__seta[disabled]{opacity:.35;cursor:default}

/* Pontos */
.ciarb-carrossel__pontos{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;gap:8px;justify-content:center}
.ciarb-carrossel__ponto{width:10px;height:10px;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.55);
 box-shadow:0 0 3px rgba(0,0,0,.35);transition:background .2s,transform .2s}
.ciarb-carrossel__ponto.is-ativo{background:#fff;transform:scale(1.25)}
.ciarb-carrossel__ponto:focus-visible{outline:3px solid #0b6bcb;outline-offset:2px}

@media (max-width:600px){
 .ciarb-carrossel__seta{width:36px;height:36px}
 .ciarb-carrossel__seta svg{width:18px;height:18px}
 .ciarb-carrossel__seta--ant{left:6px}
 .ciarb-carrossel__seta--prox{right:6px}
}

/* Respeita quem pediu menos movimento no sistema */
@media (prefers-reduced-motion:reduce){
 .ciarb-carrossel__trilho{transition:none}
}

/* Sem JS: mostra o primeiro slide, nada quebra */
.ciarb-carrossel:not(.is-pronto) .ciarb-carrossel__slide:not(:first-child){display:none}