/*
  COLORES
  ROJO: #d6151b
  AMARILLO: #d8b000
  AZUL: #153ea9
  */

/*NAV */
* {
  max-width: 100%;
}
header {
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
}

.prop__nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: "Roboto", sans-serif;
}
.prop__nav a {
  text-decoration: none;
  color: #d6151b;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
}
.prop__nav a:hover {
  color: #153ea9;
}
.logo {
  margin: 5px;
  height: 100px;
  width: auto;
}
.mobile {
  display: none;
}
/*REDES*/
.redes {
  background-color: #d8b000;
  position: absolute;
  top: 200px;
  right: 0;
  display: flex;
  flex-flow: column;
  padding: 10px;
  position: fixed;
  z-index: 11111;
}
.redes__ig {
  height: 30px;
  width: auto;
  margin: 5px;
  cursor: pointer;
}
.redes__fb {
  height: 30px;
  width: auto;
  margin: 5px;
  cursor: pointer;
}
.redes__wpp {
  margin-top: 5px;
  height: 30px;
  width: auto;
  margin: 5px;
  cursor: pointer;
}
/* INTRO */
.lidia__foto {
  width: 100%;
}
.lidia__titulo {
  font-family: "Roboto", sans-serif;
  display: flex;
  flex-flow: column;
  justify-content: left;
  position: absolute;
  top: 270px;
  left: 250px;
}
.lidia__titulo h1 {
  text-align: start;
  font-weight: 900;
  font-size: 3.5em;
}
.frase {
  color: #153ea9;
  font-size: 3em;
  font-weight: 700;
  text-align: left;
  padding-right: 500px;
  line-height: 1.2;
}
.lidia__txt {
  text-align: center;
  font-size: 1.1em;
  padding: 35px 300px 35px 300px;
  color: rgb(41, 40, 40);
}
.mobile__text {
  display: none;
}
.lidia__btn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
}
.lidia__btn {
  display: inline-block;
  color: white;
  font-family: "Roboto", sans-serif;
  background-color: #d6151b;
  width: 23em;
  border: none;
  padding: 5px;
  border-radius: 5px;
  transition: 0.4s ease-in-out;
}
.lidia__btn:hover {
  color: black;
  background-color: #d8b000;
}
.lidia__certificaciones {
  display: flex;
  justify-content: space-around;
  justify-items: center;
  margin: 50px 60px 20px 60px;
}
.mbl__btn {
  display: none;
}
.certificado {
  width: 130px;
  height: auto;
}
.certificado2 {
  width: 130px;
  height: auto;
}
.certificados {
  width: 200px;
  height: auto;
}

/*TASACION*/

.tasaciones {
  display: flex;
  flex-flow: row nowrap;
  height: 375px;
}
.tasaciones__txt {
  background-color: #d8b000;
  width: 50vw;
}
.tasaciones__txt h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  margin: 90px 150px 10px 150px;
}
.tasaciones__txt p {
  font-family: "Montserrat", sans-serif;
  color: white;
  font-size: 12px;
  text-align: center;
  padding: 10px 190px;
}
.tasaciones__img {
  width: 50vw;
  height: auto;
}

/*OPERACIONES*/

.operaciones {
  display: flex;
  flex-flow: row nowrap;
  height: 375px;
  overflow: hidden;
}

.operaciones__txt {
  background-color: #153ea9;
  width: 50vw;
}
.operaciones__txt h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  margin: 100px 150px 10px 150px;
}
.operaciones__txt p {
  font-family: "Montserrat", sans-serif;
  color: white;
  font-size: 12px;
  text-align: center;
  padding: 10px 190px;
}
.operaciones__img {
  width: 50vw;
  height: auto;
}
.mobile__op {
  display: none;
}
/* EVALUACIÓN */
.evaluacion {
  display: flex;
  flex-flow: row nowrap;
  height: 375px;
  overflow: hidden;
}

.evaluacion__txt {
  background-color: #d6151b;
  width: 50vw;
}
.evaluacion__txt h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  margin: 100px 150px 10px 150px;
}
.evaluacion__txt p {
  font-family: "Montserrat", sans-serif;
  color: white;
  font-size: 12px;
  text-align: center;
  padding: 10px 190px;
}
.evaluacion__img {
  width: 50vw;
  height: auto;
}

