.tabla-scroll-wrapper { width: 100%; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
.scroll-body-wrapper { max-height: 500px; overflow-y: auto; overflow-x: auto; }
.tabla-listado-presupuestos { width: 100%; border-collapse: collapse; min-width: 900px; table-layout: auto; }
.tabla-listado-presupuestos th, .tabla-listado-presupuestos td { padding: 8px; border: 1px solid #ccc; background: white; text-align: left; font-size: 14px; }
.tabla-listado-presupuestos thead th { position: sticky; top: 0; background: #f0f0f0; z-index: 5; }
.tabla-listado-presupuestos th:first-child, .tabla-listado-presupuestos td:first-child { position: sticky; left: 0; background: #f8f8f8; z-index: 6; }
.btn-editar, .btn-pdf, .{ background-color: hsl(0, 0%, 100%); color: white; padding: 6px 12px; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; transition: background-color 0.3s, transform 0.2s; display: inline-block; text-align: center; text-decoration: none; }
.btn-guardar-compartir { background-color: #00a7e1; color: white; padding: 6px 12px; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; transition: background-color 0.3s, transform 0.2s; display: inline-block; text-align: center; text-decoration: none; }

.btn-guardar-compartir:hover {
    background-color: #00458d; /* color ligeramente más oscuro */
    transform: translateY(-1px); /* efecto sutil */
}
.btn-editar:hover, .btn-pdf:hover, .btn-compartir:hover{
    background-color: hsl(0, 0%, 100%); /* color ligeramente más oscuro */
    transform: translateY(-1px); /* efecto sutil */
}
            
.btn-guardar-compartir {
    width: 100px;
}
.btn-editar, .btn-pdf, .btn-compartir {
    width: 30px;
    
}

.filtros-presupuestos { margin-bottom: 10px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
#filtroUsuario, #buscadorPresupuestos { padding: 6px 10px; border-radius: 6px; border: 1px solid #ccc; font-size: 14px; outline: none; transition: all 0.3s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.1); flex: 1; min-width: 150px; max-width: 300px; }
#filtroUsuario:hover, #buscadorPresupuestos:hover { border-color: #00a7e1; }
#filtroUsuario:focus, #buscadorPresupuestos:focus { border-color: #00a7e1; box-shadow: 0 0 5px rgba(0,167,225,0.5); }
@media (max-width: 600px) { .filtros-presupuestos { flex-direction: column; align-items: stretch; } #filtroUsuario, #buscadorPresupuestos { width: 100%; min-width: unset; } }

.tabla-listado-presupuestos td:last-child > * { display: block; margin-top: 6px; }
.tabla-listado-presupuestos td:last-child > *:first-child { margin-top: 0; }
.fade-out { animation: fadeOut 0.3s forwards; }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; max-height: 0; } }
.compartido-icon { color: orange; font-weight: bold; margin-left: 5px; }

td button {
  display: inline-block;
  margin-right: 6px;
  background: none;
  border: none;
  cursor: pointer;
}
          
            
/*
.btn-pdf {
    background-color: #3498db;
    color: white;
    padding: 4px 10px;
    margin-left: 5px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9em;
}
.btn-pdf:hover {
    background-color: #2c80b4;
}
*/