.tabla {
            max-width: 800px;
            margin: 0 auto;
            background-color: white;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .fila {
            display: flex;
            border-bottom: 1px solid #ddd;
        }

        .fila:last-child {
            border-bottom: none;
        }

        .celda {
            flex: 1;
            padding: 15px;
            border-right: 1px solid #ddd;
            text-align: center;
        }

        .celda:last-child {
            border-right: none;
        }

        .encabezado {
            background-color: #4CAF50;
            color: white;
            font-weight: bold;
        }

        .fila:nth-child(even):not(.fila:first-child) {
            background-color: #f9f9f9;
        }

        .fila:hover:not(.fila:first-child) {
            background-color: #e8f5e9;
        }