/*ICONOS 1 */
.iconos1 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  justify-items: center;
}
.megafono {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  justify-items: center;
  align-items: center;
  background-color: #d8b000;
  width: 350px;
  margin: 50px;
}
.megafono img {
  width: 90px;
  height: auto;
  margin-top: 30px;
}
.megafono h2 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 700;
  margin: 5px 10px;
  text-transform: uppercase;
  text-align: center;
}
.megafono p {
  color: black;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 10px 15px;
}
.megafono hr {
  color: white;
}

/*carusel*/

.caru__caru {
  height: auto;
  width: 100vw;
  object-fit: cover;
}

/*ICONOS 2*/

.iconos2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 40px;
}
.fotografia {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  width: 400px;
}
.fotografia img {
  height: 96px;
  width: auto;
  margin: 10px;
}
.fotografia .fotos {
  height: 76px;
  width: auto;
}
.fotografia .dest {
  height: 80px;
  width: auto;
}
.fotografia h3 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.fotografia p {
  padding: 10px 50px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  text-align: center;
}

/*CIERRE*/
.mensaje img {
  width: 100%;
}
.mensaje {
  font-family: "Roboto", sans-serif;
}
.mensaje h3 {
  font-weight: 700;
  color: white;
  font-size: 38px;
  position: absolute;
  top: auto;
  right: 200px;
  margin-top: 100px;
}
.mensaje h4 {
  font-size: 33px;
  font-weight: 700;
  color: white;
  position: absolute;
  margin-top: 165px;
  top: auto;
  right: 200px;
}
.mensaje__btn {
  display: flex;
  position: absolute;
  justify-content: space-between;
  justify-items: center;
  top: auto;
  right: 200px;
  margin-top: 300px;
}
.mensaje__btn img {
  width: 40px;
  height: auto;
  margin: 10px;
  position: absolute;
  top: auto;
  right: 20px;
  cursor: pointer;
}
.mensaje__btn button {
  border: none;
  width: 320px;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 22px;
  padding: 12px;
  color: black;
  background-color: white;
  outline: white;
  border-radius: 5px;
}

/*FOOTER*/
.footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 50px 250px;
}
.info h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 900;
}
.info p {
  line-height: 2;
}
.shorts {
  margin: 50px 50px 0px 0px;
}
.shorts li {
  list-style: none;
  margin-top: 5px;
}
.shorts a {
  text-decoration: none;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
}
.shorts a:hover {
  color: #153ea9;
}
.hecho {
  background-color: #153ea9;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.hecho p {
  color: white;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  padding: 10px;
  margin: 5px;
}
.hecho a {
  padding-top: 10px;
}
.mobile__certificaciones {
  display: none;
}

/*MEDIA QUERIES*/

/*Ipad pro*/
@media only screen and (max-width: 1024px) {
  .lidia__titulo {
    top: 225px;
    left: 170px;
  }
  .lidia__titulo h1 {
    font-size: 3.5em;
  }
  .frase {
    font-size: 2em;
    padding-right: 250px;
  }
  .lidia__txt {
    padding: 45px 200px;
  }
  .lidia__btn {
    top: 880px;
  }
  .mobile {
    display: none;
  }
  .lidia__certificaciones {
    margin: 100px 60px 0px 60px;
  }
  .certificado {
    width: 100px;
    margin-bottom: 20px;
  }
  .certificados {
    width: 150px;
  }
  .certificado2 {
    width: 100px;
    height: auto;
  }
  /*TASACION*/

  .tasaciones {
    height: 325px;
  }
  .tasaciones__txt h1 {
    font-size: 2em;
    margin: 40px 75px 5px 75px;
  }
  .tasaciones__txt p {
    padding: 10px 100px;
  }
  /*OPERACIONES*/
  .operaciones {
    height: 325px;
  }
  .operaciones__txt h1 {
    font-size: 2em;
    margin: 80px 75px 0px 75px;
  }
  .operaciones__txt p {
    padding: 30px 120px;
  }
  /* EVALUACIÓN */
  .evaluacion {
    height: 325px;
  }

  .evaluacion__txt h1 {
    font-size: 2em;
    margin: 80px 75px 5px 75px;
  }
  .evaluacion__txt p {
    padding: 10px 100px;
  }
  /*ICONOS 1 */
  .megafono p {
    color: rgb(41, 40, 40);
    font-size: 15px;
    padding: 10px;
  }
  /*ICONOS 2*/
  .iconos2 {
    margin: 20px;
  }
  .fotografia p {
    font-size: 15px;
  }
  /*CIERRE*/
  .mensaje img {
    width: 100%;
  }
  .mensaje h3 {
    font-size: 30px;
    right: 100px;
    margin-top: 100px;
  }
  .mensaje h4 {
    font-size: 27px;
    margin-top: 150px;
    right: 100px;
  }
  .mensaje__btn {
    right: 100px;
    margin-top: 200px;
  }
  .mensaje__btn img {
    width: 40px;
    height: auto;
    margin: 5px;
    position: absolute;
    top: auto;
    right: 20px;
    cursor: pointer;
  }
  /*FOOTER*/
  .footer {
    margin: 25px 175px;
  }
  .info h3 {
    font-size: 22px;
  }
  .shorts li {
    margin-top: 20px;
  }
  .shorts a {
    font-size: 15px;
  }
  .mobile__certificaciones {
    display: none;
  }
}

