hr{
    border: 1px solid rgba(0,0,0,.2);
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
}

.navbar-toggler{
	outline: none;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: rgb(0,123,255);
}

::selection {
    color: #fff;
    background: rgb(0,123,255);
}

.descripcion{
    white-space: pre-wrap;
}

.btn-redes-sociales{
    width: 44px;
    border-radius: 0;
    margin-right: 3px;
}

/************
  Box-Publicacion
*************/

.box {
    padding: 20px 40px;
    text-align: center;
    border: solid 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    /*-webkit-transform: translateY(0);
    transform: translateY(0)*/
}

.box:hover {
    -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .4);
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .4);
    background-color: #ffffff;
    /*-webkit-transform: translateY(-10px);
    transform: translateY(-10px)*/
}

.box h4 {
    text-transform: uppercase;
}

.box .box-icon {
    font-size: 120px;
    margin-bottom: 20px;
}

.box .box-icon i {
    color: #90B435;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.box:hover .box-icon i {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


.card-publicacion{
    border: solid 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.card-publicacion:hover{
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.6);
    box-shadow: 0 5px 10px rgba(0,0,0,.6);
    /*-webkit-transform: translateY(-5px);
    transform: translateY(-5px);*/
}

.img-publicacion{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
}
.card-container a{
    color: #000;
}

.card-container a:hover{
    text-decoration: none;
    color: #000;
}

.card-publicacion{
    height: 100%;
    padding-bottom: 80px;
}

.precio-publicacion{
    position: absolute;
    bottom: 15px;
    left:15px;
}


