/*
 * Estilos genericos para las plantillas de los proyectos de CMS 2
 */

.proyectos img { max-width: 100%; }


/* Lista productos: Ficha informativa */
.fichas-informativas.flexed {
    justify-content: space-between;
    flex-wrap: wrap;
}
.fichas-informativas .ficha-informativa {
    position: relative;
    height: 100%;
    border: 1px solid #c5c1c2;
    
    -webkit-box-shadow: 0px 0px 9px 0px rgba(197,193,194,1);
    -moz-box-shadow: 0px 0px 9px 0px rgba(197,193,194,1);
    box-shadow: 0px 0px 9px 0px rgba(197,193,194,1);
}

.ficha-informativa .imagen {
    position: relative;
}
.ficha-informativa .imagen .nombre,
.ficha-informativa .detalles {
    padding: 20px;
}

.ficha-informativa .imagen .nombre,
.ficha-informativa .ampliar {
    position: absolute;
    bottom: 0;
}

.ficha-informativa .imagen .nombre {
    width: 80%;
    color: #fff;
    background-color: #191919;
    text-transform: uppercase;
}
.ficha-informativa .detalles {
    margin-bottom: 60px;
}
.ficha-informativa .descripcion {
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 25px;
}
.ficha-informativa .ampliar {
    display: block;
    width: 90%;
    margin: 20px 5%;
    text-align: center;
    background-color: #191919;
    color: #fff !important;
    padding: 10px;
}


/* Galeria */
.proyectos.producto .galeria a {
    margin-bottom: 40px;
}