@media only screen and (max-width: 810px) {
  .lidia__titulo {
    top: 200px;
    left: 140px;
  }
  .lidia__titulo h1 {
    font-size: 2.5em;
  }
  .frase {
    font-size: 1.5em;
    padding-right: 250px;
  }
  .lidia__txt {
    font-size: 0.9em;
    padding: 25px 110px;
  }
  .mobile {
    display: none;
  }
  .lidia__certificaciones {
    margin: 80px 60px 0px 60px;
  }
  .lidia__btn {
    left: 29vw;
  }
  .certificado {
    width: 80px;
    margin-bottom: 20px;
  }
  .certificados {
    width: 120px;
  }
  .certificado2 {
    width: 80px;
    height: auto;
  }
  /*TASACION*/

  .tasaciones {
    height: 320px;
  }
  .tasaciones__txt {
    width: 50vw;
  }
  .tasaciones__txt h1 {
    font-size: 1.7em;
    margin: 20px 50px 5px 50px;
  }
  .tasaciones__txt p {
    font-size: 0.8em;
    padding: 10px 70px;
  }
  .tasaciones__img {
    height: 320px;
    width: auto;
    object-fit: fill;
  }
  /*OPERACIONES*/
  .operaciones {
    height: 325px;
  }
  .operaciones__txt h1 {
    font-size: 1.7em;
    margin: 50px 65px 0px 65px;
  }
  .operaciones__txt p {
    font-size: 0.8em;
    padding: 30px 90px;
  }
  /* EVALUACIÓN */
  .evaluacion {
    height: 325px;
  }

  .evaluacion__txt h1 {
    font-size: 2em;
    margin: 80px 75px 5px 75px;
  }
  .evaluacion__txt p {
    padding: 10px 100px;
  }
  /*ICONOS 1 */
  .megafono p {
    color: rgb(41, 40, 40);
    font-size: 15px;
    padding: 10px;
  }
  /*ICONOS 2*/
  .iconos2 {
    margin: 20px;
  }
  .fotografia p {
    font-size: 15px;
  }
  /*CIERRE*/
  .mensaje img {
    width: 100%;
  }
  .mensaje h3 {
    font-size: 30px;
    right: 100px;
    margin-top: 100px;
  }
  .mensaje h4 {
    font-size: 27px;
    margin-top: 150px;
    right: 100px;
  }
  .mensaje__btn {
    right: 100px;
    margin-top: 200px;
  }
  .mensaje__btn img {
    width: 40px;
    height: auto;
    margin: 5px;
    position: absolute;
    top: auto;
    right: 20px;
    cursor: pointer;
  }
  /*FOOTER*/
  .footer {
    margin: 25px 225px;
  }
  .info h3 {
    font-size: 22px;
  }
  .shorts a {
    font-size: 15px;
  }
  .mobile__certificaciones {
    display: none;
  }
}
/*IPAD*/

