/*********************************************************/
/*CSS MODE - MRPSTUDIO 2025
/*********************************************************/
/*BANNER ROTATIVO*/
.banner-hero { width: 100%; }
.banner-viewport { position: relative; width: 100%; overflow: hidden; background-color: #000; min-height: clamp(320px, 58vh, 720px); }

.banner-track { display: flex; height: 100%; transform: translate3d(calc(var(--index) * -100%), 0, 0); transition: transform 650ms ease; will-change: transform; }
.banner-slide { flex: 0 0 100%; height: 100%; }
.banner-slide a { display: block; height: 100%; }
.banner-slide picture, .banner-slide img { display: block; width: 100%; height: 100%; }
.banner-slide img { object-fit: cover; }

.banner-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.35); background: rgba(0,0,0,0.35); cursor: pointer; z-index: 5; backdrop-filter: blur(6px); }
.banner-arrow:hover { border-color: rgba(255,255,255,0.7); background: rgba(0,0,0,0.45); }
.banner-prev { left: 14px; background-image: url(../images/icons/esquerda.png); background-repeat: no-repeat; background-position: center; background-size: 16px; }
.banner-next { right: 14px; background-image: url(../images/icons/direita.png); background-repeat: no-repeat; background-position: center; background-size: 16px; }

.banner-dots { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 10px; z-index: 6; padding: 10px 12px; border-radius: 999px; background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.18); backdrop-filter: blur(6px); }
.banner-dot { width: 10px; height: 10px; border-radius: 999px; border: 0; background: rgba(255,255,255,0.55); cursor: pointer; padding: 0; }
.banner-dot.active { background: var(--cor_2); }

@media (max-width: 950px) {
  .banner-viewport { height: clamp(260px, 46vh, 560px); }
  .banner-arrow { width: 40px; height: 40px; }
  .banner-prev, .banner-next { background-size: 14px; }
}
