/* tabelas.css */

/* ===========================
   Grid e Títulos
   =========================== */
.tabela {
    grid-column-start: 2;
    grid-column-end: 2;
}

.titulo {
    grid-column-start: 1;
    grid-column-end: 7;
    background-color: #4157a3;
    color: white;
    font-weight: 500;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 0px 10px;
}

.duplo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.duplo p {
    padding: 0;
}

/* ===========================
   Linhas e Cores
   =========================== */
.linha {
    border-bottom: 0.5px solid #dee2e6;
    border-left: 0.5px solid #dee2e6;
    border-right: 0.5px solid #dee2e6;
    column-gap: 1vw;
    padding: 0 1vw 0 1vw;
}

.branca {
    background-color: white;
}

.cinza {
    background-color: #f2f2f2;
}

.fim {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.bordaEsquerda {
    border-left: 0.5px solid #dee2e6;
    padding-left: 1vw;
}

.bordaDireita {
    border-right: 0.5px solid #dee2e6;
    padding-right: 1vw;
}

/* ===========================
   Colunas
   =========================== */
.duasColunas .linha {
    display: grid;
    grid-template-columns: 0.1fr 1fr;
}

.quatroColunas .linha {
    display: grid;
    grid-template-columns: 0.76fr 1.21fr 0.85fr 1.18fr;
}

.seisColunas .linha {
    display: grid;
    grid-template-columns: 1fr 1.6fr 1.1fr 0.9fr 0.05fr 0.5fr;
}

.linhaPTL {
    display: grid;
    grid-template-columns: 0.66fr 1fr;
    padding: 0 1vw 0 1vw;
}

.fimPTL {
    border-bottom-left-radius: 15px;
}

/* ===========================
   Fotos e Texto
   =========================== */
.fotos {
    padding: 10px;
}

.textoinformativo {
    text-align: justify;
}

/* ===========================
   Grid Areas PTL
   =========================== */
.texto {
    grid-area: origem;
}

.linha1 {
    grid-area: linha1;
}

.linha2 {
    grid-area: linha2;
}

.linha3 {
    grid-area: linha3;
}

.linha4 {
    grid-area: linha4;
}

.textOrigem {
    display: grid;
    grid-template-areas:
        'linha1 origem'
        'linha2 origem'
        'linha3 origem'
        'linha4 origem';
    grid-template-columns: 1fr 1.001fr;
    border-bottom: 0.5px solid #dee2e6;
    border-left: 0.5px solid #dee2e6;
    border-right: 0.5px solid #dee2e6;
    background-color: #f2f2f2;
}

/* ===========================
   Responsividade
   =========================== */
/* Impressão */
@media print {
    .fotos {
        width: 80% !important;
    }
}

/* Celular */
@media screen and (max-width: 767px) {
    .fotos {
        width: 100% !important;
    }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .fotos {
        width: 100% !important;
    }
}