/* =========================================================
   🧩 TABLES 
   ========================================================= */


/* CONTENEDOR CENTRADO */
.excel-container {
    max-width: 1100px;
    margin: 40px auto; /* centra horizontal */
    padding: 0 20px;
}

/* TITULO */
.excel-title {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
    color: #2c3e50;
}

/* WRAPPER */
.excel-table-wrapper {
    overflow-x: auto;
    border: 1px solid #dcdcdc;
}

/* TABLA */
.excel-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    background: #fff;
}

    /* HEADER */
    .excel-table thead {
        background-color: #f4f6f8;
    }

    .excel-table th {
        padding: 10px;
        border: 1px solid #dcdcdc;
        text-align: center;
        font-weight: 600;
        color: #333;
    }

    /* CELDAS */
    .excel-table td {
        padding: 8px 10px;
        border: 1px solid #e0e0e0;
        text-align: left;
        color: #444;
    }

    /* HOVER SUAVE */
    .excel-table tbody tr:hover {
        background-color: #f9fbfd;
    }

/* TEXTO LARGO */
.truncate {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* MENSAJE VACÍO */
.no-data {
    text-align: center;
    padding: 20px;
    color: #888;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .excel-container {
        margin: 20px auto;
    }

    .truncate {
        max-width: 120px;
    }
}