@media only screen and (max-width: 768px) {
  header {
    width: 100%;
  }
  .mobile {
    display: none;
  }
  /*REDES*/
  .redes {
    right: 0;
  }
  /* INTRO */
  .lidia__titulo {
    top: 200px;
    left: 110px;
  }
  .lidia__titulo h1 {
    font-size: 50px;
  }
  .frase {
    font-size: 25px;
    padding-right: 200px;
  }
  .lidia__txt {
    font-size: 1.1em;
    padding: 35px 100px;
  }

  .lidia__btn {
    top: 850px;
    left: 27vw;
  }
  .lidia__certificaciones {
    margin: 100px 40px 0px 40px;
  }
  .certificado {
    width: 95px;
  }

  .certificados {
    width: 140px;
  }

  /*TASACION*/

  .tasaciones {
    height: 255px;
  }
  .tasaciones__txt h1 {
    font-size: 1em;
    margin: 20px 60px 10px 60px;
  }
  .tasaciones__txt p {
    font-size: 0.8em;
    padding: 10px 30px;
  }
  .tasaciones__img {
    width: 50vw;
  }
  /*OPERACIONES*/

  .operaciones {
    height: 255px;
  }
  .operaciones__txt h1 {
    font-size: 1em;
    margin: 80px 60px 10px 60px;
  }
  .operaciones__txt p {
    font-size: 0.8em;
    padding: 10px 60px;
  }

  /* EVALUACIÓN */
  .evaluacion {
    height: 255px;
  }
  .evaluacion__txt h1 {
    font-size: 1em;
    margin: 50px 50px 10px 50px;
  }
  .evaluacion__txt p {
    font-size: 0.8em;
    padding: 10px 60px;
  }
  /*ICONOS 1 */
  .megafono {
    justify-content: space-between;
    width: 350px;
    margin: 60px;
  }
  .megafono img {
    width: 80px;
    margin: 5px;
  }
  .megafono h2 {
    font-size: 1.2em;
    padding: 1px;
  }
  .megafono p {
    font-size: 1em;
    padding: 0px;
    margin: 5px;
  }
  .megafono hr {
    color: white;
  }

  /*carusel*/

  .caru__caru {
    height: auto;
    width: 100vw;
    object-fit: cover;
  }

  /*ICONOS 2*/

  .iconos2 {
    margin: 100px;
  }
  .fotografia {
    margin: 0px;
    width: 200px;
  }
  .fotografia img {
    height: 100px;
  }
  .fotografia p {
    padding: 5px 10px;
  }

  /*CIERRE*/
  .mensaje img {
    width: 100%;
  }
  .mensaje h3 {
    font-size: 1.8em;
    right: 80px;
    margin-top: 50px;
  }
  .mensaje h4 {
    font-size: 1.8em;
    margin-top: 95px;
    right: 75px;
  }
  .mensaje__btn {
    right: 75px;
    margin-top: 150px;
  }
  .mensaje__btn img {
    width: 40px;
    height: auto;
    margin: 10px;
    position: absolute;
    top: auto;
    right: 10px;
    cursor: pointer;
  }

  /*FOOTER*/
  .footer {
    margin: 50px 80px;
  }
  .info p {
    line-height: 2;
  }

  .hecho {
    background-color: #153ea9;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .hecho p {
    color: white;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    padding: 10px;
    margin: 5px;
  }
  .hecho img {
    position: absolute;
    top: auto;
    right: 0;
    margin: 36px 325px 0px 0px;
  }
  .mobile__certificaciones {
    display: none;
  }
}

