@charset "utf-8";
/* CSS Document */

.galerias-certificados{

    width:100%;
    height:320px;

    display:flex;
    justify-content:center;
    align-items:center;

    gap:50px;

    background:rgb(255,255,255);
}


/* placas */

.placa{

    width:260px;
    height:140px;

    background:white;

    border-radius:8px;

    border:2px solid rgb(0,76,151);

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    text-decoration:none;

    padding:18px;

    transition:.25s;

    box-shadow:0 3px 8px rgba(0,0,0,.08);
}


/* segunda placa */

.placa:nth-child(2){
    border-color:rgb(0,115,119);
}


/* icono */

.icono{
    width:36px;
    height:36px;

    margin-bottom:-8px;
}

.icono svg{
    width:100%;
    height:100%;
    fill:rgb(0,76,151);
}


/* textos */

.placa h3{

    font-size:17px;

    color:rgb(0,40,85);

    margin-bottom:4px;
}

.placa p{

    font-size:15px;
    font-weight: bold;
    color:rgb(0,115,119);
}


/* hover institucional */

.placa:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(0,0,0,.18);

    border-color:rgb(0,115,119);
}


/* responsive */

@media (max-width:700px){

    .galerias-certificados{

        flex-direction:column;

        height:auto;

        padding:40px 0;
    }

}