/* GENERAL
========================== */

header{
  background: #003051;
  background-image: url("../img/leon.jpg");
  background-repeat: no-repeat;
  background-position: right top;
}

.desface
{
  background: rgba(0,0,0,0);
}
.hoja{
  width: 100%;
  background: white;
}
@media(max-width:600px){
  .hoja{
    background: #F1F1F1;
  }
}
.sombras{
  -webkit-box-shadow: 0px 4px 14px 2px rgba(0,0,0,0.72);
  -moz-box-shadow: 0px 4px 14px 2px rgba(0,0,0,0.72);
  box-shadow: 0px 4px 14px 2px rgba(0,0,0,0.72);
}

/* ========== SECCION DE FIRMA ========== */

.columnna {
margin: 0px;
padding: 0px;
}
.desface .title{
  height:142px;
}


/* ========== SECCION DE EQUIPO ========== */



/* IMAGEN Y FRASE
=========================*/

#frase{
  width: 100%;
  height:300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img_container{
  width: 100%;
  height:90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#frase img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: grayscale(50%) brightness(37%) contrast(119%);
-webkit-filter: grayscale(50%) brightness(37%) contrast(119%);
  position: absolute;
  z-index: 1;
}
.frase_container{
  background: rgba(0,0,0,0);
  position: absolute;
  z-index: 2;
  text-align: center;
}
.name{
  width: 80%;
  background: rgba(0,0,0,0);
  text-align: end;
  position: absolute;
  z-index: 2;
}
#frase p{
  color: #D4D4D4;
  font-size: x-large;
  font-family: Verdana, Geneva, Tahoma, sans-serif ;
}
@media(max-width:800px){
  #frase p{
    font-size: 16px;
  }
}
@media(max-width:600px){
  #frase p{
    font-size: 13px;
  }
}

/* CARD
=========================*/

#cards{
  background: white;
}
#div1{
  cursor: pointer
}
.div2{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.div3{
  width: 80%;
  height: 85%;
  border: #D4D4D4 solid 2px;
  border-radius: 6px;
}
.div4{
  width: 100%;
  height: 80%;
}
#div1 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-top-left-radius: 5px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.div5{
  height: 20%;
  text-align: center;
}
#div1 h5{
  padding-top: 14px;
  font-size: 20px;
}


@media (max-width: 1050px){
    #div1 h5{
      font-size: 12px;
    }
}
@media (max-width: 600px){
    #cards{
    background: rgba(0,0,0,0);
    }
    #div1 h5{
    padding-top: 18px;
    font-size: 22px;
    }
}
.div3:hover{
  transform: scale(1.02);
}
#div1 img:hover{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); 
}


/* INFORMACION
=========================*/

#cont-img{
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-info{
  width: 70%;
  height: 90%;
}
#cont-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 10px;
}
#titulo-abog h2{
    font-size: 55px;
}
#titulo-abog p{
  font-size: 20px;
}
#titulo-abog small{
  font-size: 18px;
}

@media(max-width: 800px){
  #titulo-abog h2{
    font-size: 25px;
  }
  #titulo-abog p{
  font-size: 20px;
  margin-bottom: 20px;
  }
  #titulo-abog small{
  font-size: 9px;
  }
}

#hoja {
  background: white;
  padding: 0px 0px;
}

@media (max-width: 766px){

  .desface .title{
    height:0px;
  }
  
.desface{
    background: #F1F1F1;
    border-radius: 10px;
}

#contenido{
  text-align: justify;
  margin: 0px;
  padding: 0px !important;
}

#contenido *{
  margin: 0px;
  padding: 0px;
}
#contenido blockquote {

  padding-left: 10px !important;
  margin-left: 40px !important;
  padding-right: 40px !important;
  border-left: 4px solid gray;
}}