@charset "ISO-8859-1";

 /* Overlay cobrindo a página */
.popupServicos-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9998;
    display: none;
}

/* Popup centralizada */
.popupServicos {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    padding: 10px 10px 38px 10px;
    border-radius: 14px;
    background-color: white;
    box-shadow: 0 6px 25px rgba(0,0,0,0.35);
    z-index: 9999;
    flex-direction: column;
    align-items: stretch;
    display: none;
}

.closeServicos {
  float: right;
  font-size: 24px;
  cursor: pointer;
  margin-left: 10px;
}

#servicos{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,330px));
    justify-content:center;
    gap:25px;
    height: 100%;
}

.servico-popup-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    cursor:pointer;
}

.servico-popup-card img{
    width:100%;
    height:100%;

    object-fit:cover;

    filter:brightness(.65) blur(1px);

    transition:.35s;
}

.servico-popup-card:hover img{
    transform:scale(1.05);
    filter:brightness(.8);
}

.servico-popup-overlay{
    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:25px;

    color:white;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.65)
    );
}

.servico-popup-overlay h3{
    margin:0;
    font-size:20px;
}

.servico-popup-detalhes{
    display:flex;
    justify-content:space-between;

    margin-top:15px;

    font-weight:600;
    font-size:16px;
}