/* background-color:#16a085; /* verde menta / turquesa suave */ 
 /* #16a085 – es el mismo tono, solo más profundo (parte de la misma paleta de Flat UI Colors)*/

.table-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    table-layout: auto; /* 🔄 deja que las columnas se ajusten al contenido */
}
td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    overflow: hidden; /* Evita que el texto se desborde */
    text-overflow: ellipsis; /* Agrega puntos suspensivos si el texto es demasiado largo */
}
th {
    background: none !important;  /* limpia cualquier imagen o gradiente */
    background-color: #16a085 !important;
    border: 1px solid #16a085 !important;
    padding: 12px;
    color: white;
    text-align: center;
}
tr:hover {
    background-color: #f1f1f1;
}
.col-05  {
    width: 20px;            /* ancho fijo 0,5 cm*/
    min-width: 20px;
    max-width: 20px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
    text-align: center;
}
.col-1  {
    width: 40px;            /* ancho fijo 1 cm*/
    min-width: 40px;
    max-width: 40px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
}
.col-2  {
    width: 80px;            /* ancho fijo 2 cm*/
    min-width: 80px;
    max-width: 80px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
}
.col-3  {
    width: 120px;            /* ancho fijo 3 cm*/
    min-width: 120px;
    max-width: 120px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
}
.col-4  {
    width: 160px;            /* ancho fijo 4 cm*/
    min-width: 160px;
    max-width: 160px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
}
.col-5  {
    width: 200px;            /* ancho fijo 5 cm*/
    min-width: 200px;
    max-width: 200px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
}
.col-6  {
    width: 240px;            /* ancho fijo 6 cm*/
    min-width: 240px;
    max-width: 240px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
}
.col-7  {
    width: 280px;            /* ancho fijo 7 cm*/
    min-width: 280px;
    max-width: 280px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
}
.col-des  {
    width: 280px;            /* ancho fijo 7 cm*/
    min-width: 280px;
    max-width: 280px;
    white-space: nowrap;     /* evita que se rompa en varias líneas */
    text-align: left;
}
table tr td.col-acciones {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    white-space: nowrap !important;
    text-align: left;
}