html {
  --scrollbarBG: #212121;
  --thumbBG: #3A57A0;
}
body::-webkit-scrollbar {
  width: 10px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

  .txt-rotate{
    font-family: 'Poppins', sans-serif;
    font-size: 65px; 
    color:  #1C409C;
  }
  .digitalizate{
    color: #fff;
    font-weight: 900;
  }

  .parallaxFilosofia{
    background-image: url("../img/filosofia.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .parallaxAvaluo{
    background-image: url("../img/avaluo2.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

 html,
    body,
    header,
    .view {
      height: 100%;
    }

.logoMenu{
  width: 250px;
  position: absolute;
  margin-top: -25px;
}

.navbar{
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 0px 0 rgb(0 0 0 / 0%) !important;
   background-color: rgba(0, 0, 0, 0.4);
}

.menuTexto{
  font-size: 20px;
  margin-top: 12px;
  font-weight: 200;
  
  color:  #3A57A0;
  transition: all 0.4s ease-in-out;
}
.menuTexto a{
  color: #fff;
  padding-left: 8px;
  transition: all 0.4s ease-in-out;
}

.menuTexto a:hover{
  color: yellow;
  border-left-style: dotted;
  border-bottom-style: dotted;
  border-width: thin;
  transition: all 0.4s ease-in-out;
}
.soloMovil{
  display: none;
}
.scroll{
  top: -25%;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

    /*@media (max-width: 559px){*/

  @media only screen and (min-device-width: 320px) and (max-device-width: 479px){

      html,
      body,
      header,
      .view {
        height: 100%;
      }
      .txt-rotate{
        font-family: 'Poppins', sans-serif;
        font-size: 35px; 
        
      }
      .logoMenu{
        width: 250px;
        position: relative;
        margin-top: 0; 
      }
      .menuTexto{
        font-size: 17px;
        margin-top: 0px;
        font-weight: 200;
      }
      .menuTexto a{
        color: #FFF;
      }
      .navbar:not(.top-nav-collapse) {
        background-color: rgba(0, 0, 0, 0.4);
      }
      .soloMovil{
        display: block;
      }
      .soloPc{
        display: none;
      }

      .view video.video-intro {
        top:  450px !important;
        left: 193px !important;
      }

      .navbar:not(.top-nav-collapse) {
        background-color: rgba(0, 0, 0, 0.4);
      }


    }

    @media only screen and (min-device-width: 480px) and (max-device-width: 640px){
      .view {
        height: 100%;
      }
      .view video.video-intro{
        top:  350px !important;
        left: 350px !important;
      }
      
    }



 
    @media (min-width: 800px) and (max-width: 850px) {

      html,
      body,
      header,
      .view {
        height: 100%;
      }
    }

    @media (min-width: 800px) and (max-width: 850px) {
      .navbar:not(.top-nav-collapse) {
        background: #1C2331 !important;
      }
    }