html,
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  height: 100%;
  background-color: #ffffff;
  font-size: 16px;
  scroll-behavior: smooth;
  font-family: "Montserrat", 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: #1c294d;
  text-decoration: none;
  color: #ffffff;
  height: 40px;
  padding: 8px 10px 3px;
  width: 150px;
  border-radius: 0px;
  text-align: center;
  transition: all 200ms linear;
}

a.Btn-01:hover {
  background-color: #b2b2b2;
}

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

a.Btn-02:hover {
  background-color: #b2b2b2;
}

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

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

a.Btn-03:hover {
  background-color: #1c294d;
  background-color: #b2b2b2;
}

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

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

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

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

.Titulo-01 strong {
  font-size: 24px;
}

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

.Titulo-02 p {
  font-size: 24px;
}

.Titulo-02 p strong {
  font-size: 34px;
  color: #1c294d;
}

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

.Tarjeta-01 {
  width: 100%;
  border-radius: 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 8px;
  font-size: 15px;
  line-height: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  height: 370px;
  text-align: center;
}

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

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

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

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

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

.Tarjeta-02 p span img {
  width: 30px;
  margin-bottom: 0px;
  display: none;
}

.Tarjeta-02 a {
  font-size: 12px;
  color: #3e6198;
  text-decoration: none;
}

.Tarjeta-02 p span {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  line-height: 8px !important;
  margin: 0px;
}

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

.Tarjeta-03 {
  background-color: #1c294d;
  color: white;
  border-radius: 0px;
  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 #b2b2b2;
}

/*===================== CAPA ABOGADOS =======*/

.Capa-abogados {
  background-color: rgba(0, 0, 0, 0.7);
  min-height: 400px;
  color: #ffffff;
}

.Capa-abogados img {
  width: 30px;
}

.Capa-abogados h4 {
  margin: 0px;
  font-size: 20px;
  font-weight: bold;
  color: #e79a4d;
}

.Capa-abogados strong {
  font-size: 14px;
  margin: 0px;
}

.Capa-abogados a {
  color: #ffffff;
}

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

.Menu {
  background-color: #e6e6e6;
  min-height: 100px;
}

.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 {
  height: 668px;
  color: #ffffff;
}

.Hero-home strong {
  font-size: 42px;
  line-height: 52px;
}

.Hero-home span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #b2b2b2;
  margin-bottom: 16px;
}

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

/*=======*/

.Hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  min-height: 720px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
}

.Hero strong {
  font-size: 40px;
  line-height: 40px;
  text-shadow: 2px 3px 11px rgba(0, 0, 0, 1);
}

.Hero b {
  color: #07afea;
}

/*=======*/

.H01 img {
  width: 100%;
  min-height: 347;
}

.H01 strong {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #b2b2b2;
}

.H01 p {
  font-size: 16px !important;
}

/*===================== CLIENTES =======*/

.Clientes {
  background-color: white;
}

.Clientes img {
  width: 100%;
  max-width: 100px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

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

.Pie {
  background-color: #e6e6e6;
  color: #000000;
}

.Pie img {
  width: 25px;
}

.Logo-pie img {
  width: 100%;
  max-width: 200px;
}

.Pie-top {
  border-bottom: 1px solid #000000;
  padding-bottom: 16px;
}

.Pie-bottom {
  margin-top: 16px;
  margin-bottom: 32px;
}

.Pie-bottom p {
  padding: 0px;
  margin: 0px;
}

.Pie-bottom p strong {
  color: #000000;
  font-size: 20px;
}

.Pie-2 {
  background-color: black;
  color: white;
  font-size: 13px;
  padding-top: 13px;
}

.Pie-2 a {
  text-decoration: none;
  color: white;
}

/*===================== Quienes-somos =======*/

.Quienes-01 p {
  line-height: 32px;
}

.Quienes-02 p strong {
  color: #1c294d;
  font-size: 24px;
}

.Quienes-02 img {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px inset,
    rgba(0, 0, 0, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  border: 1px solid #1c294d;
}

.Quienes-03 p strong {
  color: #1c294d;
  font-size: 32px;
  font-weight: 400;
}

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

.Servicios-top img {
  width: 100%;
  border-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
    rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  border: 10px solid #ffffff;
}

.Servicios-top p strong {
  font-size: 32px;
}

.Servicios-top p b {
  font-size: 32px;
}

.Servicios-cont p {
  margin: 0px;
}

.Servicios-cont p strong {
  font-size: 21px;
  color: #b2b2b2;
  line-height: 25px;
  margin: 0px;
  padding: 0px;
  font-weight: 500;
}

.Servicios-cont ul {
  margin-left: 20px;
}

/*.Servicios-cont ul li {
  list-style: none;
  list-style-image: url(../img/bullet.png);
  font-style: italic;
  color: #1c294d;
}

.Servicios-cont li {
  margin-bottom: 15px;
}*/

/*===================== EQUIPO =======*/

.Equipo {
}

/*===================== CLIENTES =======*/

.Clientes-pleca {
  background-color: #000000;
  height: 400px;
  background-image: url(../img/35.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 992px) {
  .Clientes-pleca {
    border-radius: 0px 0px 0px;
  }
}

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

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

.Contacto img {
  width: 20px;
}

.Contacto iframe {
  width: 100% !important;
  height: 400px !important;
}

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

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

/*===================== FIJO =======*/

.Bk-fijo-01 {
  background-attachment: fixed;
  background-image: url(../img/08.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-02 {
  background-attachment: fixed;
  background-image: url(../img/11.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-03 {
  background-attachment: fixed;
  background-image: url(../img/12.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-04 {
  background-attachment: fixed;
  background-image: url(../img/14.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-05 {
  background-attachment: fixed;
  background-image: url(../img/15.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 400px;
}

.Bk-fijo-06 {
  background-attachment: fixed;
  background-image: url(../img/23.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-07 {
  background-attachment: fixed;
  background-image: url(../img/24.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-08 {
  background-attachment: fixed;
  background-image: url(../img/26.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-09 {
  background-attachment: fixed;
  background-image: url(../img/28.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.Bk-fijo-10 {
  background-attachment: fixed;
  background-image: url(../img/30.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}
.Bk-fijo-11 {
  background-attachment: fixed;
  background-image: url(../img/31.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}