html,
body {
  margin: 0;
  height: 100%;
  font-weight: 300;
  background-color: #1c1e29;
}

body {
  overflow-x: hidden !important;
}

#container {
    @media (width >= 992px) {
        padding-top: 120px;
    }

    @media (width < 992px) {
        padding-top: 0px !important;
    }
}

#kyb-body {
    @media (width < 992px) {
        padding-bottom: 3rem !important;
    }
}

::-webkit-scrollbar {
  display: none;
}

* {
  -ms-overflow-style: none;
}

.full-screen {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

h1 {
  color: #a5efff !important;
  font-weight: normal;
  font-size: 2.6rem;
  bottom: -10px;
  position: relative;
  margin: 0px;
  padding: 0px;
}

h2 {
    color: #a5efff !important;
    font-weight: normal;
    font-size: 1.5rem;
    bottom: -10px;
    position: relative;
    margin: 0px;
    padding: 0px;
}

p {
  color: white !important;
  font-size: large;
  font-weight: bolder;
}

#panels #panels-container {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  overflow: hidden;
  background-color: #1c1e29;
}

li {
  /* font-family: "aeonik-light"; */
  font-size: 20px;
  color: white;
  font-weight: 200;
}


#panels #panels-container .panel {
    color: var(--color-just-black);
    position: relative;
    /*width: 100%;*/
    height: 100vh;
    overflow: hidden;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    display: flex;
}

#panels #panels-container .panel img {
  max-width: 120%;
  height: auto;
  display: block;
}

#panels #panels-container .panel .panels-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#panels #panels-container .panel .anchor-panel,
#panels #panels-container .panel .nav-panel {
  text-transform: uppercase;
  margin-right: 2rem;
}

#panels #panels-container .panels-navigation {
  position: absolute;
  width: 100%;
  bottom: 2rem;
  right: 2rem;
}

.borderColor {
  border-color: #a5efff !important;
}

/*------------Panel Equipo Kybernus------------*/
#panel-oficinas {
    white-space: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.imgAnimado {
    opacity: 0;
}
/* Posiciones iniciales para el efecto */
.imgAbajo {
  transform: translateY(-50px); /* Vienen de arriba */
  margin: 0px 0px !important;
}
.imgArriba {
  transform: translateY(50px); /* Vienen de abajo */
  margin: 90px 0px !important;
}

.imgCarruselMobile
{
    height:500px;
}


.imgArriba, .imgAbajo {
    will-change: transform;
}

#panel-oficinas {
    display: flex;
    flex-direction: row;
    width: max-content;
}

#panels-container {
    overflow: hidden;
    position: relative;
}

@media not (pointer: coarse) {
    #kyb-content-desktop {
        display: block;
    }
    #kyb-content-mobile {
        display: none;
    }
}

@media (pointer: coarse) {
    #kyb-content-desktop {
        display: none;
    }

    #kyb-content-mobile {
        display: block;
        padding-bottom: 3rem;

        @media(width >= 768px) {
            padding-bottom: 5rem;
        }
    }   
}
