/*
 * Contigo Co. orbit animation — CSS compilado a partir do SCSS original.
 * Sem dependência de Sass/SCSS em produção.
 * Compatível com navegadores modernos desktop/mobile, incluindo WebKit/iOS.
 */

@keyframes contigoRotateRight {
  from { transform: rotate(0deg) translateZ(0); }
  to   { transform: rotate(360deg) translateZ(0); }
}
@-webkit-keyframes contigoRotateRight {
  from { -webkit-transform: rotate(0deg) translateZ(0); }
  to   { -webkit-transform: rotate(360deg) translateZ(0); }
}

@keyframes contigoRotateLeft {
  from { transform: rotate(0deg) translateZ(0); }
  to   { transform: rotate(-360deg) translateZ(0); }
}
@-webkit-keyframes contigoRotateLeft {
  from { -webkit-transform: rotate(0deg) translateZ(0); }
  to   { -webkit-transform: rotate(-360deg) translateZ(0); }
}

@keyframes contigoHover {
  0%, 100% { transform: translate3d(0,0,0); }
  50%      { transform: translate3d(0,4px,0); }
}
@-webkit-keyframes contigoHover {
  0%, 100% { -webkit-transform: translate3d(0,0,0); }
  50%      { -webkit-transform: translate3d(0,4px,0); }
}

@keyframes contigoBrandFloat {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50%      { transform: translate3d(0,-3px,0) scale(1.015); }
}
@-webkit-keyframes contigoBrandFloat {
  0%, 100% { -webkit-transform: translate3d(0,0,0) scale(1); }
  50%      { -webkit-transform: translate3d(0,-3px,0) scale(1.015); }
}

/* O SVG fica inline no HTML para que o CSS externo alcance os grupos internos. */
.contigo-orbit-svg {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.contigo-orbit-svg #airplane1,
.contigo-orbit-svg #airplane2,
.contigo-orbit-svg #countryObjects,
.contigo-orbit-svg #floatingGlobe,
.contigo-orbit-svg #circle1,
.contigo-orbit-svg #circle2,
.contigo-orbit-svg #circle2_1_,
.contigo-orbit-svg #circle3,
.contigo-orbit-svg #circle4,
.contigo-orbit-svg #circle5,
.contigo-orbit-svg #windmill,
.contigo-orbit-svg #cloud1,
.contigo-orbit-svg #cloud2,
.contigo-orbit-svg #cloud3,
.contigo-orbit-svg #contigoBrand {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Elementos que orbitam o centro do viewBox 400×400. */
.contigo-orbit-svg #airplane1,
.contigo-orbit-svg #airplane2,
.contigo-orbit-svg #countryObjects,
.contigo-orbit-svg #floatingGlobe,
.contigo-orbit-svg #circle1,
.contigo-orbit-svg #circle2,
.contigo-orbit-svg #circle2_1_,
.contigo-orbit-svg #circle3,
.contigo-orbit-svg #circle4,
.contigo-orbit-svg #circle5,
.contigo-orbit-svg #contigoBrand {
  transform-box: view-box;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}

.contigo-orbit-svg #airplane1,
.contigo-orbit-svg #airplane2 {
  animation: contigoRotateRight 60s linear infinite;
  -webkit-animation: contigoRotateRight 60s linear infinite;
}
.contigo-orbit-svg #countryObjects {
  animation: contigoRotateRight 240s linear infinite;
  -webkit-animation: contigoRotateRight 240s linear infinite;
}
.contigo-orbit-svg #floatingGlobe {
  animation: contigoRotateLeft 360s linear infinite;
  -webkit-animation: contigoRotateLeft 360s linear infinite;
}

.contigo-orbit-svg #windmill {
  transform-box: view-box;
  transform-origin: 331px 201px;
  -webkit-transform-origin: 331px 201px;
  animation: contigoRotateRight 2s linear infinite;
  -webkit-animation: contigoRotateRight 2s linear infinite;
}

.contigo-orbit-svg #cloud1 {
  animation: contigoHover 3s linear 1s infinite;
  -webkit-animation: contigoHover 3s linear 1s infinite;
}
.contigo-orbit-svg #cloud2 {
  animation: contigoHover 3s linear 2s infinite;
  -webkit-animation: contigoHover 3s linear 2s infinite;
}
.contigo-orbit-svg #cloud3 {
  animation: contigoHover 3s linear 3s infinite;
  -webkit-animation: contigoHover 3s linear 3s infinite;
}

.contigo-orbit-svg #circle1,
.contigo-orbit-svg #circle3,
.contigo-orbit-svg #circle5 {
  animation: contigoRotateRight 12s linear infinite;
  -webkit-animation: contigoRotateRight 12s linear infinite;
}
.contigo-orbit-svg #circle2,
.contigo-orbit-svg #circle2_1_,
.contigo-orbit-svg #circle4 {
  animation: contigoRotateLeft 24s linear infinite;
  -webkit-animation: contigoRotateLeft 24s linear infinite;
}

.contigo-orbit-svg #contigoBrand {
  animation: contigoBrandFloat 5s ease-in-out infinite;
  -webkit-animation: contigoBrandFloat 5s ease-in-out infinite;
  filter: drop-shadow(0 8px 12px rgba(60,60,60,.12));
}

/* Ajustes de renderização para telas pequenas e Android. */
@media (max-width: 640px) {
  .hero-svg-art { overflow: visible; }
  .contigo-orbit-svg { width: 100%; max-width: 500px; margin-inline: auto; }
}
@media (max-width: 390px) {
  .contigo-orbit-svg { max-width: 430px; }
}

/* Em telas touch não dependemos de hover para nenhum efeito essencial. */
@media (hover: none) and (pointer: coarse) {
  .contigo-orbit-svg { filter: drop-shadow(0 12px 24px rgba(60,60,60,.045)); }
}