/*IPHONE*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
  header {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 11111111;
  }
  .mobile {
    display: block;
    width: 35px;
    height: auto;
    position: absolute;
    top: 75px;
    left: 0;
    margin: 10px;
  }
  .mobile__link {
    text-decoration: none;
    color: #d6151b;
    padding: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.4s ease-in-out;
  }
  .mobile__redes {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 0px;
  }
  .mbl__btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobile__btn {
    display: block;
    background-color: #d6151b;
    border-radius: 2px;
    color: white;
    width: auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    border: none;
    margin: 10px;
  }
  .mbl__btn a {
    text-decoration: none;
  }
  .prop__nav .a {
    display: none;
  }
  .logo {
    height: 90px;
    width: auto;
  }

  /*REDES*/
  .redes {
    display: none;
  }
  /* INTRO */
  .lidia__foto {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .lidia__titulo {
    top: 190px;
    left: 60px;
  }
  .lidia__titulo h1 {
    font-size: 1.5em;
  }
  .frase {
    font-size: 0.8em;
    padding-right: 100px;
    line-height: 1.2;
  }
  .mobile__text {
    display: block;
    text-align: center;
    font-size: 0.8em;
    padding: 20px 30px;
    color: rgb(41, 40, 40);
  }
  .lidia__txt {
    display: none;
  }
  .lidia__btn {
    display: none;
  }
  .lidia__certificaciones {
    display: none;
  }
  .certificado {
    width: 120px;
    height: auto;
    padding: 10px;
  }
  .certificados {
    width: 150px;
    height: auto;
    padding: 10px;
  }
  .certificado2 {
    width: 90px;
    height: auto;
    padding: 10px;
  }
  /*TASACION*/

  .tasaciones {
    flex-flow: column nowrap;
    height: auto;
  }
  .tasaciones__txt {
    width: 100%;
  }
  .tasaciones__txt h1 {
    font-size: 1.2em;
    margin: 20px 50px 0px 50px;
  }
  .tasaciones__txt p {
    font-size: 0.8em;
    padding: 10px 50px;
  }
  .tasaciones__img {
    width: auto;
    height: 200px;
  }

  /*OPERACIONES*/

  .mobile__op {
    display: flex;
    flex-flow: column nowrap;
    height: auto;
    overflow: hidden;
  }
  .operaciones {
    display: none;
  }
  .op__txt {
    background-color: #153ea9;
    width: 100%;
  }
  .op__txt h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 10px 50px 0px 50px;
  }
  .op__txt p {
    font-family: "Montserrat", sans-serif;
    color: white;
    font-size: 0.8em;
    text-align: center;
    padding: 10px 50px;
  }
  .op__img {
    width: auto;
    height: 200px;
  }

  /* EVALUACIÓN */
  .evaluacion {
    flex-flow: column nowrap;
    height: auto;
  }

  .evaluacion__txt {
    width: 100%;
  }
  .evaluacion__txt h1 {
    font-size: 1.1em;
    margin: 10px 50px 0px 50px;
  }
  .evaluacion__txt p {
    font-size: 0.8em;
    padding: 10px 50px;
  }
  .evaluacion__img {
    width: auto;
    height: 200px;
  }

  /*ICONOS 1 */
  .iconos1 {
    flex-flow: column nowrap;
    justify-content: center;
  }
  .megafono {
    justify-content: space-between;
    width: 100%;
    margin: 10px 0px;
  }
  .megafono img {
    width: 80px;
    height: auto;
    margin: 10px;
  }
  .megafono h2 {
    font-size: 1em;
    margin: 0px 10px;
    padding: 5px;
  }
  .megafono p {
    font-size: 0.8em;
    padding: 15px;
  }
  .megafono hr {
    color: white;
  }

  /*carusel*/
  .fotocaru {
    height: 180px;
    width: auto;
    object-fit: cover;
  }
  /*ICONOS 2*/

  .iconos2 {
    margin: 30px;
  }
  .fotografia {
    width: 100%;
  }
  .fotografia img {
    height: 80px;
  }
  .fotografia .fotos {
    height: 60px;
    width: auto;
  }

  /*CIERRE*/
  .mensaje img {
    width: auto;
    height: 200px;
    object-fit: cover;
  }
  .mensaje h3 {
    font-size: 1em;
    right: 15px;
    margin-top: 50px;
  }
  .mensaje h4 {
    font-size: 1em;
    margin-top: 80px;
    right: 20px;
  }
  .mensaje__btn {
    right: 20px;
    margin-top: 110px;
  }
  .mensaje__btn img {
    width: 20px;
    height: auto;
    margin: 3px;
    position: absolute;
    top: auto;
    right: 2px;
    cursor: pointer;
  }
  .mensaje__btn button {
    width: 160px;
    font-size: 0.8em;
    padding: 5px;
  }

  /*FOOTER*/
  .footer {
    flex-flow: column nowrap;
    margin: 15px 10px;
  }
  .info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .info h3 {
    font-size: 1em;
    margin-top: 20px;
  }
  .info p {
    font-size: 0.8em;
    padding: 5px;
  }
  .shorts {
    margin: 10px 20px 0px 0px;
  }
  .shorts li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin: 0px;
  }
  .shorts a {
    font-size: 1em;
  }
  .hecho img {
    top: auto;
    left: 250px;
    margin-top: 50px;
  }
  .mobile__certificaciones {
    display: block;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    justify-items: center;
    margin: 30px;
  }
}

/*SMARTPHONE*/