/* Custom CSS */

.banner{
    min-height: 60vh;
}

.banner-video{
    z-index: 0;
}

.banner-overlay{
    background: rgba(0,0,0,0.55); /* transparência sobre o vídeo */
    z-index: 1;
}

.banner-logo{
	width: 100%;
    max-width: 600px;
    padding: 10px;
}


.banner_tit{
    font-size:1.3em;
    font-weight: 700;
    margin-bottom:0px;
}

.banner_sub{
    margin-top:0px;
}

/* Escritórios */

#escritorios {
    position: relative;
}

#escritorios .office-card-image {
    height: 420px;
    background: rgba(255, 255, 255, 0.04);
}

#escritorios .office-img {
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    transition: transform .35s ease;
}

#escritorios .group-item:hover .office-img {
    transform: scale(1.05);
}

#escritorios .office-link {
    color: #fff;
    transition: all .25s ease;
}

#escritorios .office-link i {
    font-size: 1.05rem;
    line-height: 1;
}

#escritorios .office-link:hover {
    opacity: .85;
    transform: translateY(-1px);
}

#escritorios .text-white {
    color: #fff !important;
}

#escritorios .bg-white-13 {
    background: rgba(255, 255, 255, 0.13);
}

/* seção */
#produtos{
overflow:visible;
}

/* container */
.orbit-container{
position:relative;
width:90vw;
max-width:600px;
aspect-ratio:1/1;
margin:auto;
overflow:visible;
}

/* núcleo (CORRIGIDO 🔥) */
.sphere-core{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);

/* RESPONSIVO */
width:28%;
height:28%;
max-width:180px;
max-height:180px;

border-radius:50%;
background:linear-gradient(135deg,#0d6efd,#0dcaf0);

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

color:white;
font-weight:700;
font-size:clamp(12px, 2.5vw, 16px);
text-align:center;

box-shadow:0 20px 40px rgba(0,0,0,.2);

/* FICA ATRÁS DOS ITENS */
z-index:1;
}

/* círculo interno */
.sphere-core::before{
content:"";
position:absolute;
inset:10%;
border-radius:50%;
border:1px solid rgba(255,255,255,.25);
}

/* órbita */
.orbit-line{
position:absolute;
left:50%;
top:50%;

width:75%;
height:75%;

transform:translate(-50%,-50%);
border-radius:50%;
border:2px dashed rgba(13,110,253,.25);
}

/* itens (FIXOS 🔥) */
.orbit-item{
position:absolute;
transform:translate(-50%, -50%);

padding:10px 16px;

background:white;
border-radius:30px;
border:1px solid rgba(13,110,253,.2);

box-shadow:0 10px 20px rgba(0,0,0,.08);

font-weight:600;
font-size:14px;

white-space:nowrap;
max-width:none;

cursor:pointer;

/* FICA NA FRENTE */
z-index:2;
}

/* estado ativo */
.orbit-item.active{
background:#0d6efd;
color:white;
border-color:#0d6efd;
box-shadow:0 15px 35px rgba(13,110,253,.35);
transform:translate(-50%, -50%) scale(1.08);
transition:all .25s ease;
}

/* ajuste fino mobile (sem mexer na fonte) */
@media (max-width: 480px){
  .orbit-item{
    padding:8px 12px;
  }

  .sphere-core{
    width:32%;
    height:32%;
  }
}

@media screen and (max-width: 768px) {
  .cursor, .dot {
    display: none !important;
  }
}

.office-img {
  height: calc(300px + 8vw);
}