/*============================================================================== VEHICULAR */
.vehBox {
    width: 100%;
    height: 28px;
    display: grid;
    grid-template-columns: 1fr 960px 1fr;
    grid-template-areas: ". vehFondo .";
}
.vehFondo {
    grid-area: vehFondo;
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: 960px;
    grid-template-areas: "vehFila";
}
.vehFondoGris {
    grid-area: vehFondo;
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: 960px;
    grid-template-areas: "vehFila";
    background: #E7E7E7;
}
.vehFila {
    grid-area: vehFila;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 75px       130px     55px    120px    24px 260px      28px   120px    40px     60px;
    grid-template-areas:  "vehEmision vehPoliza vehCert vehPlaca vehD vehCliente vehCN  vehVence vehCuota vehAsesor";
    place-items: center start;
}
.vehEmision {
    grid-area: vehEmision;
    font-size: 13px;
    color: #555;
    width: 100%;
    text-align: right;
}
.vehPoliza {
    grid-area: vehPoliza;
    font-size: 14px;
    font-weight: 600;
    color: #036;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-align: right;
    padding-right: 10px;
    cursor: pointer;
}
.vehPoliza:hover { color: #069; }
.vehCert {
    grid-area: vehCert;
    font-size: 13px;
    color: #069;
    width: 100%;
    text-align: right;
    padding-right: 10px;
}
.vehPlaca {
    grid-area: vehPlaca;
    font-size: 14px;
    font-weight: 600;
    color: #066;
    width: 100%;
    text-align: right;
    padding-right: 20px;
}
.vehD {
    grid-area: vehD;
    place-self: center center;
}
.vehD img { display: block; }
.vehCliente {
    grid-area: vehCliente;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    cursor: default;
}
.vehCliente span {
    display: inline-block;
    white-space: nowrap;
    font-size: 13px;
}
.vehVence {
    grid-area: vehVence;
    font-size: 13px;
    color: #990099;
    font-weight: 600;
    padding-left: 20px;
}
.vehCN {
    grid-area: vehCN;
    place-self: center end;
}
.vehCuota {
    grid-area: vehCuota;
    font-size: 12px;
    color: #666;
    place-self: center 
    center;
}
.vehAsesor {
    grid-area: vehAsesor;
    font-size: 12px;
    color: #669;
    width: 100%;
    text-align: right;
    padding-right: 6px;
}
.vehAsesorLink { cursor: pointer; }
.vehAsesorLink:hover { color: #036; text-decoration: underline; }
/*------------------------------------------------------------------------------ HEADER */
.vehHeader {
    width: 100%;
    height: 26px;
    display: grid;
    grid-template-columns: 1fr 960px 1fr;
    grid-template-areas: ". vehHeaderFila .";
    background: #036;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 2px;
}
.vehHeaderFila {
    grid-area: vehHeaderFila;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 75px  130px   55px    120px   24px   260px   28px  120px   40px   60px;
    place-items: center start;
}
.vehHeaderFila span { padding-left: 2px; width: 100%; }
/* Alineación de cabeceras según sus datos */
.vehHeaderFila span:nth-child(1) { text-align: right;                        } /* Emisión  */
.vehHeaderFila span:nth-child(2) { text-align: right; padding-right: 10px;   } /* Póliza   */
.vehHeaderFila span:nth-child(3) { text-align: right; padding-right: 10px;   } /* Cert.    */
.vehHeaderFila span:nth-child(4) { text-align: right; padding-right: 20px;   } /* Placa    */
.vehHeaderFila span:nth-child(5) { text-align: center; padding: 0;           } /* D        */
.vehHeaderFila span:nth-child(7)  { text-align: right;   } /* CN       */
.vehHeaderFila span:nth-child(8)  { text-align: center; padding-left: 10px;   } /* F. Inicio*/
.vehHeaderFila span:nth-child(9)  { text-align: center; padding: 0;           } /* Cuota    */
.vehHeaderFila span:nth-child(10) { text-align: right;  padding-right: 6px;   } /* Asesor   */