@font-face {
  font-family: "Intelo";
  src: url("Intelo-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Intelo-ExtraBold";
    src: url("Intelo-ExtraBold.ttf") format("truetype");
  }



div{
  display: block;
  position: relative;
}

.logo {
    width: /*60%*/ 150px;
    min-width: 85px; /*tamaño máximo del logo boaria*/
}

.list-img{
    width: 80%;
    min-width: 75px;
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.proyectos-container{
    opacity:0;
    position:relative;
    transition:opacity .1s linear 1s;
    width:100%
}
.proyectos-container.items-load{
    opacity:1
}
.proyectos-container .item
{
    display:block;
    margin:10px;
    padding:0;
    position:absolute;
    width:calc(100% - 20px)
}
@media screen and (min-width:768px){
    .proyectos-container .item{width:calc(50% - 20px)}
}
@media screen and (min-width:1024px){
    .proyectos-container .item{width:calc(33.33333% - 20px)}
}
@media screen and (min-width:1216px){
    .proyectos-container .item{margin:15px;width:calc(33.33333% - 30px)}
}
.proyectos-container .item-proyecto{
    filter:drop-shadow(0 0 .6em rgba(10,10,10,.1))
}
.proyectos-container .card{
    border-radius:0;-webkit-clip-path:polygon(6% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);
    clip-path:polygon(6% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);
    transition:transform .3s ease-in-out,background-color .3s ease-in-out
}

.proyectos-container .card:hover{
    transform:scale(1.03)
}

.proyectos-container .card:hover .image:before{
    background-color:unset
}
.proyectos-container .card-container{
    display:flex;
    flex-direction:column;
    position:relative;
    transition:height .3s ease-in-out
}
.proyectos-container .image:before{
    background-color:rgba(0,46,86,.55);
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    transition:background-color .3s ease-in-out
}

.proyectos-container .image img{
    max-width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    overflow:hidden;
    z-index:-1
}

.proyectos-container .image .cotiza{
background-color:#062e51;
bottom:0;
color:#2ee5d8;
font-size:1.4rem;
font-weight:700;
left:0;
overflow:hidden;
padding:.3rem 1.8rem;
position:absolute;
right:0;
text-align:center;
text-transform:uppercase
}
.proyectos-container .card-info{
padding:1.5rem 1.75rem;
position:relative;
transition:opacity .2s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out,top .2s ease-in-out
}
@media screen and (min-width:1024px){
.proyectos-container .card-info{
padding:1rem 1.8rem
}

}
@media screen and (min-width:1216px){
.proyectos-container .card-info{
padding:1.3rem 2.2rem
}

}
.proyectos-container .nombre-content{
margin-bottom:1.5rem
}
.proyectos-container .precio-content{
align-items:center;
display:flex;
justify-content:space-between;
transition:opacity .2s ease-in-out,margin-top .2s ease-in-out,visibility .2s ease-in-out
}
.proyectos-container .precio-content .tag{
-webkit-clip-path:polygon(100% 0,100% 70%,90% 100%,10% 100%,0 70%,0 0);
clip-path:polygon(100% 0,100% 70%,90% 100%,10% 100%,0 70%,0 0)
}
.precio-container span{
background-color:#2ee5d8;
border:3px solid #fff;
border-radius:20px 0 20px 0;
color:#fff;
display:inline-block;
justify-content:center;
padding:.7rem 1rem
}
.image.features-img{
-webkit-clip-path:polygon(10% 0,90% 0,100% 5%,100% 95%,90% 100%,10% 100%,0 95%,0 5%);
clip-path:polygon(10% 0,90% 0,100% 5%,100% 95%,90% 100%,10% 100%,0 95%,0 5%)
}