html,
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  height: 100%;
  background-color: #e6ebf2;
  font-size: 18px;
  scroll-behavior: smooth;
  font-family: "Raleway", sans-serif;
}

/*===================== SEPARACIONES =======*/

.Separacion-top-01 {
  margin-top: 0px;
  margin-top: 150px;
}

.Separacion-top-int-01 {
  margin-top: 0px;
  padding-bottom: 150px;
}

.Separacion-bottom-01 {
  margin-bottom: 0px;
  margin-bottom: 150px;
}

.Separacion-top-02 {
  margin-top: 0px;
  margin-top: 90px;
}

.Separacion-top-int-02 {
  margin-top: 0px;
  padding-top: 90px;
}

.Separacion-bottom-02 {
  margin-bottom: 0px;
  margin-bottom: 90px;
}

.Separacion-bottom-int-01 {
  margin-bottom: 0px;
  padding-bottom: 150px;
}

.Separacion-bottom-int-02 {
  margin-bottom: 0px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 992px) {
  .Separacion-top-01 {
    margin-top: 100px;
  }

  .Separacion-bottom-01 {
    margin-bottom: 100px;
  }

  .Separacion-top-02 {
    margin-top: 64px;
  }

  .Separacion-top-int-02 {
    padding-top: 64px;
  }

  .Separacion-bottom-02 {
    margin-bottom: 64px;
  }

  .Separacion-bottom-int-01 {
    padding-bottom: 100px;
  }

  .Separacion-bottom-int-02 {
    padding-bottom: 64px;
  }
}

/*===================== BOTONES =======*/

a.Btn-01 {
  display: block;
  background-color: black;
  text-decoration: none;
  color: #ffffff;
  height: 40px;
  padding: 8px 10px 3px;
  min-width: 150px;
  max-width: 200px;
  border-radius: 50px;
  text-align: center;
  transition: all 200ms linear;
  font-size: 16px;
}

a.Btn-01:hover {
  background-color: #008cff;
  color: #ffffff;
  font-weight: 600;
}

a.Btn-01b {
  display: block;
  background-color: black;
  text-decoration: none;
  color: #ffffff;
  height: 40px;
  padding: 8px 10px 3px;
  width: 80%;
  border-radius: 50px;
  text-align: center;
  transition: all 200ms linear;
  font-size: 16px;
}

a.Btn-01b:hover {
  background-color: #008cff;
  color: #ffffff;
  font-weight: 600;
}

a.Btn-02 {
  display: block;
  background-color: #ffffff;
  text-decoration: none;
  color: #000000;
  height: 40px;
  padding: 8px 10px 3px;
  width: 150px;
  border-radius: 50px;
  text-align: center;
  transition: all 200ms linear;
}

a.Btn-02:hover {
  background-color: #008cff;
  color: #ffffff;
}

a.Btn-02b {
  display: block;
  background-color: #ffffff;
  text-decoration: none;
  color: #000000;
  height: 40px;
  padding: 8px 10px 3px;
  width: 100%;
  border-radius: 50px;
  text-align: center;
  transition: all 200ms linear;
}

a.Btn-02b:hover {
  background-color: #008cff;
  color: #ffffff;
}

a.Btn-03 {
  display: block;
  text-decoration: none;
  height: 40px;
  padding: 8px 10px 3px;
  width: 150px;
  border-radius: 50px;
  text-align: center;
  transition: all 200ms linear;
  border: 1px solid #996405;
  color: #1e1e1e;
}

a.Btn-03 img {
  margin-top: -5px;
}

a.Btn-03:hover {
  background-color: #1e1e1e;
  background-color: #996405;
}

a.Btn-tarjetas {
  text-decoration: none;
  color: #1e1e1e;
}

a.Btn-circulo {
  display: block;
  height: 45px;
  width: 45px;
  border-radius: 100px;
  background-color: #996405;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.Btn-circulo img {
  width: 100%;
  max-width: 23px;
}

/*===================== TITULOS =======*/

.Titulo-01 strong {
  font-size: 42px;
  line-height: 52px;
  text-transform: uppercase;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 3px;
}

.Titulo-01 strong span {
  display: block;
  height: 5px;
  background-color: #996405;
  border-radius: 50px;
}

.Titulo-02 strong {
  font-size: 42px;
  line-height: 52px;
  text-transform: uppercase;
  font-weight: 900;
  color: #000000;
  letter-spacing: 3px;
}

/*===================== TARJETAS=======*/

.Tarjeta-01 {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 29px 0px;
  padding: 20px;
  font-size: 15px;
  line-height: 19px;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 330px;
  text-align: center;
}

.Tarjeta-01 img {
  width: 100%;
  margin-bottom: 16px;
}

.Tarjeta-01 p strong {
  font-size: 18px;
}

