/* ============================================================
   SEGURADORAS — carrossel 3D (anel giratório) — Proteção Brasil
   ============================================================ */

.segs{position:relative;overflow:hidden;background:#ffffff}
.segs .wrap{position:relative;z-index:2}
.segs .eyebrow{color:var(--ouro-esc)}
.segs h2.tt{color:var(--azul)}
.segs h2.tt em{color:var(--ouro-esc)}
.segs .sub{text-align:center;color:#4a5a7d;max-width:540px;margin:0 auto 8px;font-size:.95rem}

/* palco 3D */
.scene{display:grid;overflow:hidden;perspective:40em;margin-top:30px;
  font-size:clamp(1.5rem,10vw,2rem);    /* logos ENORMES já no celular */
  height:13em;                          /* só a altura do card (16/11) + folga p/ sombra */
  -webkit-mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000);
          mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}
/* no PC: largura completa (cards maiores, quase de ponta a ponta), sem esticar
   a altura da seção — mesma lógica, só a folga necessária pra sombra */
@media (min-width:768px){
  .scene{font-size:1.9rem;height:14.5em;perspective:52em;
    -webkit-mask:linear-gradient(90deg,#0000,#000 2% 98%,#0000);
            mask:linear-gradient(90deg,#0000,#000 2% 98%,#0000)}
}
.ring3d{place-self:center;display:grid;transform-style:preserve-3d;
  animation:seg-spin 38s linear infinite}
.scene:hover .ring3d{animation-play-state:paused}
@keyframes seg-spin{to{rotate:y 1turn}}

.seg-card{
  --w:13em;                             /* largura base do card */
  --ba:calc(1turn / var(--n));          /* ângulo entre cards */
  grid-area:1 / 1;                      /* empilha todos na mesma célula */
  width:var(--w);aspect-ratio:16/11;
  display:flex;align-items:center;justify-content:center;padding:.5em .9em;
  background:linear-gradient(180deg,#ffffff,#f4f7ff);border-radius:1.1em;
  border:1px solid rgba(14,28,71,.12);
  box-shadow:0 18px 38px rgba(14,28,71,.16);
  backface-visibility:hidden;           /* não mostra o verso dos cards da frente */
  transform:
    rotatey(calc(var(--i) * var(--ba)))
    translatez(calc(-1 * (.5*var(--w) + .8em) / tan(.5*var(--ba))))}
.seg-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

@media (prefers-reduced-motion:reduce){
  .ring3d{animation-duration:140s}
}