/* Especial para INDEX */
        .especial-tabla-contenedor {
            margin: 30px auto;
            max-width: 900px;
            padding: 0 10px;

            height:600px;          /* Altura máxima */
            overflow-y:auto;       /* Scroll vertical */
            overflow-x:hidden;     /* Sin scroll horizontal auto */            
        }          
       
       /* Estilo general de la tabla */
        .especial-tabla-elegante {
            width: 100%;
            border-collapse: collapse;
            font-family: 'Segoe UI', Arial, sans-serif;
            background-color: #ffffff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            border-radius: 8px;
             /* Mantiene las esquinas redondeadas */
        }

        /* Estilo del encabezado (Header) */
        .especial-tabla-elegante thead tr {
            background-color: #1636a0; /* 1636a0 1a252f Azul oscuro elegante */
            color: #ffffff;
            text-align: left;
            font-weight: 600;
        }

        /* se fija la cabecera en caso de lista enorme*/
        .especial-tabla-elegante thead th{
            position: sticky;
            top: 0;
            background-color: #1636a0;
            z-index: 10;
        }

        .especial-tabla-elegante th, 
        .especial-tabla-elegante td {
            padding: 15px 20px;
        }

        /* Estilo de las celdas del cuerpo */
        .especial-tabla-elegante tbody tr {
            border-bottom: 1px solid #eeeeee;
            transition: background-color 0.2s ease;
        }

        /* Texto de la primera columna */
        .especial-tabla-elegante tbody td:first-child {
            color: #333333;
            font-weight: 500;
        }

        .especial-tabla-elegante tbody td:nth-child(3) {
            color: #333333;
            font-weight: 400;
            font-size: small;
        }

        .especial-tabla-elegante tbody td:nth-child(4) {
            color: #333333;
            font-weight: 400;
            font-size: small;
        }

        .especial-tabla-elegante tbody td:nth-child(8) {
            color: #333333;
            font-weight: 400;
            font-size: small;
        }        

        /* Efecto hover al pasar el cursor sobre la fila */
        .especial-tabla-elegante tbody tr:hover {
            background-color: #f8f9fa;
        }

        /* Quita el borde a la última fila */
        .especial-tabla-elegante tbody tr:last-of-type {
            border-bottom: 2px solid #1a252f;
        }