.Tarjeta-02 {
  background-color: rgba(179, 55, 138, 0.05);
  padding: 20px;
  width: 75%;
  border: 1px solid #996405;
  text-align: center;
  height: 360px;
}

.Tarjeta-02 img {
  width: 100%;
  margin-bottom: 16px;
}

.Tarjeta-02 p strong {
  font-size: 21px;
  line-height: 14px;
  color: #996405;
}

@media only screen and (max-width: 992px) {
  .Tarjeta-02 {
    width: 100%;
    height: auto;
  }
}

.Tarjeta-03 {
  background-color: #1e1e1e;
  color: white;
  border-radius: 16px;
  padding: 24px;
  width: 100%;
  background-color: #000000;
  opacity: 0.9;
  background-size: 7px 7px;
  background-image: repeating-linear-gradient(
    45deg,
    #1b1b1b 0,
    #1b1b1b 0.7000000000000001px,
    #000000 0,
    #000000 50%
  );
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.Tarjeta-03 p strong {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #996405;
}

/*===================== MENU =======*/

.Menu {
  background-color: #1e1e1e;
  min-height: 90px;
}

.Hero-logo {
  padding-top: 10px;
  padding-bottom: 10px;
}

.Hero-logo img {
  width: 100%;
  max-width: 250px;
}

@media only screen and (max-width: 992px) {
  .Menu {
    height: 80px !important;
  }
}

/*===================== HERO HOME =======*/

.Hero-home {
  display: flex;
  align-items: flex-end;
  font-size: 24px;
  line-height: 24px;
}

.Hero-home strong {
  font-size: 42px;
  line-height: 52px;
  font-weight: 900;
  color: #000000;
}

.Hero-home img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .Hero-home {
    padding-bottom: 30px;
  }
}

.H01 .container {
  background-image: url(../img/SERVICIOS.png);
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 100px;
}

.H01 strong {
  font-size: 32px;
  line-height: 32px;
  font-weight: 800;
  color: black;
  letter-spacing: 2px;
}

.H01 img {
  width: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .H01 .container {
    padding-top: 30px;
  }
}

.H02 img {
  width: 100%;
}

.H02 strong {
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
  color: black;
  letter-spacing: 2px;
}

.H03 {
  height: 400px;
  background-image: url(../img/04.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 10px solid #000000;
}

.H04 {
  height: 400px;
  background-image: url(../img/17.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 10px solid #000000;
}
.H05 {
  height: 400px;
  background-image: url(../img/18.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 10px solid #000000;
}
.H06 {
  height: 400px;
  background-image: url(../img/19.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 10px solid #000000;
}
.H07 {
  height: 400px;
  background-image: url(../img/20.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 10px solid #000000;
}
.H08 {
  height: 400px;
  background-image: url(../img/21.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-bottom: 10px solid #000000;
}

/*===================== PIE =======*/

.Pie {
  padding-bottom: 30px;
}

.Pie-top {
  border-bottom: 2px solid #000000;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 900;
  letter-spacing: 1px;
}

.Pie a {
  text-decoration: none;
  color: #000000;
}

/*===================== CONTACTO =======*/

.Contacto p strong {
  font-size: 32px;
  color: #000000;
}

.Contacto img {
  width: 20px;
}

.Contacto iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 400px;
  border: 10px solid #000000 !important;
}

.Contacto input {
  border-radius: 8px;
  border: 1px solid #1e1e1e;
  width: 100%;
  height: 45px;
  margin-bottom: 16px;
  color: #1e1e1e;
  box-sizing: border-box;
  padding: 0px 16px;
}

.Contacto textarea {
  border-radius: 8px;
  border: 1px solid #1e1e1e;
  width: 100%;
  height: 150px;
  margin-bottom: 16px;
  color: #1e1e1e;
  box-sizing: border-box;
  padding: 0px 16px;
}

/*===================== NOSOTROS =======*/

.Capa-degradado-01 {
  background: #000000;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.77) 57%,
    rgba(0, 0, 0, 0.21) 100%
  );
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .Capa-degradado-01 {
    background: #000000;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.77) 40%,
      rgba(0, 0, 0, 0.21) 100%
    );
  }
}

.Nosotros-top {
  background-image: url(../img/05.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
}

.Nosotros-top-conten {
  height: 500px;
}

.Nosotros-02 img {
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/*===================== SERVICIOS =======*/

.Servicios-01 img {
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/*==================== VENDES =======*/

.Vendes-top {
  background-image: url(../img/13.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
}

.Vendes-top-conten {
  height: 500px;
}

.Vendes-02 {
  color: #ffffff;
}

.Vendes-02 img {
  width: 100%;
}

/*===================== COMISIONES =======*/

.Comisiones-01 {
  color: #ffffff;
}

.Comisiones-01 img {
  width: 100%;
}