/*********************************************************/
/*CSS MODE - MRPSTUDIO 2026
/*********************************************************/
/*BANNER ROTATIVO*/
.carousel { position: relative; width: 100%; margin-top: -100px; }
.carousel-item { position: absolute; width: 100%; opacity: 0; transition: opacity 0.8s ease-in-out; }
.carousel-item.active { opacity: 1; position: relative; z-index: 2; }
.carousel-item img { width: 100%; object-fit: cover; display: block; }
.carousel-control-prev, .carousel-control-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2rem; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); padding: 10px; cursor: pointer; border-radius: 5px; z-index: 10; }
.carousel-control-prev { left: 10px; }
.carousel-control-next { right: 10px; }
.carousel-control-prev:hover,
.carousel-control-next:hover { color: var(--cor_2); }