.etiqBas {
    background-color: #14435E;
    color: #ffffff;
    text-align: center; 
    font-size: 1.1em;
    padding: 1px 8px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width: 100%;
}           
.txtInput,
.selPepe {
    width: 100%;
    margin-bottom: 10px; 
    background-color: #D9EDF7;
    color: #000000;
    font-weight: bold;
    padding: .2em .2em .2em .2em;
    border: 1px solid #aaa;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
}

.tabEstrecha {
    border-collapse: collapse;
    width: 100%;
}

.tabEstrecha td,
.tabEstrecha th {
    border: 1px solid #ddd;
    padding: 2px 2px;
    text-align: left;
}

.tabEstrecha th {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #0d71a3;
    color: white;
}

.tabEstrecha tr:nth-child(even) {
    background-color: #f2f2f2;
}

.tabEstrecha tr:hover {
    background-color: #ddd;
}

.tabEstrecha td {
    line-height: 1;
}

.txtInput:focus,
.selPepe:focus {
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
}


.botonDelta {
    background-color: #E35B00;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 80%;
    border: 1px solid var(--colBoton);
    padding: 6px 6px; /* Agrega espaciado interno */
    border-radius: 10px; 
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
    text-decoration: none;
}

.botonDelta:hover {
    background-color: #b9b9b9;
    color: #fff;
}
.botonCerrar {
    background-color: #636363;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 80%;
    border: 1px solid var(--colPie);
    padding: 6px 6px; /* Agrega espaciado interno */
    border-radius: 12px; 
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
    text-decoration: none;
}
.botonCerrar:hover {
    background-color: #b9b9b9;
}

.botonNeutro {
    background-color: #14435E;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 80%;
    border: 1px solid var(--colPie);
    padding: 6px 15px; /* Agrega espaciado interno */
    border-radius: 12px; 
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
    text-decoration: none;
}
.botonNeutro:hover {
    background-color: #E35B00;
}

.navbarDelta {
    background-color: #14435E;
    color: #fff;
}
.navbarDelta .navbar-nav .nav-link:hover {
    background-color: #D9EDF7; 
    color: #000;
}
.navbarDelta .navbar-nav .nav-link {
    color: #fff; 
}
.navbarDelta .navbar-toggler {
    background-color: #D9EDF7;
    color: #000; 
}
.navbarDelta .navbar-toggler-icon {
    background-color: #D9EDF7;
    color: #000; 
}
.navFicha {
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
}

.card {
    width: 95%;
    margin: auto;
    background: #D9EDF7;
    border: 1px solid #989898;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.card-header {
    background: #14435E;
    color: #fff;
    text-align: center;
    padding: 1px;
}


.tarjeta {
    width: 95%;
    margin-top: 5px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.tarjeta-header {
    background: linear-gradient(to left, #03b870,#14435E);
    color: #fff;
    text-align: left;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.tarjeta-body {
    background: #D9EDF7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #989898;
    padding: 10px;
}
.tarjeta-footer {
    background: #989898;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}
/* Ocultar el campo de entrada de archivos */
.custom-file-input {
    display: none;
}

/* Estilizar el botón */
.custom-file-label::after {
    content: "↑Cargar";
    padding: 0.1rem 0.2rem;
    border: 2px solid #14435E;
    border-radius: 10px;
    color: #495057;
    cursor: pointer;
}


.tabImpresion {
    border-collapse: collapse;
    width: 100%;
    font-size: 1em;
    font-family: "Arial Narrow", sans-serif;
}

.tabImpresion td,
.tabImpresion th {
    border: 1px solid #ddd;
    padding: 1px 1px;
    text-align: left;
    
}

.tabImpresion th {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #585858;
    color: white;
}

.tabImpresion tr:nth-child(even) {
    background-color: #f2f2f2;
}

.tabImpresion td {
    line-height: 1;
}
.espacio {
    height: 4px;
    display: block;
}