html {
      box-sizing: border-box;
      font-size: 16px;
      scroll-behavior: smooth;
      overflow-x: hidden;
    /*   overflow-y: hidden; */
      
    }

    *,
    *::after,
    *::before {
      box-sizing: inherit;
    }

    h2 {
      font-family: 'Montserrat',
      sans-serif;
    }


     .bgWeb {
      background-color: #6c757d;
    }

    .bgFace {
      background-color: #3A5795;
    }

    .bgInsta{
       background: radial-gradient(circle at 33% 100%,
         #fed373 4%,
         #f15245 30%,
         #d92e7f 62%,
         #9b36b7 85%,
         #515ecf);
    }

    .bgYou {
      background-color: #c4302b;
    }

    .bgWhat {
      background-color: #25D366;
    }

     .bgCV {
      background-color: #E7296d;
    }
    

    .social .btn-xl {
      width: 100px;
      height: 100px;
      padding: 10px 1px;
      font-size: 60px;
      line-height: 1.33;
      border-radius: 20px;
    }


    

    .conte {
      margin-top: -4rem;
      margin-bottom: 4rem;
    }

  


   /*Apply styles after scroll*/
   .scrolling-active {
     background-color: #f9f9fc;
     box-shadow: 0 3px 1rem rgba(0, 0, 0, .1);     
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     position: fixed;
     z-index: 1030;
     transition: all 0.9s;
     }

   

   
   .scrolling-active div .titulo{
     color: #313131;
   }

   /*Apply styles after scroll end*/

    div .titulo {
      font-family: 'Inter';
      font-weight: 900;
      white-space: pre-wrap;
      word-wrap: normal;
      line-height: 1.15em;
      text-align: center;
      margin: 0;
      padding: 0;
      border: 0;
      overflow: hidden;
      font-size: 40px;
      height: 70px;
      transform: scale(1) translateY(0px);
      /* margin-top: 1rem; */
      color: #FFF;
    }

    .subtitulo{
      color: #FFF;
    }

    .bgIcon {
      color: #FFF;
    }

    .hr:not([size]) {
      height: 7px;
     background: #fff;
      /* margin-top: 2rem; */
      /* background: radial-gradient(circle, rgba(64, 93, 230, 1) 2%, rgba(88, 81, 216, 1) 15%, rgba(131, 58, 180, 1) 27%, rgba(193, 53, 132, 1) 37%, rgba(225, 48, 108, 1) 47%, rgba(253, 29, 29, 1) 57%, rgba(245, 96, 64, 1) 66%, rgba(247, 119, 55, 1) 76%, rgba(252, 175, 69, 1) 85%, rgba(255, 220, 128, 1) 96%); */
    }

    .mt-3{
      color: #FFF;
    }


/* ********** HeroImage ********** */
.hero-image {
  background-image: url('../../images/hero-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.hero-image-opacity {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(0, 0, 0, .6);
}

.ocultar {
  display: none;
}



footer {
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #efeff6;
      color: #000;
      text-align: center;
      padding: 1rem;
      clear:both;
}

   
    .img{
      height: 100%;
      width: 150px;
      margin-top: 2rem;
    }

    span.logo_glass {
      color: #256aa8;
    }

    span.logo_city {
      color: #a25585;
    }


    .enlace{
      color: #FFF;
      text-decoration: none;
      font-weight: 600;
    font-size: 24px;
    }

    .enlaceWeb:hover{
         color: #FFF;    
          padding-bottom: 8px;
          border-bottom: 3px solid #6c757d;
        
    }

     .enlaceFace:hover {
       color: #FFF;
       padding-bottom: 8px;
       border-bottom: 3px solid #3A5795;

     }

    
     .enlaceInsta:hover {
       color: #FFF;
       padding-bottom: 8px;
       border-bottom: 3px solid#f15245;
     }

       .enlaceYou:hover {
         color: #FFF;
         padding-bottom: 8px;
         border-bottom: 3px solid #c4302b;

       }

        .enlaceWhat:hover {
          color: #FFF;
          padding-bottom: 8px;
          border-bottom: 3px solid #25D366;

        }

         .enlaceCV:hover {
          color: #FFF;
          padding-bottom: 8px;
          border-bottom: 3px solid #E7296d;

        }
     

        .hidden {
          opacity: 0;
        }

        .console-container {
          font-family: 'Montserrat',
          sans-serif;
          font-size: 3.5em;
          text-align: center;
          height: 200px;
          display: block;
          color: white;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          font-weight: 900;
        }

        .console-underscore {
          display: inline-block;
        }

    

        /* div a {
          text-align: center;
          position: relative;
          overflow: hidden;
          border: 3px solid #fff;
          z-index: 1;
        } */

        div a .icon {
          position: relative;
          color: #ffffff;
          transition: .5s;
          z-index: 3;
        }

        div a:hover .icon {
          color: #fff;
          transform: rotateY(360deg);
        }

        /* div a:before {
          content: "";
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          height: 100%;
          background: #FFF;
          transition: .5s;
          z-index: 2;
        } */

        /* div a:hover:before {
          top: 0;
        } */


          span.logo_glass {
            color: #256aa8;
            font-size: 90px;
            font-weight: 800;
          }

          span.logo_city {
            color: #a25585;
            font-size: 90px;
             font-weight: 800;
          }